前端技能自查表
梳理下作为前端架构师应该掌握的知识技能，方便自己能一步一步的成长为架构师。 技能掌握程度自查列表
CSS
推荐两本书，1.《CSS世界》、2.《CSS揭秘》 先后看完这两本书，对提升css技术有很大帮助
- 命名建议与约束
- CSS选择器
- CSS权重
- 浏览器的兼容性解决方案
- 响应式布局方案
- 对css渲染性能的思考
- 合理使用css预处理：scss、less
- 图片的细节处理
- 图标的选择
- 动画与交互，对用户体验的思考
- CSS计算属性
- tailwindcss、windicss
HTML
- 语义标签的意义
- 块元素、行元素、伪元素
- 元素自带的特殊属性
SVG
- 矢量图形的绘制
- 线、圆、多边形的绘制
- 鼠标事件的处理
- 图形放大缩小
Canvas
- 简单的图形绘制
- 像素比例，宽高、坐标计算
- 定时器实现动画（循环：绘制-擦除-绘制）
- 缓存技术，提高动画性能
- 鼠标交互事件
- 利用canvas处理图像，对二进制的操作
- echarts 的实现原理
JavaScript
- typeof instanceof toString 类型判断
- this的4种写法
- 隐式转换 == 与 === 触发的逻辑
- es6新特性的掌握情况
- 变量的作用域
- 原型链与继承的实现
- 对计算精度的处理（js基于二进制计算产生的精度问题）
- JavaScript 编译机制（至少编译两次）
- JavaScript 程序执行顺序
- 宏任务、微任务以及执行顺序
- leetcode算法 前端技能自查——JavaScript
TypeScript
- 类型推断
- 泛型的使用
- 类型的定义声明
- TSC编译机制
- d.ts文件的生成
HTTP
- HTTP协议、TCP三次握手
- HTTP响应码
- 跨域
- request
- response
- cookie
- session
- https
Error
- node.js 中的错误处理
- 浏览器中的错误处理
- vue的全局错误处理
CDN与DNS负载均衡
- CDN配置
浏览器内核与加载机制
- 一次最多6次请求限制
浏览器API
Eslint
V8引擎
Tree Shaking
单元测试
- 测试管理工具 karma
- 测试框架 Mocha、jest
- 断言库 sinon-chai
- 测试浏览器 PhantomJS、Headless Chrome