前端修煉之路

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

傳統前端生態-初級

不使用打包、中間處理工具,手工處理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,可視化,工程化,單元測試,前端安全,性能優化,數據結構+算法,設計模式等
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章