原生高钙

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script ...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

在上周末广州举办的feday中，webpack的核心开发者Sean在介绍webpack插件系统原理时，隆重介绍了一个中国学生于Google夏令营，在导师Tobias带领下写...

通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误...

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack ...

什么是行内代码生成？ 通过一组快捷键（一般为cmd + k)在选中代码块或者光标处唤起 Prompt 命令弹窗，并且快速的应用生成的代码。 提示词系统 首先是完成一个简易的...

在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 8...

👋 事情是这样的，作为一名母胎 solo 二十几年的我，平平无奇的一直活在别人的狗粮之下。渐渐的，我好像活成了一个随时见证别人爱情，也随时能为失恋的人排忧解难的角色。 直...

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开...

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

什么是 AST？为什么需要 AST？前端工程化的基石和 Babel、twc 有什么关联？如何选择合适的编译器？...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...

要理解 Monorepo 的底层原理，我们先忘掉那些高大上的工具名称，回归到最本质的问题：一个代码仓库如何管理多个相互依赖的包？ 其实，Monorepo 的核心思想没什么魔...

长文讲解 模型上下文协议（Model Context Protocol，MCP），通过本文，你可以快速了解 MCP 相关的概念，并通过阅读代码示例进一步加深对 MCP 的掌...

ChatMCP 是一款基于模型上下文协议（MCP）的 AI 聊天客户端，支持多语言和自动化安装。它能够与多种大型语言模型（LLM）如 OpenAI、Claude 和 OLL...

作为目前最流行的JavaScript引擎，V8引擎从出现的那一刻起便广泛受到人们的关注，我们知道，JavaScript可以高效地运行在浏览器和Nodejs这两大宿主环境中，...

V8是谷歌的开源高性能js引擎,使用c++编写。目前主要使用于 Chrome 浏览器和 Node.js 中，其核心功能主要是让开发者编写的JavaScript代码编译成CP...

由作用域延伸到 var, let 和 const 什么是 作用域 作用域(Scope)就像一个容器，它决定了变量，函数和对象在代码中哪些地方可以被访问。简单来说，就是变量的...

在 JavaScript 中，postMessage 是在多个工作线程之间传递数据的常用方法。在 Bun v1.2.21 中，postMessage(string) 的性能...

大家好，我是 lv (lv.liu)。 本篇文章，带你深入提示词工程，包括从技术的角度看提示词的类别、编写提示词的核心原则、写提示词的核心原则、写提示词的基本步骤、提示词技...