個人前端知識清單

個人前端知識清單

作前端也有幾年了，整理了一份平時經常使用的技術列表，歡迎你們補充。

html方向

• html4標籤
• html5標籤，語義化，媒體標籤等
• svg
• canvas
• web workers
• manifest
• pwa：service worker（workbox）

css方向

• css2語法
• css3新語法
• houdini
• 預處理器less，sass，stylus，css-next
• 後處理器，postcss插件，autofixer等

javascript方向

• es5常規語法
• es2015，2016，2017，2018新語法
• typescript書寫帶類型的js
• babel編譯新js語法

框架方向

• react技術棧

  • react
  • react-router(search-router)
  • immutable
  • redux
  • redux-saga
  • redux-observable
  • reselect
  • mobx
  • ant-design（ui框架）
  • 服務器端渲染 (nextjs)
  • create-react-app
  • dva-cli

• vue技術棧

  • vue
  • vue-router
  • vuex
  • element（pc端ui框架）
  • vant（移動端ui框架）
  • 服務器端渲染(nuxt)
  • vue-cli

• ajax庫

  • axios

前端工程

• webpack/rollup/parcel
• prepack
• gulp
• editorconfig
• stylelint
• eslint
• babel

測試工具

• jest
• mocha+nyc
• karma
• nightwatch

工具庫

• rxjs
• lodash
• underscore

服務器端

• node
• koa
• nginx
• mongodb
• pm2
• docker
• k8s

原生應用

• react-native
• weex
• flutter

持續集成

• travisCI
• gitlab
• jenkins