前端修煉之路

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

傳統前端生態-初級

不使用打包、中間處理工具，手工處理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，視覺化，工程化，單元測試，前端安全，效能優化，資料結構+演算法，設計模式等