* grunt是一個**古老**的構建工具，目前已經被取代
* gulp 、fis3（百度）等工具也不常用
* webpack是一個新穎、快速占領市場和社區的**構建工具**
* rollup是一個功能單一、但是適用性很高的打包構建工具，react和Vue都用它
- 引言
- 一、HTML&CSS
- 1.html
- 2.瀏覽器
- 3.CSS
- 4.場景設計
- 二、JS
- 1.JS基礎
- 2.原型和原型鏈
- 3.異步和單線程
- 4.閉包和作用域
- 三、ES6
- 1.ES6新增語法
- 1.let
- 2.Symbol
- 3.解構賦值
- 4.字符串API
- 5.數組API
- 6.map和reduce
- 7.對象API
- 8.Map和WeakMap
- 9.Set和WeakSet
- 10.Map、Set與Array及Object
- 11.Proxy和Reflect
- 12.Proxy雙向綁定
- 2.ES6函數和異步
- 0.Class
- 1.函數的擴展
- 2.箭頭函數
- 3.類
- 4.Decorator
- 5.模塊化開發
- 6.異步實現方式
- 7.Promise
- 8.Iterator
- 9.Generator
- 10.async
- 11.Promise-Generator-async
- 四、運行環境
- 1.網絡基礎
- 2.web安全
- 3. 性能優化
- 3-1.頁面渲染優化
- 3-2.JS性能優化
- webpack優化
- 3-3.網絡優化
- CDN
- 3-4 SEO優化
- 4. 瀏覽器兼容性
- 5. 移動端題目
- 6. 錯誤監控
- 7. 垃圾回收與內存泄露
- 8. 單頁路由
- 五、類庫框架
- 1. Vue
- 1-1. jquery和vue
- 1-2. react和vue
- 1-3. 微信小程序與vue
- 生命周期
- 組件傳值
- 雙向綁定解析
- 2. 微信小程序
- 六、構建工具
- 1. webpack
- 常用loader
- babel
- 2. rollup
- 七、nodejs
- 基礎
- npm包管理工具
- 八、模塊化
- 1. 模塊化
- 2. 模塊意義
- 3. AMD-requirejs
- 4. CommonJS
- 5. ES6模塊化之babel
- 九、拓展
- 1. Graphql
- 2. Apache
- 十、代碼輸出問題
- 內容
- 結語