小菜卡卡

🧙‍ 字符匹配攻略 正则表达式是匹配模式，要么匹配字符，要么匹配位置。 1. 模糊匹配 正则之所以强大是因为其能实现模糊匹配。只有精确匹配是没有多大意义的。 定义： 横向模糊匹配：一个正则可匹配的字符

👩🏻‍🌾 位置匹配攻略 正则表达式是匹配模式，要么匹配字符，要么匹配位置。 1. 什么是位置呢？ 位置（锚）是相邻字符之间的位置，包括开头和结尾。 2. 如何匹配位置呢？ 在es5中，共有6个锚：^、

unstated-next的github地址 背景 使用react Hooks后，想共享组件逻辑，可以自定义Hook。 除了共享逻辑外，想共享状态，可以用useContext。 unstated-ne

背景 当我们想在两个函数之间共享逻辑时，我们会把它提取到第三个函数中。而组件和Hook都是函数，所以也同样适用这种方式。 自定义Hook解决了以前在react组件中无法灵活共享逻辑的问题。 规则 自定

useEffect的注意事项，帮助你对useEffect有一个更深刻的印象。们知道，如果在 useEffect 函数中返回一个函数。。。

虚拟列表使用场景 前端的业务开发中会遇到一些数据量大且无法使用分页方式来加载的列表，一般把这种列表叫做长列表。完整渲染的情况下，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿。非完整渲染的长列表一般

Loader可以看作具有文件转换功能的翻译员，告诉webpack在遇到哪些文件时用哪些Loader去加载和转换。 loader特点 1.单一职责。一个Loader只做一件事情，正因为职责越单一，所以L

webpack性能优化 分析影响打包速度 打包就是从入口文件开始将所有的依赖模块打包到一个文件中的过程。 在webpack构建过程中，实际上耗费时间大多数用在 loader 解析转换以及代码的压缩中。

webpack里一切皆模块，一个模块对应着一个文件。 一、安装、使用webpack npm init -y （生成package.json文件） npm install -D webpack （安装w