摘要：
1. 利用打包工具打包压缩前端代码，webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多 2.按需加载 3.图片压缩优化，小图标用精灵图，减少对http的请求 打包后文件过大怎么处理 使用UglifyJSPlugin压缩 开启gzip压缩 第三方库不需要打包 阅读全文
摘要：
Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ 阅读全文
摘要：
react 1.采用jsx，编程 2.公司维护，社区强大 3.适用于大型项目 4.即便同一个节点元素比如div，他的className不同，Vue就认为是两个不同类型的节点，执行删除旧节点、插入新节点操作。 vue 1.采用模板系统，就是html， 2.个人维护 3.适用于小型，轻量级项目，上手快 阅读全文
摘要：
服务端渲染 用户使用的浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将 html 拼接好的，然后返回给前端完整的 html 文件，浏览器拿到这个 html 文件之后就可以直接解析展示了 客户端渲染 随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，可能是添加更多功能的组件 阅读全文
摘要：
模块化： 是具有特定功能的一个对象（ 广义理解 ），模块的内部数据的实现是私有的，只是向外部暴露一些接口（方法）与外部其他模块通信模块定义的流程：1.定义模块（对象）2.导出模块3.引用模块好处：可以存储多个独立的功能块，复用性高种类： AMD（ require.js）在浏览器端使用 CMD ( s 阅读全文
摘要：
WebUI中DOM节点跨层级的移动操作少的可以忽略不计，React对Virtual DOM树进行层级控制，只会对相同层级的DOM节点进行比较，即同一个父元素下的所有子节点，当发现节点已经不存在了，则会删除掉该节点下所有的子节点，不会再进行比较。这样只需要对DOM树进行一次遍历，就可以完成整个树的比较 阅读全文
摘要：
dom tree+css=render tree 回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这 阅读全文