- Hooks 的由来是什么?
- useRef 的高级用法是什么?
- useMemo 和 useCallback 是怎么做优化的?
- 一个好的自定义 Hooks 该如何设计?
- 如何做一个不需要 useState 就可以直接修改属性并刷新视图的自定义 Hooks?
- 如何做一个可以监听任何事件的自定义 Hooks?
本文将会以介绍自定义 Hooks 来解答上述问题,并结合 TS,ahooks 中的钩子,以案列的形式去演示
Vite 的快,主要体现在两个方面: 快速的冷启动和快速的热更新。而 Vite 之所以能有如此优秀的表现,完全归功于 Vite 借助了浏览器对 ESM 规范的支持,采取了与 Webpack 完全不同的 unbundle 机制。
同样规模的项目,相比 Webpack 动辄十几秒甚至几十秒的的启动速度,Vite 简直是快到没朋友,往往数秒之内即可完成启动
LRU 算法其实逻辑非常的简单,明白了原理之后实现起来非常的简单。最主要的是我们需要使用什么数据结构来存储数据,因为 map 的存取非常快,所以我们采用了它,当然数组其实也可以实现的。还可以使用链表来实现 LRU。
vue keepalive 也用了该算法,需要缓存的场景肯定要用该算法
本文介绍一种优化首屏访问速度的技术:前端预渲染,并封装自定义的 React hook,解决预渲染中的数据初始化问题。
Webpack 官网介绍了很多优化它的方法,虽然量大管饱,但不够体系化。因此本文作者将常用的方法归纳起来,从「优化开发体验,提升构建速度,减少构建体积,优化应用性能」这四个维度逐一介绍 Webpack 的优化
webpack 对于每个前端工程师的意义不言而喻,读读这篇文章,争取用最白的大白话跟你唠明白它到底是个什么玩意儿。
这个周刊每周一发布,同步更新在github、微信公众号。