前端知识体系

不定时更新:-D

JS

Level 1

JS 语言基础(数据结构、类型、循环、堆栈)

JS 闭包、高阶函数

EventLoop & 异步模型

bind模拟实现

Level 2

ES6、ES7、ESNext

JS 模块化

babel

地狱回调 & Promise

函数节流

Level 3

函数式编程

如何编写一个 babel 插件

immutable

source map

typescript

Web Assembly

CSS

Level 1

盒模型

选择器

CSS 单位

display 的几种属性

如何进行定位

vertial-align 的几种属性

居中

Level 2

flex box 标准

data-url

响应式布局 & 自适应布局

动画、变形、Animation API

less、scss、post-css

font-icon

Level 3

grid 标准

radial-gradient、linear-gradient

canvas

Paint API

filter

css 变量

layout/paint/compose

HTML

Level 1

HTML4/XHTML/HTML5

HTML DOM

FORM 表单

Level 2

SVG

LocalStorage

CORS

Audio/Video

Level 3

WebSQL

Web Worker

Web Component

PWA

网络

Level 1

HTTP 1.1

HTTP Content-Type

XMLHTTPRequest

HTTP 缓存

轮询/长连接

Level 2

fetch

Websocket

CSRF/XSS

Level 3

Service Worker

HTTPS/HTTP2

WebRTC

GraphQL

框架

Level 1

React

JSX

虚拟DOM

Vue

小程序

Angular

Level 2

单向数据流/flux(React)

Redux(React)

MobX(React)

Diff算法(React)

React Native

Vuex(Vue)

Vue computed实现原理(Vue)

Vue 双向绑定实现原理(Vue)

mpvue(小程序)

dirty check(Angular)

Koa

高阶组件

GraphQL/Relay

React setState

react的setState如何知道该做什么?

React Context

React Fiber

Saga/thunk

Node-Webkit/Electron

工程

Level 1

单元测试 mocha/jest

gulp

node

npm/yarn

Level 2

Webpack

ESlint/TSLint

Stream/Buffer

Metro

Level 3

webpack loader

gulp plugin

vinyl

acorn/babylon

开发/效率

Level 1

dev-tool基本使用方法

VSCode/Sublime/Vim/Webstorm/Atom

Level 2

dev-tool 性能分析

Level 3

dev-tool 内存泄露检查

代码风格

文章作者: FEYeh
文章链接: https://ebooks4coding.com/front-end-knowledge-system/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 FEYehのBlog
支付宝赞赏
微信赞赏