2017年07月_zmhawk

原创从 ECMAScript 规范来看 JS 的 this 绑定规则

当遇到疑难问题时，最好的办法就是去看官方的规范，于是，为了彻底探究 JS 中的 this 绑定规则，我打开了ECMAScript 5.1 规范文档。。。。规范中，关于 this 绑定，有如下几处提到，第一处是 4.3.27 节中，这个比较好理解，也就是我们都知道的，* 当一个函数被作为一个对象的方法调用，则函数内的 this 指向那个对象。*对象的方法 4.3.27 方法 (method)

2017-07-24 11:33:09 886

原创 vue-cli 构建的项目中如何使用 Less

vue-cli 构建的项目默认是不支持 less 的，需要自己添加。首选，安装 less 和 less-loader ，在项目目录下运行如下命令npm install less less-loader --save-dev当然，比起 npm，我个人更喜欢用 yarnyarn add less less-loader --dev安装成功后，打开 build/webpack.base.conf.js ，

2017-07-16 19:38:33 21209 7

原创 JS 数据监听方法研究

之前模拟了一个在 HTML标签中通过自定义的 yjb-bind 和 yjb-model来进行数据绑定的，效果很不好。指令解析及数据绑定应该是在解析 DOM 树时做的，采用 getAttribute 和 querySelectorAll 等方式来获取绑定的信息和元素，性能非常差，并且难以通过 person.name 这类的字符串访问到对象内的属性（Vue 好像是自己实现了一个解析路径字符串访问对象内属

2017-07-16 16:03:32 1458

原创 Angular 和 Vue 等前端框架中的数据绑定模拟

对 Angular 和 Vue 等前端框架中的数据单向绑定和双向绑定很感兴趣，于是自己试着模拟了一个。采用 AngularJS 的语法，在标签中添加 yjb-bind表示单向绑定，yjb-model表示双向绑定。数据监听数据绑定首要要实现的就是数据监听，而数据监听的方法有很多，这里我采用了 setter 方法。废话少说，上代码！HTML部分：<input type="text" yjb-model

2017-07-15 19:22:52 903

原创 JS 设计模式之单例模式

随着项目做的越来越多，项目越来越大，也越来越意识到设计模式的重要性，好的设计模式可以大幅简化项目的复杂度和耦合性，使编写、维护都变得轻松许多。单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器中的 window 对象等。在 JavaScript 开发中，单例模式的用途同样

2017-07-15 19:04:43 641

原创 JS 自定义事件

在写 Vue 项目的时候，对其中的 $emit 和 $on 等方法很感兴趣，于是就试着自己实现了一个，方法的注释是从 Vue 的 API 文档里复制的，因为效果是一样的~~~// 事件总线对象var Event = { // 触发事件的方法 emit (event, ...params) { this.eventList[event].forEach((e, i

2017-07-15 15:41:21 542

原创 Node下一个简单好用的 MongoDB 操作模块

数据库操作总要伴随着繁复的连接操作，所以简单的封装了一下，使用起来还是比较简单好用的，需要先安装 mongodb 模块。好消息：本轮子已加入 npm → promise-mongodb

2017-07-05 10:04:00 772

逆行者