# 总述

## 进度

### :star2:我的经验总结

* [x] [web component](https://1425816423.gitbook.io/my-knowledge-base/jing-yan-ji-lu/jing-yan-zong-jie/web-component)
* [x] [前端性能优化总结和分析](https://1425816423.gitbook.io/my-knowledge-base/jing-yan-ji-lu/jing-yan-zong-jie/qian-duan-xing-neng-you-hua-zong-jie-yu-fen-xi)
* [x] [wo-de-chang-lie-biao-you-hua-fang-an](https://1425816423.gitbook.io/my-knowledge-base/jing-yan-ji-lu/jing-yan-zong-jie/wo-de-chang-lie-biao-you-hua-fang-an "mention")

### 📖ES6系列

* [x] 变量声明
* [x] 箭头函数
* [x] JavaScript模块化：从闭包到ES Module
* [x] JavaScript异步编程终极解决方案
* [ ] Generator函数
* [x] 你不知道的for...of
* [x] 新的数据结构Map和Set
* [ ] ArrayBuffer

### 前端性能优化

### &#x20;:tada:深入理解JavaScript

* [x] 深入理解JavaScript之原始类型和引用类型
* [x] 深入理解JavaScript之继承
* [x] 深入理解JavaScript之this
* [x] 深入理解JavaScript之事件循环
* [x] 深入理解JavaScript之手写new、call、apply和bind
* [x] 深入理解JavaScript之浅拷贝和深拷贝

### Typescript

### :writing\_hand:深入理解Vue2系列

* [x] 响应式原理
* [ ] 虚拟DOM
  * [ ] vnode
  * [x] patch
* [ ] 编译篇
* [ ] 生命周期篇篇
* [ ] 事件篇
* [ ] 技巧篇
* [ ] vue-router
* [ ] vuex

### :notebook\_with\_decorative\_cover:微前端

* [ ] [qiankun-yuan-ma-jie-xi-todo](https://1425816423.gitbook.io/my-knowledge-base/yuan-ma-jie-xi/wei-qian-duan/qiankun-yuan-ma-jie-xi-todo "mention")

### 前端安全

### :clap:CSS

* [ ] 浮动
* [ ] 弹性盒子布局和网格布局
* [x] 定位和层叠上下文
* [x] BFC
* [ ] 动画和过渡
* [x] 盒模型
* [x] css3变量
* [x] 选择器
* [ ] css模块化

### :green\_book:Node.js

* [ ] 网络编程
* [ ] 文件管理
* [ ] MongoDB
* [ ] koa2

### :desktop:程序员的修养

#### :airplane\_small:计算机网络

* [x] 应用层
* [x] 运输层
* [ ] 网络层
* [ ] 数据链路层
* [x] 物理层
* [ ] HTTP常见请求响应头字段分类

#### :books:浏览器原理

* [x] 浏览器渲染原理
* [ ] 浏览器垃圾回收机制
* [x] DOM事件流
* [x] 前端安全
* [x] 浏览器存储
* [ ] 同源策略和跨域

### 跨桌面应用开发

* [ ] electron

### 移动端应用开发

* [ ] dart

### 📒其他

* [ ] webpack
* [ ] git
* [ ] 跨端开发
