Chvin

10个步骤，轻松把 webpack 老项目 迁移到 vite, 体验 风驰电掣的感觉,一起行动起来吧！...

一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`...

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望...

端到端测试可能很慢而且很无聊。Cypress改变了我们的测试方式。在此教程中，了解如何使用Cypress测试你的应用程序。 要想继续接下来的学习，你需要在电脑上安装好nod...

Cannot read property 'xxx' on undefined：无法在 undefined 上读取 xxx 属性，通常出现在 a.b.c 的情况。 'und...

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性 导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这...

在前端的比较大型的框架构建中，依赖注入和控制反转已经是必不可少的设计原则。InversifyJS是当前相对最成熟的一个前端IoC(Inversion of Control)...

InversifyJS中文文档：一个强大又轻量的控制反转容器，提供给JavaScript 和 Node.js 应用使用，使用TypeScript编写。...

本文会带你从零到一配置一款简洁灵活的react项目脚手架，支持webpack5、react、移动端适配、多页场景、typescript、eslint等功能...

路由传值的三种方式（v5.x） 1.params参数 2.search参数 3.state参数 路由传值的三种方式（v6.x） 1.params参数 2.search参数 ...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...

其中一个仓库A我们在GitHub上部署，另外一个仓库B我们在国内的Coding上部署，两者为同一个工程，如果我们希望将仓库A的所有改动合并到仓库B上。.......

Yarn Workspaces是Yarn提供的Monorepo依赖管理机制，从Yarn 1.0开始默认支持，用于在代码仓库的根目录下管理多个project。...

公司目前起了一个新的项目需求，我这边也是考虑了很多库啊或者框架啊之类的，但是呢最终还是觉得并不太合适，觉得都太重或者太繁琐了，所以打算自己用webpack5 搭一个。...

大家都知道 HTML 5 新增了很多 API，其中就包括 Web Worker，在普通的 js 文件上使用 ES5 编写相关代码应该是完全没有问题了，只需要在支持 H5 的...

随着前端工程日益复杂，某些业务或者工具库通常涉及到很多个仓库，那么时间一长，多个仓库开发弊端日益显露，由此出现了一种新的项目管理方式——Monorepo。本文主要以 Mon...

Web Component 出现有一阵子了。 Google 费了很大力气去推动它更广泛的应用，但是除 Opera 和 Chrome 以外的多数主流浏览器对它的支持仍然不够理...

在一个新窗口中打开链接是前端开发中一个很常见的逻辑，它可以将用户引导到一个新的域名。我们可以用target='_blank'来实现这个功能。我敢肯定，每个人都会在他的某个项...

在开发过程中，有时会遇到需要控制任务并发执行数量的需求。 例如一个爬虫程序，可以通过限制其并发任务数量来降低请求频率，从而避免由于请求过于频繁被封禁问题的发生。 接下来，本...

之前我们讨论过宏观层面上的JavaScript性能问题，讨论了asm.js、WebAssembly和WebWorker技术，接下来我们探究一下JavaScript在微观层面...