# 我的前端知识清单

工作 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 编译新 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/rollup/parcel
  • prepack
  • gulp
  • editorconfig
  • stylelint
  • eslint
  • commitlint
  • typescript
  • babel
  • jFrog 产出物管理

# 测试工具

  • jest
  • mocha + nyc
  • karma
  • nightwatch

# 工具库

  • rxjs
  • lodash
  • underscore

# 服务器端

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

# 原生应用

  • react-native
  • weex
  • flutter

# 持续集成

  • travisCI
  • gitlab
  • jenkins