_当里个当_

可以发现一个DOM对象它的成员非常多，所以创建一个DOM对象的成本是非常高的。 可见创建虚拟DOM的开销较小。 为了简化DOM的复杂操作于是出现了各种MVVM框架，MVVM框架解决了视图和状态的同步问题，数据变视图变，视图变数据变。

规范化是我们践行前端工程化中重要的一部分。 npm init --yes 初始化package.json文件用于管理项目的npm依赖。 不需要纠结到底是使用npm还是yarn，它们两者之间没有绝对的好坏之分，各有个的优势，就按照你所在团队或者是项目的具体要求使用任何一款即可。 …

以上两段代码实现的效果是一样的。 当模板中有逻辑需要处理时使用计算属性，计算属性的结果会被缓存。 可以在一个自定义组件中挖一个坑，在使用时填坑，提高组件的灵活性。

在创建Vue实例时配置了router选项，此时会给Vue实例注入两个属性，$route（路由规则），$router（Vue Router 提供路由信息、方法等）。 当多个路由组件有相同的内容，可以把这些相同的内容提取到一个公共组件当中。 其中Layout.vue包含了首页和详情…

数据指的是数据模型，基于Vue开发的时候数据模型仅仅是普通的JavaScript 对象，数据响应式指的是当我们修改数据时，视图会自动更新，不需要任何的DOM操作，提高开发效率。 开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图的。 Proxy代理的是整个对象，也就是…

对于整个开发过程而言，毋庸置疑，模块化是必要的。不过，我们需要在原有的基础上去引入更好的方案或工具去解决以上问题或需求，让开发者在开发阶段可以继续享受模块化带来的优势又不必担心模块化对生产环境产生的影响。 将开发阶段编写的包含新特性的代码直接转换为能够兼容绝大多数环境的代码，解…

模块化是当下最重要的前端开发范式之一，随着前端应用的日益复杂，项目代码已经逐渐膨胀到不得不花大量时间去管理的程度了，而模块化就是一种最主流的代码组织方式，它通过把我们的复杂代码按照功能的不同划分为不同的模块单独维护的这种方式去提高我们的开发效率，降低我们的成本。 而就单模块化这…

自动化构建是前端工程化当中一个非常重要的组成部分。自动化，实际上指的就是我们通过机器去代替手工完成一些工作；构建，你可以把它理解为把一个东西转换成另外的一些东西。 总的来说开发行业当中的自动化构建就是把我们开发阶段写出来的源代码自动化的去转换成生产环境当中可以运行的代码或者程序…

在对前端工程化的整体有了初步的认识之后，我们就顺着一个项目的开发过程先从脚手架开始去探讨前端工程化在项目创建环节当中的表现。 脚手架可以简单地理解为就是用来自动地去帮我们创建项目基础结构的一个工具，那看似很普通的一个需求背后，却包含一定的哲学。除了创建文件，更重要的是提供给开发…