匿蝉

当你运行 npm run build 或其他 webpack 相关脚本时，Webpack 会经历以下9个主要阶段。...

在上一篇文章【Webpack进阶】Loader深入解析中，探索了Loader的原理和运行机制，本文会通过介绍常见样式loader的作用和实现，加深对loader的理解。 下...

前端工程化-使用自定义的console loader 增强控制台打印功能，让开发人员只需要书写console.log()就能在控制台中定位到具体文件中的具体行的代码。...

有梦想的人才有灵魂，才会快乐。我们为梦想所奉献的精力、信念和忠诚，将照亮我们的国家和身边的人，而这火焰发出的光芒定能照亮全世界。...

在我最近开发的React Native项目中，需要用到一个常见的功能：表单校验。我需要确保用户在提交前输入了有效的数据，并提供适当的错误提示。在寻找解决方案时，我发现了 R...

简介 HMR是指当你对代码进行修改并保存后，webpack对代码重新打包，并将新的模块发送到浏览器端，浏览器通过替换旧的模块，在不刷新浏览器的前提下，就能够对应用进行更新。...

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的...

一般来说，每个浏览器、运行时都可能实现自己的JIT编译器，但通常其理论是一样的，遵循相同的结构。 由于JS是解释型语言，JS引擎需要将代码逐行翻译为可执行的代码，可执行的代...

代码非常简单，点击button使count+3，count的值会显示在屏幕上。 一. 前置知识 1. 函数组件和类组件 我们来看一个简单的Greeting组件，它支持定义成...

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallbac...

有个问题可能曾经、甚至现在仍旧让一部分人十分困惑。 我们用 JS 执行一个及其的简单的运算，如：0.1 + 0.2，会得到一个非常意想不到的结果：0.30000000000...

chrome 浏览器上有很多插件，最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。...

最近在做毕设项目的时候，前端用到了 React + React-Redux + React-Router + TypeScript。jsx 的灵活性配合上 typescri...

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什...

需要国际化的react项目已经迭代了1年多，文件众多，包含了jsx和普通的js对象文件。粗略估计有几千个中文词条。本文先介绍了采用的国际化方案，然后给出了国际化的过程和一个...