- 博客(180)
- 收藏
- 关注
RSS订阅转载 vue-cli3.0结合lib-flexible、px2rem实现pc端大屏适配，完美解决第三方ui库样式变小问题
一、项目中安装lib-flexible npm install lib-flexible --save二、在项目的入口main.js文件中引入lib-flexible import 'lib-flexible'第二部分：使用postcss-px2rem-exclude自动将css中的px转换成rem 安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --save配置exclude选项配置位置是项..
2020-06-04 09:37:56
2430
2
转载 java 基础篇 (搭建一个普通的java项目)
IntelliJ IDEA如何创建一个普通的java项目，及创建java文件并运行首先，确保idea软件正确安装完成，java开发工具包jdk安装完成。IntelliJ IDEA下载地址：https://www.jetbrains.com/idea/download/#section=windowsjdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.htmlIDEA的java项目(Project)则相当.
2020-05-12 09:40:32
1681
原创 three.js 基础篇一
three.js 是对webgl的封装， 类似于javascripts 与 jquery 的关系。一： webgl的理解创建三维模型，需要有 数学基础和图形学相关的基础，
2020-05-11 09:48:15
375
原创 js 状态模式
// 不同状态显示不同内容function stateManage(action){ if(typeof action == 'number'){ if(action == 1){ console.log('success'); }else if(action == 2){ console.log('err...
2020-04-08 17:17:23
275
原创 js 对比 vue 装饰者模式
// 装饰者模式的特点（不改变源码方法，重写源码或新写方法里调用源码方法）如：源码：function a(){ console.log(1);}// 新的需求 打印1的同时 还能打印2， 现有源码方法不能满足现在需求解决方法： //新建方法b,c function b(){ console.log(2); } function...
2020-04-08 16:00:54
323
原创 js 元模式
var test1, test2, test3;test1.onmouseover = function(){ console.log('this is test1'); this.style.color = 'red';};test2.onmouseover = function(){ console.log('this is test2'); this....
2020-04-08 15:18:00
183
1
原创 vue 分页功能。翻页记忆搜索
1: template里 引入组件<el-table ref='multipleTable' :data="tableData"></el-table>2: 设置分页用的参数data(){return{tableData:[],multipleSelectionAll:[],//所有选中的数据包含跨页数据...
2020-03-31 16:28:06
825
原创 this 指向详细解析（箭头函数）
1、全局环境下，无论是否严格模式，this始终指向全局对象（windows）2、普通函数的this,分两种情况，即严格模式和非严格模式非严格模式下this指向全局对象（windows）严格模式下 this指向undefined3、对象中的this对象内部方法的this指向调用这些方法的对象4、原型链中的this原型链中的this指向调用它的对象5、构造函数中的thi...
2020-03-31 16:11:52
411
原创 dart ?? 运算符
??=，如果变量没有赋值才进行赋值，否则不进行赋值//??=，如果变量没有赋值才进行赋值，否则不进行赋值b ??= 10;print(b);
2020-02-15 16:42:35
6233
1
转载 videojs 使用设置
1.对于Video.js 5.x及更低版本，Flash技术是Video.js核心存储库的一部分。对于Video.js 6.x及更高版本，Flash技术位于单独的存储库中。videojs-flash.js插件只与Video.js> = 6.0.0一起使用，因为之前的flash技术已构建到版本中！video.js不能直接播放rtmp流，需要videojs-flash.js 这个插件。...
2020-01-21 10:00:45
1387
转载 前端Request Payload 和 Form Data提交方式
前端传参方式及格式：Request Payload的请求正文格式是json格式的字符串：{ “name” : “admin”, “password” : “12” }Form Data的请求正文格式是用name=value&key1=value2格式：name=admin&password=12后台处理：对于 Request Payload 请求， 必...
2019-08-21 09:05:21
1213
原创 数组对象的拷贝
数组对象的拷贝错误方式：let arr1 = [{isShow: true,value:testValue}];let arr2 = [...arr1];// 采用es6解构赋值的方式let listItems = [];arr2.foreach( (item)=> {if (item.isShow == true) {let reg = RegExp(/Val...
2019-08-14 17:07:58
256
转载 函数添加自定义属性
常规函数：function test() { console.log("ccc");}test.arr = ["1"];console.log(test.arr);答案是 ["1"];构造函数：function Person(firstName, lastName) { this.firstName = firstName; this.lastName = la...
2019-06-26 09:39:51
1222
转载 js 函数&对象
函数是一个拥有属性的对象，并且属性也可被调用。例如：function bark() { console.log('Woof!')}bark.animal = 'dog'A: Nothing, this is totally fine! B:SyntaxError. You cannot add properties to a function this way. C...
2019-06-18 10:20:57
272
转载 js es6 class类
## 静态方法 类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上`static`关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。 ```javascript class Foo { static classMethod() { r...
2019-06-18 10:11:05
777
转载 js 进阶基础
1.在 JavaScript 中，所有对象的 keys 都是字符串（除非对象是 Symbol）。尽管我们可能不会定义它们为字符串，但它们在底层总会被转换为字符串。2.当我们使用括号语法时（[]），JavaScript 会解释（或者 unboxes）语句。它首先看到第一个开始括号[并继续前进直到找到结束括号]。只有这样，它才会计算语句的值。例题：哪一个是无效的？const...
2019-06-18 09:18:09
271
转载 提示Unused default export错误，如何解决
问题描述如下：这个错误提示其实是webstorm的变量语法检查提示，修改一下它的配置就好了。1.点击Webstorm右下角的小人，点击Configure inspections2.在搜索框中输入javascript general unused,取消勾选Unused global symbol,记得保存修改作者：木子Ru连接：https://www.cnblogs...
2019-06-17 14:49:34
6104
2
转载 常规函数&箭头函数
const shape = { radius: 10, diameter() { return this.radius * 2 }, perimeter: () => 2 * Math.PI * this.radius}shape.diameter()shape.perimeter()A:20and62.83185307179586 B:20...
2019-06-17 10:40:40
835
转载 webstorm 配置 git
景描述：新建的工程，想上载到gitlab进行版本能控制。1、安装git 借用大神git安装教程：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137396287703354d8c6c01c904c7d9ff056ae23da865a0002、webstorm配...
2019-06-11 09:46:21
2545
4
转载 ES7前端异步玩法：async/await理解
在最新的ES7（ES2017）中提出的前端异步特性：async、await。什么是async、await？async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用通常async、await都是跟随Promise一起使用的。为什么这么说呢？因为async返回的都是一个P...
2019-06-05 10:18:44
136
原创 echarts 环形图 不同区域背景色自定义
app.title = '环形图';option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, legend: { orient: 'vertical', x: 'left', d...
2019-05-29 14:55:40
8157
原创 eventEmitter
编写事件派发器可以监听xxx事件 触发xxx事件function eventEmmitter() {this.listeners = {};}eventEmmitter.prototype = {// 监听on: function(eventName, fn) {console.log("监听事件");let arrs = (this.listeners[eve...
2019-05-29 10:55:21
543
转载 es 模块化导出的两种方式及区别
ES中的模块导出导入export 和 export default两个导出，下面我们讲讲它们的区别export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中，export、import可以有多个，export default仅有一个通过export方式导出，在导入时要加{ }，export default则不需要export能直接导出变...
2019-05-27 10:13:08
876
转载 浏览器上使用原生ES模块方案
来浏览器上使用原生模块需要在script标签上添加type=module属性例如：es.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, i...
2019-05-27 10:02:05
1472
转载 前段开发工具VS code 安装Vetur插件后会报错，检测语法template
转载于：weixin_40551482https://blog.csdn.net/weixin_40551482/article/details/83045854
2019-04-26 10:01:29
2284
转载 Vue项目报错：Uncaught SyntaxError: Unexpected token <
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题：控制台的提示：Uncaught SyntaxError: Unexpected token <按照提示进入文件，再看如下图：仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。解决方案...
2019-04-16 15:56:49
3093
转载 node-webkit 创建桌面程序
node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在某些特定领域用html5+css3+js开发的web应用更加简单和高效，而且还可以使用node.js的功能，所以node-webkit还是很有用处的。下面我通过一个简单的demo来介绍怎么...
2019-04-15 10:20:08
186
原创 vscode 采用 scss预编译器总报语法错误
VS Code vue项目使用scss显示语法错误在vs code的设置中添加："files.associations": { "*.vue": "vue" }具体位置如下：
2019-04-12 17:09:25
5854
1
原创 如何侦听一个对象的变化
有两种方法：1.使用Object.defineProperty2.es6的Proxy现在vue.js使用的还是Object.defineProperty，因为es6在浏览器的支持并不是全都适用
2019-04-12 09:51:14
134
转载 Error: watching ./scss/*.scss: watch task has to be a function (optionally generated by using gulp.p
var gulp = require('gulp');var sass = require('gulp-sass');gulp.task('default', () => {return new Promise(function (resolve, reject) {console.log("HTTP Server Started");resolve();});...
2019-04-01 10:13:47
1375
转载 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
npm run dev 错误提示：{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.解决方法：找到你的工程文件夹里的 YourProName\node_modules\vue-loader\lib\template-compiler\index.js//将以下代码if (!...
2019-03-26 13:44:16
2854
原创 vue-cli 中 eslint 语法错误警告解决
报错信息./src/main.js error eol-last Newline required at end of file but not found /Users/xxx/site/xxx/src/main.js:24:2 router.start(require('./app.vue'), '#app') ^✖ 1 problem (1 err...
2019-03-26 13:42:36
3024
转载 数组去重
es5 的方法[1,3,"a","a"].filter(function(ele,index,array){return index===array.indexOf(ele)})es6[...new Set([1,2,4,1,"a",3,"a"])]
2019-03-26 08:59:27
96
转载 vue ui 组件库的创建 发布
本文提供的方式是将组件直接引入，不需要使用Vue.use()，即没有给组件添加install方法。步骤一注册npm账号，用于发布组件。// 注册后npm adduser // 添加用户（填写注册的用户名，密码，邮箱）npm whoami // 查看当前注册的用户附：注册npm需要确认邮箱，邮箱确认后需要重新登录npm，否则会一直提示邮箱未确认。步骤二构建一个vue项目...
2019-03-25 15:12:17
268
转载 koa2从搭建项目到实现API
搭建环境安装node 这个不用想也不用考虑，koa项目是基于node的，上来什么都别说，先安装node。但这里有个细节需要注意，node需要最低版本为7.6.0，主要是为了一些es6的语法支持。brew install node我这里是在mac环境上安装的node，由于本人习惯使用homebrew安装，如果不是mac环境的同学，也可以直接到官网下载安装包安装。这个步骤比较简单，一...
2019-03-20 17:02:48
1573
转载 vue如何定义全局变量 全局函数
定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。全局变量模块文件：Global.vue文件：<script>const serverSrc='www.baidu.com';const...
2019-03-20 15:03:13
603
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人