前端修煉之路

一步，兩步，三步四步五步，就這樣到達了人生的巔峯~

傳統前端生態-初級

不使用打包、中間處理工具，手工處理js、css、圖片等資源

掌握如下知識點：

1. 基礎結構：html，h5
2. 基礎樣式：css，css3
3. 基礎語法：js
4. jq框架：jq，jq系列插件
5. ui框架：bootstrap3，bootstrap4等
6. 基礎插件：lodash，echarts等
7. 其餘：移動端適配，瀏覽器兼容，瀏覽器調試等

恭喜完成新手村修煉任務，正式開啓江湖冒險之旅~

vue 生態-中級

1. 基礎套件：vue2，vuex，vue-router，axios，vue 靜態生成器，vue 多頁面，vue history 模式
2. UI 組件庫：element、iview、vuex、mint-ui、vant、cube-ui等
3. 後端渲染：nuxt.js
4. 語法升級：es6+，less、scss、styls
5. 工具：vue-cli，babel7，webpack4，eslint，vue devtools
6. 其餘：調試工具，vuepress

打怪升級，恭喜晉級成功~

React 生態

1. 基礎套件：react，react-router，jsx，axios，react react history 模式，redux、mobx等
2. UI 組件庫：antd，antd-mobile
3. 後端渲染：next.js
4. 工具：create-react-app，react-devtools
5. react-native

持續打副本刷經驗中~

微信生態-高級

1. 小程序生態：api，組件，工具，雲開發，mpvue、wepy等
2. 小遊戲生態
3. 微信公衆號生態：微信受權登陸、支付、分享等經常使用功能

闖關成功，成功晉級~

Node 生態-全棧

1. 基礎：node，npm、cnpm、npx、nvm、yarn，pm2，pug，nginx
2. 框架：express，koa2，think.js，egg.js
3. 數據庫：mongoodb，mongoose
4. 插件：redis、express-redis-cache、Redis Desktop Manager、moment、nodemailer等
5. 命令行：linux、cmd、mac 命令
6. 工具：express-generator，koa-generator，robo3t，postman，mobaXterm，Sequel Pro

擊敗終極 Boss，成功完成凡間界修煉，開始新世界之旅~

其餘

1. 經常使用工具：編輯器 sublime 研究，ps切圖工具，抓包工具，上傳代碼工具，圖片壓縮工具，截圖工具，取顏色工具，markdown等
2. git 類：svn，git，github，碼雲，sourceTree
3. 埋點：谷歌統計，百度統計，前端錯誤收集等
4. 其餘：pwa，parcel，typescript，electron，可視化，工程化，單元測試，前端安全，性能優化，數據結構+算法，設計模式等