前言本文是 ahooks 源码（v3.7.4）系列的第六篇——Dev 篇，该篇主要是协助开发调优的 Hook，只有两个往期文章：【解读 ahooks 源码系列】（开篇）如何获取和监听 DOM 元素：useEffectWithTarget【解读 ahooks 源码系列】DOM 篇（一）：useEventListener、useClickAway...

【解读 ahooks 源码系列】DOM 篇（二）：useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover

【解读 ahooks 源码系列】DOM篇（二）：useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover

本文主要解读 useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover 源码实现

前言本文是 ahooks 源码系列的第二篇，下面链接是第一篇 DOM 篇的前置讲解：【解读 ahooks 源码系列】（开篇）如何获取和监听 DOM 元素后续的文章将会直入主题，每篇文章解读四至六个 Hooks 源码实现。useEventListener优雅的使用 addEventListener。官方文档用法 {...

由于在工作中自定义 Hook 场景写的较多，当实现某个通用场景功能时，可能没想过有已实现好的 Hook 封装或者压根没想去从 Hooks 库里面找，但是社区好的实现使用起来是可以提高开发效率和减少 bug 率的。

有一些前端技术点，即使以前用过，但没有自己动手归纳总结过，许久还是要回过头来还是需要重新梳理。于是，本文就来梳理一下 Web Worker。

今天就来深入了解下package.json这个文件，不仅是解释详细字段含义与运用（忽略部分第三方字段本文就不介绍了），更重要的是想借此扩展总结下涉及工作中与社区知名库的一些实践，对我们自己做开源项目也有一定帮助。

项目目前react17和react18都有使用，但在开发者角度绝大部分场景还是感知不到多大变化，但也要详细了解清楚具体更新了什么。本文就来一次性梳理下 react17与react18的变化。

近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下，不太建议急着直接升级，可能存...

前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会不再赘述各种 Webpack 细节，而是梳理一遍 Webpack 的...

当我们要衡量分析一个网页的性能时，没有一个确切指标值能直接反映网页整体性能如何。于是，在网页加载的过程中，我们需要抓住各个关键时间点来进行综合分析，这些就是需要了解的性能指标了。

刚开始接触 WebRTC 的时候，容易被一些生僻的概念绕得团团转，在经历一段时间的查阅文章和实践后，本文就详细梳理下有关 WebRTC 入门的基础知识。

Vite 出来好一段时间了，最开始支持 Vue，而现在已经不受框架限制了。而 Vite 解决的是对于项目每次启动与打包构建等待时间长的问题，Vite 就是解决了该问题，提高开发效率与体验，本文作个简单的学习记录。

最近将公司项目由webpack4升级到了webpack5，配置了webpack5的长效缓存后，二次构建速度直接提速了80%以上，同时打包体积也减少了，当然前提是要调研清楚坑多不多。

Chrome官方标记Won't Fix了，对此猜测Chrome不认为这是bug。视频长度这个如果没有在文件头部给出的话，就需要读取整个文件了，原因可能对较大size的视频加载不利

前言使用 TypeScript 也快一年了，本文主要分享一些工作常用的知识点技巧和注意点。本文适合了解 TypeScript 或有实际使用过一段时间的小伙伴。如果对 TypeScript 基础知识不熟悉的可以看下我这篇文章：TypeScript 入门知识点总结操作符类型别名用来给一个类型起个新...

如果你的项目正在使用 react-toastify，可以看看本文。我是最近通过webpack-bundle-analyzer发现的一个问题，其实我们只有某个页面会可能用到弹框，比如你点了收藏之后会有弹框出来。但是通过打包结果和运行得出，每个页面无论有没有使用，一开始都引入了 react-toas...

前几天在优化项目时，发现next.config.js的配置里，development 模式下的 sourcemap 为cheap-module-sourcemap，仔细想了想，记忆中好像有个更推荐常用的开发模式 sourcemap 配置：cheap-module-eval-source-map。

一直都是 React 进行开发，虽然 Vue 是接触最早的，但现在实际工作也不怎么有机会用，Vue3 都出了。其中新写法有点像 React Hook，于是，这段时间迅速对 Vue3 进行了基本知识入门，体验下 Vue3。