敏敏子

通过 vue-cli 去初始化我们的 vue.js 项目时，会询问我们用 Runtime Only 版本还是 Runtime + Compiler 版本。 使用这个版本时，通常需要借助 webpack 的 vue-loader 工具把 .vue 文件编译成 Javascript…

对响应式数据进行依赖收集的目的就是为了当我们修改数据的时候，可以对相关的依赖派发更新。 在 initProps() 和 initData() 的过程中，我们创建了响应式对象，每个 data 最终都会通过以下方式，被设置一个 getter 和 setter。 当我们在组件中对响应…

依赖收集是 Vue 响应式原理必不可少的一个实现环节，那要弄清楚依赖收集的原理，我们首先需要明确以下几个概念。 观察者模式是一种实现一对多关系解耦的行为设计模式。 它主要涉及两个角色：观察目标、观察者。 它的特点：观察者要直接订阅观察目标，观察目标一做出通知，观察者就要进行处理…

1. JavaScript 对象的特征 在 JavaScript 中，对象的状态和行为其实都被抽象为了属性。 下面这段代码其实就展示了普通属性和函数作为属性的一个例子，其中o 是对象，d 是一个属性，而函数 f 也是一个属性，尽管写法不太相同，但是对 JavaScript 来说…

Undefined 类型表示未定义，它的类型只有一个值，就是 undefined。 undefined是全局对象的一个属性。也就是说，它是全局作用域的一个变量。undefined的最初值就是原始数据类型undefined。undefined是一个不能被配置（non-config…

1. 初级分析：使用webpack内置的stats 缺点：颗粒度太粗，看不出问题所在。 2. 速度分析：使用speed-measure-webpack-plugin 分析整体打包的总耗时，以及每个loader和插件的执行耗时情况。 3. 体积分析：使用webpack-bundl…

1. 构建配置管理的可选方案 2. 构建配置包设计 3. 功能模块设计 4. 编写配置文件 5. 编写测试用例 6. 持续集成(Travis CI) 7. 发布构建包到npm社区 8. git commit提交规范 9. 语义化版本(Semantic Versioning)规范…

webpack默认配置文件：webpack.config.js，但也可以通过webpack --config webpack.product.config.js指定配置文件。 output用来告诉webpack如何将编译后的文件输出到磁盘（输出到磁盘的xx位置，以及输出的文件名…

webpack除了可以用来打包应用，也可以用来打包js库。 下面我们用一个例子，来演示一下如何用webpack来打包一个js库。 实现一个大整数加法库的打包。 支持AMD/Commonjs/ES6 Module模块引入。 1. 创建项目目录 2. 安装webpack &#x26…