箭头函数内的this对象就是定义时所在的对象，而不是使用时所在的对象。 不可以当作构造函数，也就是说，不可以使用new命令。 不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用rest参数代替。 不可以使用yield命令，因此箭头函数不能用字Genera…

本文章上接搭建篇，因为篇幅原因，我把优化单独放一篇文章来讲。 1、如果开发环境和生产环境都使用插件把CSS分离出来成为单独的文件，那么你在开发过程中会发现热更新对CSS不生效，所以解决方法就是分离CSS仅配置在生产环境。给大家埋了个坑！ 我们可以看见那个硕大的index.css…

最近做网站体验优化的时候突然发现一个好东西，pace.js(加载进度条插件)，gzip之后只有几kb， 简单好用，特地分享出来，也作为自己的一个学习总结。 pace.js是一个自动加载页面进度栏的小插件,它可以自动监视您的Ajax请求，事件循环滞后，文档就绪状态以及页面上的元素…

传入的事件会自动生成并缓存一个内联函数再cache里，变为一个静态节点。这样就算我们自己写内联函数，也不会导致多余的重复渲染 真是优秀啊

面试官：请实现三栏布局，尽可能多的方式。 昨天在看一道笔试题的时候本以为很简单，但是结果不是我想象的那样，直接上笔试题。 我第一个想到的是new Array(5)生成的数组是[undefined, undefined, undefined, undefined, undefin…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

在平时的开发中，出现listen EADDRINUSE: address already in use :::3000这种错误的频率很高，尤其在windows系统下，杀死个进程都杀不彻底。当遇到这种问题的时候，我们第一反应就是查看系统是哪个进程也在监听同样的端口。于是引出了我们…

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，这时候JavaSc…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…