2018年07月_sayid760

12月 09月 08月 07月 04月 03月 02月

原创 webpack4例子

webpack.config配置安装wenpack四个核心概念打包演示Demo1：本地服务（webpack-dev-server）Demo2： css-loader 、less-loaderDemo3：postcss-loader、autoprefixer（自动补充css前缀）Demo4： file-loader （打包html 、字体图标）Demo5： html-we...

2018-07-26 17:15:02 1240

原创 vue拖拽

常规自定义指令移动端常规不是很顺畅，而且也是DOM操作，不是符合vue的意义，尽量不要改DOM元素，要用数据驱动，少用 this.$refs<style> #box { position: absolute; left: 0; top: 0; width: 100px; height: 100px; b...

2018-07-18 23:29:44 1920 2

原创 ES6笔记（类class）

1、ES6的类是一种语法糖,本质还是基于原型基本格式: class 类名{ constructor(){ } 方法1... 方法2... ... 方法n... }1，类的类型是 function2，类名就是构造函数类名 === 类名.prototype.constructor3, 实例化也是用 ...

2018-07-02 23:10:20 322

原创 ES6笔记（对象的is、 assign、keys、valus、entries等方法）

1、Object.is与 === 行为基本一致，除了NaN, +0与-0//===console.log(1===1); //trueconsole.log(1==='1'); //falseconsole.log(1===true); //falseconsole.log(0===false); //falseconsole.log({}==={}); //false ;注意：空对象作...

2018-07-02 23:10:07 1223

原创 ES6笔记（set）

1、Set：新的数据结构:类似于数组，但是成员的值都是唯一的，没有重复，他的键跟值是一样的(1)、set的基本用法: 初始化 //new Array() [] var s = new Set() var s = new Set( [ 1, 2, 3, 4 ] ) var s = new Set( [...document.querySelectorAll('div')] ...

2018-07-02 23:09:55 2419

原创 ES6笔记（字符串模板、异步、promise）

1、模板字符串es6模板字符简直是开发者的福音啊，解决了ES5在字符串功能上的痛点。第一个用途，基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。第二个用途，在ES5时我们通过反斜杠(\)来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定。//以前的写法var str='javasrcipt\ is\ amazing';console.log(str)...

2018-07-02 23:09:49 371

原创 ES6笔记（解构）

1、解构解构通俗点说，就是通过一种特定格式，快捷的读取对象/数组中的数据的方法基本用法：（如果右边是对象，左边也要用对象的格式，解构出来就是变量了，再也不是属性了）//解构对象var oUser={ 'name':'aaa', 'age':20}//es5读数据的方法console.log(oUser['name'],oUser['age']);//aaa 20//let{name,...

2018-07-02 23:09:07 4063

原创 ES6笔记（对象、函数传参、展开运算符、不定参）

1、对象第一：字面量对象的方法，支持缩写形式方法缩写规则：在原来的基础上去掉冒号和 function关键字第二：对象中的属性与变量名或者参数同名的时候，可以省略赋值的操作//对象方法的缩写var obj={ uName:'aaa',// showUserName:function(){// console.log(this.uName)// } sho...

2018-07-02 23:08:48 6681

原创 ES6笔记( let 、const、this、call/apply/bind)

1、let 块级作用域(1)函数内部(2)块中（通常指的是一对花括号之间）特性：①let 定义的变量不会被提升是②在同一个作用域下，let不能重复定义两个同名的标识符在不同的作用域下，可以使用同名的标识符③var在全局作用域下，会把属性绑定到window上，从而可能产生覆盖属性的隐患，而let关键字只是会遮蔽它，并不会覆盖window上的同名属性（let的定义的不会挂载到wi...

2018-07-02 23:08:12 597