颜海镜

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构...

虽然开发、测试、生产的代码都是使用webpack构建工具来构建，但是对于不同的环境对构建后代码的要求肯定是不一样的。今天我们就来说说webpack的环境配置。...

在webpack中，编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢？接下来我们一起来看看。...

Rspack 是一个基于 Rust 的 Web 构建工具，它最大的特点是惊人的构建速度。在最近的一年内我们把大部分项目都迁移到了Rspack/Rsbuild，迁移后带来的开...

了解为全链路监控为生的 async_hook 模块，本文带你探索 AsyncLocalStorage “隔空”传递上下文的奥秘...

什么是 AsyncLocalStorage ？一般什么时候使用它？没有 AsyncLocalStorage 这个 API 之前的时代是怎么解的？Node 是如何实现的？...

随着项目的逐步迭代，代码量和依赖的逐渐增长，应用的构建速度逐步进入缓慢期。以目前所在团队的业务应用来看（使用webpack构建），应用整体构建耗时已经普遍偏高，影响日常开发...

前言 首先介绍一下 Live reloading 和 Hot reloading 的区别： Live reloading: 修改文件之后，Webpack 重新编译，并强制刷...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

一张图概括前端包管理器历史： 前端包管理器除了npm、yarn、pnpm之外，还有bower、jspm等一些过时的包管理器，这里不再介绍。本编文章概述和梳理npm、yarn...

React 团队于 2024 年 12 月 5 日正式发布了 React v19 稳定版，并在 npm 上可用。此次更新带来了许多令人期待的新特性和改进，开发者们可以通过 ...

1,简介 在状态共享这方面，不像 Vuex，React 的官方并没有强力推荐某种封装方案，所以 React 的状态管理工具五花八门，百花齐放， 其中就有： 做什么都要 di...

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。...

对于我一个从前端入门的人来说，Nest.js 是我接触到的第二个重量级的后端框架，对其的部署自然也是去调研了很久，最终打算将我的这段经历以文章的形式记录一下，希望对有需要的...

今天有位同学，问了我一个框架 Svelte，提到：“他们公司想要使用 Svelte 来去开发一个新的项目。原因是因为 Svelte 5 更新之后，提供了特别多新的功能，像是...

前言 无论是我们个人独立开发项目，还是在公司团队开发项目，如何选用一款合适的模板，对于开发者的体验，开发的效率，公司的效益来说，是极为重要的，现在社会就是一个快餐社会，你比...

本文讨论的是：安卓手机通过setTextZoom(int)设置字体缩放会如何影响h5页面布局，并给出一个兼容方案。...