我的前端知识清单

工作 4 年了，整理了一份平时常用的技术列表，欢迎大家补充。

HTML 方向

• html4 标签
• html5 标签，语义化，媒体标签等
• svg
• canvas
• web workers
• manifest 配置静态资源不请求
• pwa：service worker（workbox）

CSS 方向

• css2 语法
• css3 新语法
• 编码规范 bem
• houdini
• 预处理器 less，sass，stylus，css-next
• 后处理器，postcss 插件，autofixer 等
• css modules
• css in js

JS 方向

• es5 常规语法
• es2015，2016，2017，2018 新语法
• typescript 书写带类型的 js
• babel / swc 编译新 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

小程序技术栈

• 微信小程序
• 支付宝小程序
• 百度小程序
• 字节跳动小程序
• 多端统一框架：taro，chameleon

Ajax 请求

Restful 风格

• axios
• fetch 源生

GraphQL 风格

• graphQL
• apollo
• relay

前端工程化

• npm/yarn
• webpack/esbuild/rollup/parcel
• prepack
• gulp
• editorconfig
• stylelint
• eslint
• commitlint
• typescript
• babel
• jFrog 产出物管理

测试工具

• jest
• mocha + nyc
• karma
• nightwatch

工具库

• rxjs
• lodash
• underscore

服务器端

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

原生应用

• react-native
• weex
• flutter

持续集成

• travisCI
• gitlab
• jenkins