午木

理解 JavaScript 的事件循环机制 前言 JavaScript 是一种单线程的编程语言，这意味着它一次只能执行一个任务。然而，现代 Web 应用程序需要处理大量的异...

流式渲染正在打破传统 Web 的"全有或全无"模式，通过本文揭示的分块传输编码`Transfer-Encoding: chunked`技术原理，开发者可以构建出真正具有流体...

在大型前端项目中，我们常常需要将代码库拆分成多个独立模块，或者引用第三方库的特定版本。Git子模块（Submodule）正是解决这类依赖管理问题的利器。本文将带你深入理解G...

calc() 函数是 CSS 中非常强大的工具，它允许你在 CSS 属性值中进行动态计算。通过结合不同的单位（如百分比、像素、视口单位等），你可以实现许多灵活的布局效果。以...

最近两周花时间做了两个vscode插件，在这之前我是没什么vscode 插件开发经验的，倒是认识vscode插件大佬，Simon_He，看他做了不少实用高质量的插件。整个过...

前言 上篇文章我们分享了错误监控相关的内容，这次我们来讲讲行为监控的内容 在文章中，我会结合 monitor-sdk 的实现细节，和给大家学习搭建的demo来逐步拆解前端监...

深入理解 JavaScript 中的 NaN 在 JavaScript 的世界里，NaN是一个颇为特殊的存在，初看它，你可能会觉得有些矛盾，明明叫 “不是一个数字（not ...

本文深入剖析了包管理工具的演进历程，重点解读 pnpm 的创新机制和优势。通过对比 npm/yarn 的依赖处理方式，详细讲解了 pnpm 如何通过硬链接和软链接机制解决依...

i18n ally 是一款轻量且功能强大的可视化编辑插件，提供了增删改查、视图审阅、在线翻译等功能，极大地提高了开发者翻译多语言的效率。 本文分享如何使用该插件，并带大家手...

1. application/x-www-form-urlencoded — 经典老兵，永远可靠的“黑客帝国” 角色简介： 这个选手是老兵，是传统 Web 表单的“开路先锋...

最近非常惊讶，工作过程中发现很多做国际化项目的同事，居然没有用过任何国际化管理插件... 实在不能容忍大家还停留在"农耕时代"，于是特意花时间详细整理了一下过去的笔记，配上...

本文从宏观角度来梳理前端世界观：知识体系、框架及生态、应用端分类、业务开发场景、架构设计、企业级工程化、性能优化、软实力、前端未来与AI、前端学习方法论等方面总结。也分享下...

🌟浏览器渲染引擎原理深度解构：从DOM到合成层的性能优化全链路 导语： 当我们点击一个网页链接时，从网络请求到屏幕像素的亮起，浏览器完成了堪比航天器发射的精密操作。本文将...

前言：RSC 是 React 的「分水岭时刻」 React Server Components (RSC) 的诞生，标志着 React 从单纯的客户端渲染库向全栈解决方案的...

前言：一个真实的面试场景 "请谈谈你的组件封装经验。"当面试官抛出这个问题时，你是否能清晰地阐述完整的组件设计方法论？本文将结合笔者在大型项目中的实战经验，深入剖析组件封装...

本文将深入剖析如何打造一个高效且可靠的 B 端前端稳定性监控体系，涵盖数据指标的定义、数据采集的方式、数据可视化呈现、告警监控机制以及数据解读 SOP 规范等诸多关键环节。...

“鸿蒙不是所有前端都会的嘛？”曾经和一名老板聊过鸿蒙，他如是说。 确实，或许有很多人会觉得：鸿蒙有什么好学的，真学起来，对于前端来说不都是so easy？...

本篇文WebGL纹理的使用、纹理尺寸及其限制、以及如何正确设置纹理参数才能正常显示纹理。并穷举了不同尺寸的纹理的使用...

我一直有一个疑问，URL地址末尾加不加”/“有什么区别？实际上，URL 结尾是否带 / 主要影响的是 服务器如何解析请求 以及 相对路径的解析方式，具体区别如下：...

响应式系统（Reactivity System） 1.1 基于 Proxy 的响应式代理 在 Vue 3 中，响应式系统的核心是使用 ES6 的 Proxy 来替代 Vue...