网瘾新之助

Easy-Inspector是一个chrome插件（开发者工具），借助它，你可以修改请求头和响应头，并且把被处理的请求收集起来，方便分析。 1. 进入设置界面。这个工具只有一个设置界面，通过点击插件的选项进入。 2. 插件的界面如下，有两个tab，规则和记录： 3. 界面功能 …

一直在使用axios库，在享受它带来的便利的同时，总感觉不读读它的源码有点对不起它，刚好网上介绍axios源码的文章较少，所以写下这篇文章，权当抛砖引玉。 axios是同构的JavaScript的异步请求库，它可以在浏览器端和NodeJS环境里使用。 axios的GitHub地…

我们都知道webpack是一个构建工具，但是在开发测试过程中，我们会经常修改代码后，然后频繁刷新页面查看效果，可惜我们就是厌旧重复工作的物种。 刚好webpack这个工具，提供了另外一个工具——webpack-dev-server，它可以帮我们从中解脱。 我们可以监听入口文件和…

Vue支持封装HTML元素为组件，组件还可以组装成另一个组件，提高可复用性。 简单地拆分一小块HTML代码？不是的，前面提到过，Vue是通过render函数生成DOM的，所以组件也应该是由一个JavaScript对象表示，并且该对象会包含一个render函数。 其实除了根Vue…

VueJS的虚拟DOM是基于开源Snabbdom的。 前端发展很多年，直到出现了虚拟DOM，才可以从操作DOM解脱出来。 JQuery的出现，简化了操作DOM的过程，但是还是摆脱不了操作DOM。 而虚拟DOM的目的是，使用虚拟节点代替真实节点，所有操作都发生在虚拟节点，然后通过…

1.1. HTML标签的文本内容 1.2. HTML标签的纯HTML内容 1.3. HTML标签的属性内容 2.1. 内置的指令有： 2.2. 指令可以带上修饰符 1. 文本插入分隔符 2. 指令 bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在…

为了实现响应式模式，Vue用render函数来生成vnode，并使用diff算法对比新旧vnode，最后更新到真实DOM上。 由于是在编译阶段而不是在监听阶段，所以vnode没有对比的对象，直接通过vnode生成真实DOM。 Vnode是Vdom上的一个节点，是对真实DOM的抽…

1. Observer 一个被观察的对象会对应一个Observer实例，包括options.data。 一个Observer实例会包含被观察的对象和一个Dep实例。 2. Dep Dep实例的作用是收集被观察对象（值）的订阅者。 一个Observer实例对应一个Dep实例，该D…

通过了解Vue对象的生命周期，可以加深对Vuejs的了解，知道哪些步骤具体发生在哪个阶段，进而可以快速找到业务的最佳解决方案；当然了，最重要的，人类毕竟是求知欲望很强的生物。 这个阶段主要是把普通对象转化为响应式对象。 比如options.data、options.comput…

Express和Koa都出自同一个团队，通过对比它们的源码，可以看出来Koa更加成熟，代码更加易读，逻辑更加清晰。 当然还有框架思想上也是有区别的，请接着往下看。 1. 中间件的入参 Express和Koa都增强了NodeJS原生的http.IncomingMessage和ht…