随笔分类 - 前端
了解前端相关知识
摘要：在javascript刚刚流行时，前端项目通常比较简单，不需要考虑项目的开发效率、性能和扩展性等。随着前端项目越来越复杂，需要更正式的软件开发实践，比如单元测试(unit testing)、代码检查(linting)、文件缩小(minification)、文件捆绑(bundling)和代码编译(compilation)等。gulp/grunt可以自动化地执行压缩、编译、单元测试和代码检查(linting)任务，让开发者可以专心开发应用代码。当开始使用node中require()或import写浏览器代码 ，并加载npm安装的模块时，需要打包工具webpack或browerify。
webpack的打包流程可分2个阶段，一是从一个或多个入口文件开始构建依赖关系图，如流程图1；二是将项目所需的所有模块合并到一个或多个捆绑文件中，捆绑文件是包含所有内容的最终发布物，如流程图2。
阅读全文
摘要：
本文学习vue2.0源码，主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例，介绍了这个代码编译运行的流程，在流程中原始DOM的信息会被解析转换，存在不同的对象中。其中关键的对象有el、template、ast、code、render、render function和vnode等。本文对vue源码每一个关键细节的位置都进行了记录。
阅读全文
本文学习vue2.0源码，主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例，介绍了这个代码编译运行的流程，在流程中原始DOM的信息会被解析转换，存在不同的对象中。其中关键的对象有el、template、ast、code、render、render function和vnode等。本文对vue源码每一个关键细节的位置都进行了记录。
阅读全文
