前端知识体系
2020-12-14 17:59:06 0 举报AI智能生成
前端知识体系
作者其他创作
大纲/内容
领域分支
移动Web
Web网站
手机、平板应用
小程序
可视化
SVG
Canvas 2D
WebGL
游戏开发
Cocos2d
Egret Engine
便携式设备
手环
眼镜
类库框架
开发库
jQuery
Vue.js
React
Angular
Three.js
UI库
Web
Bootstrap
Element
Material
Ant Dsign
Nebular
EasyUI
Vuetify
移动端
MUI
Frozen UI
Amaze UI
官方WeUI组件库
ColorUI
Vant Weapp
iview-weapp
Taro UI
图表库
Chart.js
ECharts
D3.js
AntV
工程开发
模块化
CSS Module
ES6 Module
CommonJS
依赖管理
npm/cnpm
yarn
lema
语言增强
css
less
Sass(Scss)
Stylus
Post css
构建工具
Webpack
Gulp
Grunt
Rollup
转换器
Babel
Traceur
代码质量
质量检测
JSLint/JSHint/TSLint/ESLint
StyleLint
Sonar
单元测试
Unit
Karma
Sinon
E2E测试
Nightwatch
Cypress
知识进阶
性能指标
白屏时间
首屏时间
用户可交互时间
完全加载时间
首字节时间
DNS 解析时间
TCP 连接时间
HTTP 请求时间
HTTP 响应时间
评估工具
Page Speed
WebPagetest
PhantomJS
JSPerf
Chrome dev tools
安全
XSS
CSRF
CSP
Same-origin Policy
前端知识体系
编程思想
前端常用设计模式
创建型
工厂模式
单例模式
原型模式
行为型
观察者模式
迭代器模式
状态模式
组合型
适配器模式
装饰器模式
代理模式
常用架构模式
MVC
MVP
MVVM
编程范式
面向对象编程（OOP）
面向切面编程（AOP）
函数式编程
响应式编程
程序设计
结构化程序
自上向下
逐步求精
面向对象程序
单一功能原则（S）
开放闭关原则（O）
里氏替换原则（L）
接口隔离原则（I）
依赖倒置原则（D）
前端基础
HTML5
语义标签
增强型表单
视频、音频
Canvas绘图
SVG绘图
地理定位
拖放API
WebWorker
WebStorage
WebSocket
CSS3
选择器
RGBA和透明度
多栏布局
多背景图
Word Wrap
文字阴影
@font-face属性
圆角
边框图片
盒阴影
盒子大小
媒体查询
语音
过渡
动画
JavaScript
ES6
const、let
class类
模板字符串
箭头函数
参数处理
字面量加强
解构赋值
Promise
TypeScript
静态类型
类
模块
接口
类型注解
后端基础
Node.js
express
koa
egg
网页服务器
Tomcat
Nginx
Docker
数据库
SQL
MySQL
MongoDB
Oracle
RESTful API
算法基础
数据结构
堆
栈
队列
链表
数组
树
集合
哈希表
排序
插入排序
希尔排序
冒泡排序
快速排序
选择排序
堆排序
归并排序
基数排序
检索
顺序查找
二分查找
插值查找
斐波那契查找
树表查找
分块查找(索引顺序查找)
哈希查找
网络基础
五层因特网协议栈
HTTP 与 HTTPS
TCP/IP 协议
三次握手和四次挥手
DNS 域名解析
五类 IP 地址
跨域的原因及处理方式
正向代理和反向代理
CDN 带来的性能优化
HTTP 强缓存&协商缓存
HTTP状态码
HTTP请求优化
浏览器基础
内核
兼容性
缓存
垃圾回收机制
渲染流程
0 条评论
回复 删除
下一页
