README.md

## ssh 的博客
大家好，我是 ssh，现在在字节跳动的 Web Infra 担任前端工程师，微信：**[sshsunlight](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/017d568dc1d14cd883cc3238350a39ec~tplv-k3u1fbpfcp-watermark.image)**，欢迎找我交个朋友。

我会在公众号「前端从进阶到入院」每日更新精心挑选的技术文章（标准就是我自己看了也会有收获），欢迎大家一起成长。

![qrcode_for_gh_d2b31290dd8b_258](https://user-images.githubusercontent.com/23615778/134800856-9a44fa9a-4f1b-4884-a0b6-b58c5f3331df.jpg)
## 最近更新
- [Dan Abramov 接受油管 UP 主的面试挑战，结果差点没写出来居中……？](https://github.com/sl1673495/blogs/issues/111)--2023-06-30
## React
- [未来前端构建工具链的故事里，会有这个 97 年的韩国小哥？](https://github.com/sl1673495/blogs/issues/89)--2021-08-20
- [打破 React Hook 必须按顺序、不能在条件语句中调用的枷锁](https://github.com/sl1673495/blogs/issues/79)--2021-03-13
- [如何编写神奇的「插件机制」，优化基于 Antd Table 封装表格的混乱代码](https://github.com/sl1673495/blogs/issues/78)--2021-03-02
- [给  Antd Table 组件编写缩进指引线、子节点懒加载等功能](https://github.com/sl1673495/blogs/issues/77)--2021-03-01
- [React Core Team 成员开发的火焰图组件技术揭秘。](https://github.com/sl1673495/blogs/issues/72)--2021-01-24
<details><summary>显示更多</summary>

- [🔖TypeScript 备忘录：如何在 React 中完美运用？](https://github.com/sl1673495/blogs/issues/68)--2020-12-17
- [Web 现代应用程序架构下的性能优化，渐进式的极致艺术。](https://github.com/sl1673495/blogs/issues/65)--2020-11-19
- [我在工作中写 React 学到了什么？性能优化篇。](https://github.com/sl1673495/blogs/issues/63)--2020-10-29
- [我在工作中写 React 学到了什么？](https://github.com/sl1673495/blogs/issues/62)--2020-10-20
- [深入探索前端路由，手写 react-mini-router](https://github.com/sl1673495/blogs/issues/61)--2020-09-16
- [Vue3 究竟好在哪里？（和 React Hook 的详细对比）](https://github.com/sl1673495/blogs/issues/46)--2020-04-20
- [Vue 和 React 对于组件的更新粒度有什么区别？](https://github.com/sl1673495/blogs/issues/38)--2020-04-01
- [React Hook + TypeScript 深入浅出实现一个购物车（陷阱、性能优化、自定义hook）](https://github.com/sl1673495/blogs/issues/36)--2020-03-19
- [在React中引入Vue3的reactivity分包来实现最强大的状态管理。](https://github.com/sl1673495/blogs/issues/33)--2020-01-30
- [React-Redux 100行代码简易版探究原理](https://github.com/sl1673495/blogs/issues/29)--2020-01-14
- [Koa的洋葱中间件，Redux的中间件，Axios的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。](https://github.com/sl1673495/blogs/issues/27)--2020-01-07
- [React Hook + TypeScript 手把手带你打造use-watch自定义Hook，实现Vue中的watch功能。](https://github.com/sl1673495/blogs/issues/22)--2019-12-12
- [React + TypeScript + Hook 带你手把手打造类型安全的应用。](https://github.com/sl1673495/blogs/issues/21)--2019-11-27
- [使用React Hooks + 自定义Hook封装一步一步打造一个完善的小型应用。](https://github.com/sl1673495/blogs/issues/16)--2019-08-30
- [react-component源码学习（2） rc-steps](https://github.com/sl1673495/blogs/issues/6)--2018-10-10
- [react-component源码学习（1） rc-form](https://github.com/sl1673495/blogs/issues/5)--2018-10-05
</details>

## TypeScript
- [如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？](https://github.com/sl1673495/blogs/issues/88)--2021-08-13
- [TypeScript 中你不一定知道的 top types，在用 any 之前先试试 unknown？](https://github.com/sl1673495/blogs/issues/76)--2021-02-28
- [🔖TypeScript 备忘录：如何在 React 中完美运用？](https://github.com/sl1673495/blogs/issues/68)--2020-12-17
- [利用 TS 4.1 新特性实现 Vuex 无限层级命名空间的 dispatch 类型推断。](https://github.com/sl1673495/blogs/issues/60)--2020-09-05
- [TypeScript 4.1 新特性：字符串模板类型，Vuex 终于有救了？](https://github.com/sl1673495/blogs/issues/57)--2020-09-02
<details><summary>显示更多</summary>

- [TypeScript 中的子类型、逆变、协变是什么？](https://github.com/sl1673495/blogs/issues/54)--2020-07-30
- [Vue3 TypeScript 之 Ref 类型从零实现](https://github.com/sl1673495/blogs/issues/45)--2020-04-13
- [React Hook + TypeScript 深入浅出实现一个购物车（陷阱、性能优化、自定义hook）](https://github.com/sl1673495/blogs/issues/36)--2020-03-19
- [TypeScript 参数简化实战（进阶知识点conditional types）](https://github.com/sl1673495/blogs/issues/34)--2020-02-05
- [TypeScript从零实现基于Proxy的响应式库 基于函数劫持实现Map和Set的响应式](https://github.com/sl1673495/blogs/issues/31)--2020-01-19
- [TypeScript从零实现基于Proxy的响应式库 普通数据类型](https://github.com/sl1673495/blogs/issues/30)--2020-01-17
- [React-Redux 100行代码简易版探究原理](https://github.com/sl1673495/blogs/issues/29)--2020-01-14
- [TypeScript进阶实现智能类型推导的简化版Vuex](https://github.com/sl1673495/blogs/issues/28)--2020-01-14
- [Vue3 + TypeScript  + 新型状态管理模式，手把手带你实现小型应用。](https://github.com/sl1673495/blogs/issues/24)--2019-12-31
- [React Hook + TypeScript 手把手带你打造use-watch自定义Hook，实现Vue中的watch功能。](https://github.com/sl1673495/blogs/issues/22)--2019-12-12
- [React + TypeScript + Hook 带你手把手打造类型安全的应用。](https://github.com/sl1673495/blogs/issues/21)--2019-11-27
</details>

## Vue
- [Vite 太快了，烦死了，是时候该小睡一会了。](https://github.com/sl1673495/blogs/issues/83)--2021-05-31
- [浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？](https://github.com/sl1673495/blogs/issues/75)--2021-02-21
- [利用 TS 4.1 新特性实现 Vuex 无限层级命名空间的 dispatch 类型推断。](https://github.com/sl1673495/blogs/issues/60)--2020-09-05
- [Vue3 + TypeScript 实现递归菜单组件](https://github.com/sl1673495/blogs/issues/56)--2020-08-21
- [Vue3 究竟好在哪里？（和 React Hook 的详细对比）](https://github.com/sl1673495/blogs/issues/46)--2020-04-20
<details><summary>显示更多</summary>

- [Vue3 的响应式和以前有什么区别，Proxy 无敌？](https://github.com/sl1673495/blogs/issues/44)--2020-04-13
- [Vue 的计算属性真的会缓存吗？（原理揭秘）](https://github.com/sl1673495/blogs/issues/43)--2020-04-10
- [驳《前端常见的Vue面试题目汇总》](https://github.com/sl1673495/blogs/issues/42)--2020-04-09
- [Vue 进阶必学之高阶组件实战](https://github.com/sl1673495/blogs/issues/41)--2020-04-06
- [Vue 的生命周期之间到底做了什么事清？（源码详解）](https://github.com/sl1673495/blogs/issues/40)--2020-04-04
- [为什么 Vue 中不要用 index 作为 key？（diff 算法详解）](https://github.com/sl1673495/blogs/issues/39)--2020-04-02
- [Vue 和 React 对于组件的更新粒度有什么区别？](https://github.com/sl1673495/blogs/issues/38)--2020-04-01
- [在React中引入Vue3的reactivity分包来实现最强大的状态管理。](https://github.com/sl1673495/blogs/issues/33)--2020-01-30
- [深度解析：Vue3如何巧妙的实现强大的computed](https://github.com/sl1673495/blogs/issues/32)--2020-01-28
- [TypeScript从零实现基于Proxy的响应式库 基于函数劫持实现Map和Set的响应式](https://github.com/sl1673495/blogs/issues/31)--2020-01-19
- [TypeScript从零实现基于Proxy的响应式库 普通数据类型](https://github.com/sl1673495/blogs/issues/30)--2020-01-17
- [TypeScript进阶实现智能类型推导的简化版Vuex](https://github.com/sl1673495/blogs/issues/28)--2020-01-14
- [Koa的洋葱中间件，Redux的中间件，Axios的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。](https://github.com/sl1673495/blogs/issues/27)--2020-01-07
- [Vue3中不止composition-api，其他的提案(RFC)也很精彩。](https://github.com/sl1673495/blogs/issues/26)--2020-01-06
- [Vue中的组件从初始化到挂载经历了什么](https://github.com/sl1673495/blogs/issues/25)--2020-01-04
- [Vue3 + TypeScript  + 新型状态管理模式，手把手带你实现小型应用。](https://github.com/sl1673495/blogs/issues/24)--2019-12-31
- [通过实现一个最精简的响应式系统来学习Vue的data、computed、watch。](https://github.com/sl1673495/blogs/issues/20)--2019-11-04
- [Vue项目的热更新怎么辣么好用啊？原来200行代码就搞定（深度解析）](https://github.com/sl1673495/blogs/issues/19)--2019-10-24
- [用jsx封装Vue中的复杂组件（网易云音乐实战项目需求）](https://github.com/sl1673495/blogs/issues/14)--2019-07-31
- [Vue源码学习 nextTick](https://github.com/sl1673495/blogs/issues/11)--2018-11-23
- [cube-ui源码学习 swipe组件](https://github.com/sl1673495/blogs/issues/10)--2018-11-16
- [Vue源码学习 观察属性watch](https://github.com/sl1673495/blogs/issues/9)--2018-11-09
- [Vue源码学习 计算属性computed](https://github.com/sl1673495/blogs/issues/8)--2018-10-17
- [Vue源码学习 响应式数据](https://github.com/sl1673495/blogs/issues/7)--2018-10-16
</details>

## 前端趋势
- [Nuxt 3 来了！](https://github.com/sl1673495/blogs/issues/93)--2021-09-29
- [[RFC] 关于 Vue 3 的 IE11 支持](https://github.com/sl1673495/blogs/issues/81)--2021-05-12
- [VueConf 2021 抢先看，Evan You 和你聊聊 Vue 的未来](https://github.com/sl1673495/blogs/issues/80)--2021-04-20
- [尤雨溪：关于 Vue3 和生活，想和前端们聊聊这些](https://github.com/sl1673495/blogs/issues/74)--2021-02-08
- [Vuex 4.0 正式发布！新年官方生态齐聚一堂](https://github.com/sl1673495/blogs/issues/73)--2021-02-05
<details><summary>显示更多</summary>

- [Vue Router 4.0 正式发布！焕然一新。](https://github.com/sl1673495/blogs/issues/67)--2020-12-08
</details>

## 学习
- [我的学习方法是每天看 10 个 NPM 模块？](https://github.com/sl1673495/blogs/issues/84)--2021-06-06
- [中级前端面试指南](https://github.com/sl1673495/blogs/issues/52)--2020-06-27
- [前端「N皇后」递归回溯经典问题图解](https://github.com/sl1673495/blogs/issues/51)--2020-06-18
- [前端电商 sku 全排列的递归回溯算法实战](https://github.com/sl1673495/blogs/issues/50)--2020-06-15
- [前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战](https://github.com/sl1673495/blogs/issues/49)--2020-06-03
<details><summary>显示更多</summary>

- [前端瀑布流布局如何应用动态规划和贪心算法](https://github.com/sl1673495/blogs/issues/48)--2020-06-02
- [深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调](https://github.com/sl1673495/blogs/issues/47)--2020-05-21
- [Vue3 究竟好在哪里？（和 React Hook 的详细对比）](https://github.com/sl1673495/blogs/issues/46)--2020-04-20
- [Vue3 TypeScript 之 Ref 类型从零实现](https://github.com/sl1673495/blogs/issues/45)--2020-04-13
- [Vue3 的响应式和以前有什么区别，Proxy 无敌？](https://github.com/sl1673495/blogs/issues/44)--2020-04-13
- [Vue 进阶必学之高阶组件实战](https://github.com/sl1673495/blogs/issues/41)--2020-04-06
- [Vue 的生命周期之间到底做了什么事清？（源码详解）](https://github.com/sl1673495/blogs/issues/40)--2020-04-04
- [为什么 Vue 中不要用 index 作为 key？（diff 算法详解）](https://github.com/sl1673495/blogs/issues/39)--2020-04-02
- [Vue 和 React 对于组件的更新粒度有什么区别？](https://github.com/sl1673495/blogs/issues/38)--2020-04-01
- [前端高级进阶指南](https://github.com/sl1673495/blogs/issues/37)--2020-03-26
- [记录一些以后可能会用到的开源库](https://github.com/sl1673495/blogs/issues/23)--2019-12-25
- [中文技术文章阅读](https://github.com/sl1673495/blogs/issues/18)--2019-10-11
- [英文技术文章阅读。](https://github.com/sl1673495/blogs/issues/15)--2019-08-12
</details>

## 工程化
- [应用性能前端监控，字节跳动这些年经验都在这了](https://github.com/sl1673495/blogs/issues/92)--2021-09-22
- [未来前端构建工具链的故事里，会有这个 97 年的韩国小哥？](https://github.com/sl1673495/blogs/issues/89)--2021-08-20
- [如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？](https://github.com/sl1673495/blogs/issues/88)--2021-08-13
- [Vite 太快了，烦死了，是时候该小睡一会了。](https://github.com/sl1673495/blogs/issues/83)--2021-05-31
- [浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？](https://github.com/sl1673495/blogs/issues/75)--2021-02-21
<details><summary>显示更多</summary>

- [Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代](https://github.com/sl1673495/blogs/issues/69)--2021-01-04
- [react-dev-inspector 原理解析，点击页面组件自动打开 VSCode 对应文件？](https://github.com/sl1673495/blogs/issues/66)--2020-11-26
</details>

## 性能优化
- [Web 现代应用程序架构下的性能优化，渐进式的极致艺术。](https://github.com/sl1673495/blogs/issues/65)--2020-11-19
- [我在工作中写 React 学到了什么？性能优化篇。](https://github.com/sl1673495/blogs/issues/63)--2020-10-29
- [深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调](https://github.com/sl1673495/blogs/issues/47)--2020-05-21
- [为什么 Vue 中不要用 index 作为 key？（diff 算法详解）](https://github.com/sl1673495/blogs/issues/39)--2020-04-02
- [Vue 和 React 对于组件的更新粒度有什么区别？](https://github.com/sl1673495/blogs/issues/38)--2020-04-01
<details><summary>显示更多</summary>

- [React Hook + TypeScript 深入浅出实现一个购物车（陷阱、性能优化、自定义hook）](https://github.com/sl1673495/blogs/issues/36)--2020-03-19
- [babel7的配置与优化。](https://github.com/sl1673495/blogs/issues/13)--2019-03-15
- [关于如何触发浏览器重绘的一些尝试。](https://github.com/sl1673495/blogs/issues/12)--2018-11-23
</details>

## 浏览器
- [前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战](https://github.com/sl1673495/blogs/issues/49)--2020-06-03
- [关于如何触发浏览器重绘的一些尝试。](https://github.com/sl1673495/blogs/issues/12)--2018-11-23
## 算法
- [前端算法进阶指南](https://github.com/sl1673495/blogs/issues/53)--2020-07-07
- [前端「N皇后」递归回溯经典问题图解](https://github.com/sl1673495/blogs/issues/51)--2020-06-18
- [前端电商 sku 全排列的递归回溯算法实战](https://github.com/sl1673495/blogs/issues/50)--2020-06-15
- [前端瀑布流布局如何应用动态规划和贪心算法](https://github.com/sl1673495/blogs/issues/48)--2020-06-02
## 面试
- [Dan Abramov 接受油管 UP 主的面试挑战，结果差点没写出来居中……？](https://github.com/sl1673495/blogs/issues/111)--2023-06-30
- [想进字节跳动的新生代前端民工们，都提出了什么问题？](https://github.com/sl1673495/blogs/issues/90)--2021-08-20
- [深入探索前端路由，手写 react-mini-router](https://github.com/sl1673495/blogs/issues/61)--2020-09-16
- [手写async await的最简实现（20行）](https://github.com/sl1673495/blogs/issues/59)--2020-09-02
- [最简实现Promise，支持异步链式调用（20行）](https://github.com/sl1673495/blogs/issues/58)--2020-09-02
<details><summary>显示更多</summary>

- [Vue3 + TypeScript 实现递归菜单组件](https://github.com/sl1673495/blogs/issues/56)--2020-08-21
- [一道蚂蚁金服异步串行面试题](https://github.com/sl1673495/blogs/issues/55)--2020-08-13
- [Vue3 的响应式和以前有什么区别，Proxy 无敌？](https://github.com/sl1673495/blogs/issues/44)--2020-04-13
- [Vue 的生命周期之间到底做了什么事清？（源码详解）](https://github.com/sl1673495/blogs/issues/40)--2020-04-04
- [为什么 Vue 中不要用 index 作为 key？（diff 算法详解）](https://github.com/sl1673495/blogs/issues/39)--2020-04-02
- [Vue 和 React 对于组件的更新粒度有什么区别？](https://github.com/sl1673495/blogs/issues/38)--2020-04-01
- [React-Redux 100行代码简易版探究原理](https://github.com/sl1673495/blogs/issues/29)--2020-01-14
- [Koa的洋葱中间件，Redux的中间件，Axios的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。](https://github.com/sl1673495/blogs/issues/27)--2020-01-07
- [通过实现一个最精简的响应式系统来学习Vue的data、computed、watch。](https://github.com/sl1673495/blogs/issues/20)--2019-11-04
</details>