vscode 插件推荐以及常用配置
1、主题2、常用快捷键1、文件之间切换 Ctrl+Tab2、代码行缩进 Ctrl+[ 、 Ctrl+]3、代码格式化： Shift+Alt+F，或 Ctrl+Shift+P 后输入 format code（或者先Ctrl+K然后再点一次Ctrl+F）4、上下移动一行： Alt+Up 或 Alt+Down5、向上向下复制一行： Shift+Alt+Up 或 Shift+Alt+D…
深入理解vue 修饰符sync【 vue sync修饰符示例】
在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。我们需要做的只是让子组件改…
vue 自定义组件使用v-model
v-model是 Vue2 中唯一支持双向绑定的指令，用于表单控件绑定，但不代表它只能用在表单控件之上。在文档 使用自定义事件的表单输入组件 一节中提到了，v-model其实是个语法糖。<input v-model="something">这不过是以下示例的语法糖：<input v-bind:value=…
拖放排序插件Sortable.js
介绍Sortable.js是一款轻量级的拖放排序列表的js插件（虽然体积小，但是功能很强大）下载地址：https://github.com/RubaXa/Sor...官方DEMO：http://rubaxa.github.io/Sorta...特点支持触屏设备和大部分浏览器（IE9以下的就不支持了，原因都懂得）可以从一个列表容器中拖拽一个…
ES6函数新增内容介绍
学习函数新增内容，需要先了解ES6的变量解构赋值。本文大量引用阮一峰老师的ES6手册。为函数的参数设置默认值function Point(x = 0, y = 0) { this.x = x; this.y = y;}const p = new Point();console.log(p);注意事项：函数内部不允许给参数重复声明，比如用var、let、cons…
ES6(对象展开运算符)扩展运算符和剩余操作符的对比和应用
扩展运算符扩展运算符写法是三个点...，写法虽然跟剩余操作符一致，都是...，但是作用可以认为是相反的。扩展运算符的核心就是2个字：打散。剩余操作符的核心就是2个字：打包。剩余操作符和扩展运算符在赋值方面的对比：剩余操作符是：表示剩下的打包，通常是只可能放在变量名…
JS - 各浏览器对ES2015/ES6的支持情况（桌面端、移动端、以及服务器）
2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。ES2015 是该语言的一个显著更新，也是自 2009年 ES5 标准确定后的第一个重大更新。ES6 提供了许多新特性，但并不是所有的浏览器都能够完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性，其中对 ES6 新特性…
JS ES6中的箭头函数（Arrow Functions）使用
一、语法基础语法(参数1, 参数2, …, 参数N) => { 函数声明 }(参数1, 参数2, …, 参数N) => 表达式（单一）//相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }// 当只有一个参数时，圆括号是可选的：(单一参数) => {函数声明}单一参数 => {函数声明}//…