前端系列知识目录

CSS系列😀😀😀

• 10 分钟理解 BFC 原理

---

JavaScript系列学习😀😀😀

进阶篇 👈

• JavaScirpt深入之从原型到原型链
• JavaScript深入之词法作用域和动态作用域
• JavaScript深入之执行上下文栈
• JavaScript深入之变量对象
• JavaScript深入之作用域链
• JavaScript深入之从ECMAScript规范解读this
• JavaScript深入之执行上下文
• JavaScript深入之闭包
• JvaScript深入之参数按值传递
• JavaScript深入之继承的多种方式以及优缺点
• JavaScript深入之创建对象的多种方式以及优缺点
• JavaScript深入之new的模拟实现
• JavaScript深入之call和apply的模拟实现
• JavaScript深入之bind的模拟实现

知识篇 👈

• JavaScript专题之跟着underscore学防抖
• JavaScript专题之跟着underscore学节流

ECMAScript6 👈

• ES6 入门教程
• ES6 系列之模拟实现 Symbol 类型

---

设计模式😀😀😀

• 设计模式初识 —— JavaScript设计模式——初步认识
• 单例模式 —— 从ES6重新认识JavaScript设计模式(一): 单例模式
• 工厂模式 —— 从ES6重新认识JavaScript设计模式(二): 工厂模式
• 建造者模式 —— 从ES6重新认识JavaScript设计模式(三): 建造者模式
• 适配器模式 —— 从ES6重新认识JavaScript设计模式(四): 适配器模式
• 代理模式和Proxy —— 从ES6重新认识JavaScript设计模式(五): 代理模式和Proxy
• 装饰器模式 —— 从ES6重新认识JavaScript设计模式(六): 装饰器模式

---

Vue 系列😀😀😀

Vue基础 👈

• Vue 官网
• Vue-CLI 脚手架

---

React 系列

React基础 👈

• React 官网
• Redux 中文文档

React 构建 👈

• UmiJS
• DvaJS

---

TypeScript 系列

• TypeScript中文文档

---

工具系列😀😀😀

Babel 👈

• Babel 中文网
• 一口（很长的）气了解 babel

ESLint 👈

• ESLint 中文官网
• ESLint 官网
• Vue中使用ESLint

代码格式化 👈

• Prettier 格式化代码
• ESLint+Prettier代码规范实践
• 不起眼的 .editorconfig Vscode 格式化代码配置

---

代码规范 👈

• Git提交规范配置
• commitlint 官网

功能实现系列

Web端录制 👈

• rrweb：打开 web 页面录制与回放的黑盒子