CSS 工具（箱）

Bootstrap

基于Less/Sass预编译处理脚本，提供完备的css样式表。
适配PC、移动。（媒体查询）
支持CDN，以及npm等其他多种方式安装
注意： 依赖jQuery（CDN方式安装）
资源： css、主题css、js(依赖jQuery)、图标字体库

  1.  <meta charset="utf-8">
  2.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  3.  <meta name="viewport" content="width=device-width, initial-scale=1">

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
user-scalable：用户是否可以手动缩放
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。

PureCSS

雅虎出品一组轻量级、响应式css模块。
特点： 体积小， 模块化， 移动优先理念。

Styled Components

CSS Modules

styletron

emotion

React

Create React App

Ant Design

MATERIAL-UI

gatsbyjs

Vue

vue-element-admin

Element

iview

nativescript

状态管理

Redux/Recoil.js

Vuex

Mobx

UI 框架

svelte

Polymer

omi

音视频/图像处理工具

Video.js

flv.js

sharp

Plyr

tesseractjs

squoosh

构建工具

webpack

Parcel

gulp

Rollup

eshuild

Snowpack

Vite

Rome

Microbundle

前端测试

Jest

Cypress

Mocha

Jasmine/chai

json-server

自动生成storybook

编译器

TS

Babel

Flow

swc

Nodejs

Next.js

Express/Koa

meteor

Nest.js Spring (ioc)

Nuxt.js

GraphQL

hasura

Apollo client

Relay

TypeGraphQL

前端跨端

RN

NativeScript

quasar

函数式编程

recompose

Ramda

cycle

functional-programming-jarhon

underscore/loadash

Canvas(3D)

Fabric.js

spritejs

roughjs

p5js

Three.js

babylon.js

react-three-fiber

Cesium