blogs

ssh 的博客

大家好，我是 ssh，现在在字节跳动的 Web Infra 担任前端工程师，微信：sshsunlight，欢迎找我交个朋友。

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

最近更新

• Dan Abramov 接受油管 UP 主的面试挑战，结果差点没写出来居中……？--2023-06-30

React

• 未来前端构建工具链的故事里，会有这个 97 年的韩国小哥？--2021-08-20
• 打破 React Hook 必须按顺序、不能在条件语句中调用的枷锁--2021-03-13
• 如何编写神奇的「插件机制」，优化基于 Antd Table 封装表格的混乱代码--2021-03-02
• 给 Antd Table 组件编写缩进指引线、子节点懒加载等功能--2021-03-01
• React Core Team 成员开发的火焰图组件技术揭秘。--2021-01-24

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

TypeScript

• 如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？--2021-08-13
• TypeScript 中你不一定知道的 top types，在用 any 之前先试试 unknown？--2021-02-28
• 🔖TypeScript 备忘录：如何在 React 中完美运用？--2020-12-17
• 利用 TS 4.1 新特性实现 Vuex 无限层级命名空间的 dispatch 类型推断。--2020-09-05
• TypeScript 4.1 新特性：字符串模板类型，Vuex 终于有救了？--2020-09-02

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

Vue

• Vite 太快了，烦死了，是时候该小睡一会了。--2021-05-31
• 浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？--2021-02-21
• 利用 TS 4.1 新特性实现 Vuex 无限层级命名空间的 dispatch 类型推断。--2020-09-05
• Vue3 + TypeScript 实现递归菜单组件--2020-08-21
• Vue3 究竟好在哪里？（和 React Hook 的详细对比）--2020-04-20

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

前端趋势

• Nuxt 3 来了！--2021-09-29
• [RFC] 关于 Vue 3 的 IE11 支持--2021-05-12
• VueConf 2021 抢先看，Evan You 和你聊聊 Vue 的未来--2021-04-20
• 尤雨溪：关于 Vue3 和生活，想和前端们聊聊这些--2021-02-08
• Vuex 4.0 正式发布！新年官方生态齐聚一堂--2021-02-05

• Vue Router 4.0 正式发布！焕然一新。--2020-12-08

学习

• 我的学习方法是每天看 10 个 NPM 模块？--2021-06-06
• 中级前端面试指南--2020-06-27
• 前端「N皇后」递归回溯经典问题图解--2020-06-18
• 前端电商 sku 全排列的递归回溯算法实战--2020-06-15
• 前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战--2020-06-03

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

工程化

• 应用性能前端监控，字节跳动这些年经验都在这了--2021-09-22
• 未来前端构建工具链的故事里，会有这个 97 年的韩国小哥？--2021-08-20
• 如何在大型代码仓库中删掉 6w 行废弃的文件和 exports？--2021-08-13
• Vite 太快了，烦死了，是时候该小睡一会了。--2021-05-31
• 浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？--2021-02-21

• Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代--2021-01-04
• react-dev-inspector 原理解析，点击页面组件自动打开 VSCode 对应文件？--2020-11-26

性能优化

• Web 现代应用程序架构下的性能优化，渐进式的极致艺术。--2020-11-19
• 我在工作中写 React 学到了什么？性能优化篇。--2020-10-29
• 深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调--2020-05-21
• 为什么 Vue 中不要用 index 作为 key？（diff 算法详解）--2020-04-02
• Vue 和 React 对于组件的更新粒度有什么区别？--2020-04-01

• React Hook + TypeScript 深入浅出实现一个购物车（陷阱、性能优化、自定义hook）--2020-03-19
• babel7的配置与优化。--2019-03-15
• 关于如何触发浏览器重绘的一些尝试。--2018-11-23

浏览器

• 前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战--2020-06-03
• 关于如何触发浏览器重绘的一些尝试。--2018-11-23

算法

• 前端算法进阶指南--2020-07-07
• 前端「N皇后」递归回溯经典问题图解--2020-06-18
• 前端电商 sku 全排列的递归回溯算法实战--2020-06-15
• 前端瀑布流布局如何应用动态规划和贪心算法--2020-06-02

面试

• Dan Abramov 接受油管 UP 主的面试挑战，结果差点没写出来居中……？--2023-06-30
• 想进字节跳动的新生代前端民工们，都提出了什么问题？--2021-08-20
• 深入探索前端路由，手写 react-mini-router--2020-09-16
• 手写async await的最简实现（20行）--2020-09-02
• 最简实现Promise，支持异步链式调用（20行）--2020-09-02

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