在构建现代 Web 应用时，我们越来越倾向于组件化，而 Web Components 正是原生支持这一理念的标准。你也许已经听说过它的三大核心能力：自定义元素（...

选择器（基本，层级，简单，内容，可见性，属性，子元素，表单及表单对象属性） 基本

事件处理贯穿前端开发的方方面面：从按钮点击、表单输入，到列表滚动、模块通信，良好的事件设计直接影响到代码的可维护性与用户体验。本文聚焦 DOM 事件基础与事件流...

前段时间，我的项目里有个需求，要动态渲染一大串数据。刚开始用原生 DOM 操作，结果页面一卡一卡的，我直接傻眼了。后来折腾了一下 Virtual DOM，这性能...

还记得第一次接触 Vue 的时候，脑子里只有一个疑问：“为啥写的代码跟页面展示的效果完全对不上？”深入了解后才明白，Vue 的虚拟 DOM 就像一位翻译官，把高...

Pretext、文本高度计算、JavaScript文本测量、TypeScript排版库、Canvas文本布局、虚拟列表优化、前端性能优化、DOM Reflow、...

在离散制造与精密加工领域，MES（制造执行系统）的质量检测（QC）模块通常是逻辑最复杂、变更最频繁的硬骨头。传统的“表单加字段”开发模式，在面对多工位质检、随机...

同一个”私信”按钮，换了账号就找不到了。这不是 bug，是抖音的灰度发布。我是如何用弹性选择器让自动化脚本在多个页面版本中都活下来的。

该项目叫做 pretext，很多开发者看完后拍案叫绝，直呼 「这才是我们真正需要的东西」。

前端世界长期面临一个看似简单却极难优化的问题：在浏览器中精准测量多行文本的尺寸（如高度、换行断点等）。每当你调用诸如 getBoundingClientRect...

在浏览器渲染页面的过程中，HTML解析、CSSOM构建、JavaScript执行和DOM渲染之间存在着复杂的依赖关系。理解这些关系是优化性能的第一步。

要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。

addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。

我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。

今天的日期是： Wed Jun 05 2024 20:26:42 GMT+0800 (中国标准时间)

01｜事情是这样开始的：凌晨，我被电话吵醒了有些项目真的是越做越清醒，尤其是那种能把人从睡梦里叫醒的。几个月前，我们负责的某个政府采购网站上线了新版页面结构。按...

你可能每天都在用React写组件，但问你"state更新时React内部到底发生了什么"，十个开发者有八个会模糊其词。更扎心的是：你对渲染机制的误解，正在偷偷让...

在上一篇文章中，我们学习了JavaScript的函数、对象和数组这些核心概念。现在，让我们继续深入学习JavaScript的高级特性：异步编程、DOM操作和事件...

语法：元素.currentStyle.属性名 或 元素.currentStyle[属性名]

例如 docuemnt.getElemntById() 其实就是在document文档对象中找符合 ID 的DOM元素； 与 元素.getElementBy...