dom - 标签 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

首页标签dom

#dom

虚拟dom :Virtual DOM 到底是个啥？我亲手撸了个小实验！

代码简单说 16小时前2026-06-16 15:27:57

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

1300

虚拟 DOM 的跨端原理到底是怎么回事？

代码简单说 17小时前2026-06-16 14:14:39

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

2200

Pretext：告别 DOM Reflow，高性能文本测量与排版库使用指南

代码简单说 22小时前2026-06-16 09:14:35

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

1900

基于动态网格拓扑与异步数据总线的 MES 质量检测模块架构重构

前端表单幻术师 8天前2026-06-08 15:45:52

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

8300

抖音私信自动化回复-多版本 DOM 适配-抖音对不同账号推了不同的私信页面版本

唯一Chat 12天前2026-06-04 09:25:38

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

16510

前端圈炸了！仅三天狂飙 20.8K 标星，比传统DOM测量快500倍！

开源星探 2026-04-102026-04-10 08:30:32

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

26310

Pretext —— 无 DOM 文本测量与布局引擎

井九 2026-04-082026-04-08 08:43:42

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

66910

如何避免JS、CSS对DOM渲染的阻塞：前端性能优化的核心策略

编程小白狼 2025-12-182025-12-18 08:22:33

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

36210

JavaScript HTML DOM 元素 (节点)

用户11754185 2025-12-162025-12-16 20:24:41

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

21110

JavaScript HTML DOM EventListener

用户11754185 2025-12-162025-12-16 20:24:35

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

23910

JavaScript HTML DOM 事件

用户11754185 2025-12-162025-12-16 20:24:30

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

21110

JavaScript HTML DOM - 改变 HTML

用户11754185 2025-12-162025-12-16 20:24:25

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

38110

网页快照这件事，比“更新”复杂得多

jackcode 2025-11-242025-11-24 11:26:14

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

26110

大多数React开发者都理解错了！虚拟DOM和Fiber究竟在干什么？

前端达人 2025-11-202025-11-20 08:36:44

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

28510

JavaScript异步编程、DOM操作与事件处理

安全风信子 2025-11-132025-11-13 13:32:22

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

31010

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十三）：通过JS获取标签的基本样式、内联样式；通过JS修改元素样式；本文罗列了大部分有关DOM元素的属性和方法！

凉凉心. 2025-10-132025-10-13 17:44:01

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

29610

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十二）：关于DOM元素的操作-获取元素节点；元素系欸但的属性、使用CSS选择器进行查询、获取父节点和兄弟节点...

凉凉心. 2025-10-132025-10-13 17:42:18

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

32310

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十一）：入门DOM文档对象模型；摸清四大文档、元素、文本、属性节点的含义；了解三个节点特定属性

凉凉心. 2025-10-132025-10-13 17:41:21

44110

【2026前端趋势】Shadow DOM让组件开发回归原生

前端达人 2025-10-092025-10-09 12:52:30

从120KB到25KB，加载速度提升3倍——这是我用一个浏览器原生API替换React组件后的真实数据。

79010

JavaScript原生实战手册 · DOM操作神器：打造比jQuery更轻量的现代化工具库

前端达人 2025-10-092025-10-09 12:50:53

在现代前端开发中，你是否经常遇到这样的困扰：想要简单的DOM操作，但引入jQuery显得臃肿；使用原生API又过于繁琐，代码冗长难维护？今天我们就来打造一个现代...

46010

#dom

虚拟dom :Virtual DOM 到底是个啥？我亲手撸了个小实验！

虚拟 DOM 的跨端原理到底是怎么回事？

Pretext：告别 DOM Reflow，高性能文本测量与排版库使用指南

基于动态网格拓扑与异步数据总线的 MES 质量检测模块架构重构

抖音私信自动化回复-多版本 DOM 适配-抖音对不同账号推了不同的私信页面版本

前端圈炸了！仅三天狂飙 20.8K 标星，比传统DOM测量快500倍！

Pretext —— 无 DOM 文本测量与布局引擎

如何避免JS、CSS对DOM渲染的阻塞：前端性能优化的核心策略

JavaScript HTML DOM 元素 (节点)

JavaScript HTML DOM EventListener

JavaScript HTML DOM 事件

JavaScript HTML DOM - 改变 HTML

网页快照这件事，比“更新”复杂得多

大多数React开发者都理解错了！虚拟DOM和Fiber究竟在干什么？

JavaScript异步编程、DOM操作与事件处理

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十三）：通过JS获取标签的基本样式、内联样式；通过JS修改元素样式；本文罗列了大部分有关DOM元素的属性和方法！

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十二）：关于DOM元素的操作-获取元素节点；元素系欸但的属性、使用CSS选择器进行查询、获取父节点和兄弟节点...

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十一）：入门DOM文档对象模型；摸清四大文档、元素、文本、属性节点的含义；了解三个节点特定属性

【2026前端趋势】Shadow DOM让组件开发回归原生

JavaScript原生实战手册 · DOM操作神器：打造比jQuery更轻量的现代化工具库

热门专栏

进击的Coder

杨焱的专栏

地方网络工作室的专栏

大数据学习笔记

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

#dom

虚拟dom :Virtual DOM 到底是个啥？我亲手撸了个小实验！

虚拟 DOM 的跨端原理到底是怎么回事？

Pretext：告别 DOM Reflow，高性能文本测量与排版库使用指南

基于动态网格拓扑与异步数据总线的 MES 质量检测模块架构重构

抖音私信自动化回复-多版本 DOM 适配-抖音对不同账号推了不同的私信页面版本

前端圈炸了！仅三天狂飙 20.8K 标星，比传统DOM测量快500倍！

Pretext —— 无 DOM 文本测量与布局引擎

如何避免JS、CSS对DOM渲染的阻塞：前端性能优化的核心策略

JavaScript HTML DOM 元素 (节点)

JavaScript HTML DOM EventListener

JavaScript HTML DOM 事件

JavaScript HTML DOM - 改变 HTML

网页快照这件事，比“更新”复杂得多

大多数React开发者都理解错了！虚拟DOM和Fiber究竟在干什么？

JavaScript异步编程、DOM操作与事件处理

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十三）：通过JS获取标签的基本样式、内联样式；通过JS修改元素样式；本文罗列了大部分有关DOM元素的属性和方法！

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十二）：关于DOM元素的操作-获取元素节点；元素系欸但的属性、使用CSS选择器进行查询、获取父节点和兄弟节点...

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十一）：入门DOM文档对象模型；摸清四大 文档、元素、文本、属性 节点的含义；了解三个节点特定属性

【2026前端趋势】Shadow DOM让组件开发回归原生

JavaScript原生实战手册 · DOM操作神器：打造比jQuery更轻量的现代化工具库

进击的Coder

杨焱的专栏

地方网络工作室的专栏

大数据学习笔记

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

（JavaScript）前端JS不知道怎么理解网页？本专栏从0开始教学！（十一）：入门DOM文档对象模型；摸清四大文档、元素、文本、属性节点的含义；了解三个节点特定属性