摘要： Vuex 中 使用 Action 处理异步请求时，常规写法如下： 我们也可以使用如下简化写法，如下： 这是一种怎么的写法呢？ 其实这是 ES6 中一种被称为 变量解构赋值 新的语法知识，可参考我的另外一篇文章 变量解构赋值。 我们可以看看 Vuex 中 注册 Action的源码如下： 常规写法中的 阅读全文

摘要： （一）入口 通过 data-main 去加载 JS 模块，是通过 req(cfg) 入口去进行处理的。 为了跟踪，你可以在此 加断点 进行调试跟踪。 （二） req({ })执行时，function newContext() 已经创建了上下文环境 context。我们可以看看 context 拥有哪 阅读全文

摘要： 1、字符的表示方式 最早在 \u0000-\uFFFF 之间的字符已经足够使用吗，每个字符占两个字节，超出范围，必须使用双字节形式表达， 即每个字符占四个字节。超出范围的字符，会被解读成 \uXXXX+last。 ES6中，将码点放入 大括号中，既可以正确解读该字符。 "hell\u{6F}" 2、 阅读全文

摘要： 1、Array.form ES6中，Array.from = function(items,mapfn,thisArg) { } Array.from 用于将 类数组 和 可遍历对象（实现了Iterator接口的对象以及set、map)对象，转换成真正的数组。 (1) 第一个参数：items，类数组 阅读全文

摘要： 1、解构的含义 允许按照一定的模式，从数组和对象中取值，对变量进行赋值，称为解构。 解构赋值时，只要等号右边的值不是对象，就先将其转换成对象。 解构后： head=1，tail=[2,3,4]。 2、解构的限制。 （1）undefined与null 无法转换成对象，解构赋值就会报错。 （2）如果等号 阅读全文

摘要： 1、let 用于变量声明，仅在块级作用域内有效。 ES6新增了块级作用域，在ES5中没有块级作用域这个概念。 2、使用let 避免闭包的形成，每一次循环的i其实都是一个新的变量。 如下：如果使用 "var i=0",则输出的结果是10. 3、不存在变量的提升，必须声明后再使用。 4、暂时性死区，只要 阅读全文

摘要： /** * Created by xianrongbin on 2017/3/11. */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'); ctx.font = '30px 宋体 bold';//default 20px sans-serif /** * font-weight ... 阅读全文

摘要： /** * Created by xianrongbin on 2017/3/9. * 图片填充 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'), cirucle = Math.PI; var bgImage=new Image(); bgImage.src='bk.jp... 阅读全文

摘要： /** * Created by xianrongbin on 2017/3/9. */ /* strokeStyle 或 fillStyle 属性的值*/ /** * Demo1 创建线性渐变 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'); var linearGra... 阅读全文

摘要： /** * Created by xianrongbin on 2017/3/8. * 本例子使用渐变画出 璀璨星空 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'), cirucle = Math.PI; //ctx.lineJoin='miter'; //round 圆... 阅读全文