前端工程化实践中，Monorepo（单仓库）管理和Lerna是两种流行的方式，用于大型项目或组件库的组织和版本管理。

🎉 前端工程化，简而言之，是通过整合先进的工具链和最佳实践，将前端开发过程实现标准化、自动化和高效化的过程，从而提升开发效率、保障代码品质和优化项目维护。这一过...

WebAssembly（WASM）是一种低级的二进制格式，它允许开发者使用C、C++、Rust等语言编写的代码在Web浏览器中运行，从而实现接近原生的性能。WA...

首先，确保你已经安装了Node.js和yarn或npm。然后，通过命令行创建一个新的Nuxt.js项目：

渐进式网页应用（Progressive Web App, PWA）通过离线存储和推送通知等功能，能够提供类似原生应用的体验。

Vite 是由 Vue.js 的作者尤雨溪开发的下一代前端构建工具，它以其快速的冷启动、按需编译和热更新能力而受到广泛关注。Vite 通过利用浏览器原生的 ES...

Webpack 5通过确定性的Chunk ID、模块ID和导出ID实现了长期缓存，这意味着相同的输入将始终产生相同的输出。这样，当你的用户再次访问更新后的网站时...

在当下就业环境下，只会框架的使用是不够的，这是很多初级工程师面临的困境。想要脱颖而出，成为具备手写框架、源码贡献等技能的高手，才能拥有更多的机会。想要这种摆脱框...

本期教程主要针对nodejs初学入门后，使用前端工程化操作技巧中常用的cjs开发模式，对模块的多值操作进行讲解。

能够应对不同技术栈、不同构建工具的巨石应用架构是前端高级工程师的衡量标准之一。本文为你提供一套大型中台项目构建、多技术栈项目融合的最佳落地方案，并结合主流微前端...

现代 Javascript 项目需要用打包工具来将小段代码编译成库或者应用程序那种更大更复杂的东西。流行的打包器有webpack、Rollup、Parcel、R...

在 custom element 的构造函数中，可以指定多个不同的回调函数，它们将会在元素的不同生命时期被调用。这是 Web Components 技术中的一个...

在Web开发中，实现流畅的滚动效果对于提升用户体验至关重要。为了实现这一目标，开发人员可以利用一系列的滚动方案。其中，请求动画帧（requestAnimatio...

最近，就看了不少关于AI做前端还原的一些文章，之前写过一个URL就把别人网址复制了的这种耸人听闻的文章，根据里面的原理介绍，想必读过的人也知道，这种方式的弊端。...

从历史上看，我们对客户端性能监控方式非常有限，而且还遇到了API浏览器的限制，阻碍了我们准确地衡量客户端性能。

通常前端建立搭建监控体系，主要是为了解决两个问题：如何及时发现问题、如何快速定位并解决问题。

很多朋友也是看着这套系列算法拿到很多offer！所以也是想分享给更多朋友，帮助到有需要的朋友。

Brotli 是谷歌推出的开源压缩算法，比常见的Gzip更高效，它通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩，帮我们更高...

为什么说要掌握主流框架是必备，因为前端框架就是前端工程化开发中不可或缺的一部分。框架肯定是利用了现有行业中优势技术，也能避免大家不断重复造轮子，降低上手难度，提...