dom

程序员大阳

副队长JavaScript教程(52)-DOM操作元素的内容点此查看所有教程、项目、源码导航上一篇我们学会了如何从页面中获取 DOM 元素。拿到元素之后，最常见的操作就是修改它内部展示的文字内容。本篇我们学习两个核心属性：innerText 和 innerHTML，用来读取、修改元素内部的内容，同时讲清楚二者的区别和适用场景。

程序员大阳

副队长JavaScript教程(58)-基于DOM的网页留言板开发点此查看所有教程、项目、源码导航前面我们依次学习了 DOM 元素获取、修改内容样式、节点增删、表单操作、事件、事件冒泡等知识点。单纯分开学习知识点比较零散，本篇我们做一个综合案例：简易留言板。

程序员大阳

副队长JavaScript教程(55)-DOM节点增删改查点此查看所有教程、项目、源码导航前面我们学习了获取元素、修改元素内容、属性、样式。这些操作都是基于页面上已经存在的 DOM 节点。

程序员大阳

副队长JavaScript教程(53)-DOM操作元素的属性点此查看所有教程、项目、源码导航上一篇我们学习了如何读写元素内部的内容，用到了 innerText、innerHTML、value。除了元素里面的内容，HTML 标签上还有很多属性，比如 id、class、src、href、title 等。本篇我们就来学习，如何通过 JS 读取、修改、删除 DOM 元素上的属性。

程序员大阳

副队长JavaScript教程(57)-DOM事件机制点此查看所有教程、项目、源码导航前面我们学习了 DOM 的各种操作，可以获取、修改页面元素、表单内容。

橘猫走江湖

Vue 3 虚拟 DOM：作用、触发机制，以及怎样变成页面上的真实节点如图，页面上是一颗按钮，数字从 0 变成 1。模板写的是 {{ count }}，点击处理函数里只有一行 count.value++。这行执行完，按钮上的字仍然是 0。字变成 1，要等当前这个函数结束之后。

对于JavaScript：操作元素的解析hello 大家，本篇博客我们来学习JavaScript中的操作元素，其实我们上一篇博客就有解析了，只不过本篇博客会更加详细哦~

围炉聊科技

Windows-MCP 拆解与实测：AI 操作 Windows 这件事——智能体基建系列上一期我把 Computer Use 的底层机制捋了一遍，结论是「Accessibility Tree 优先 + 视觉兜底」正在成为生产可靠的方向。

别只拿 useRef 绑 DOM 了，搭配 Web Worker 解决页面卡顿才是真的香昨天写一个前端文件加密的功能，一跑起来页面直接卡死半分钟，按钮点不动，滚动都掉帧，用户体验烂到离谱。我当时第一反应是算法写太烂了，赶紧把循环优化了一遍，变量能提外面就提外面，甚至换了种写法，结果收效甚微，该卡还是卡。

前端技术官

前端真的比后端简单吗？在这个圈子摸爬滚打这么久，我听过最多的一句吐槽就是：前端不就是画画页面，调调接口吗？有什么难度？很多写后端的兄弟，看着前端用各种脚手架两分钟就能搭出一个漂亮的管理后台，往往会产生一种错觉：前端的门槛极低，随便拉个会写 HTML 的实习生就能干。

Fragment：React 的 `<></>` 和原生的 DocumentFragment，同名不同命React 的 <></> 叫 Fragment，原生的 document.createDocumentFragment() 也叫 Fragment。它们都"不生成 DOM 节点"，也都说"一次性挂载"。那它们到底是不是一个东西？这篇文章来彻底分清楚。

奥特曼超人Dujinyang

鸿蒙小程序渲染一致性与性能治理终极架构转载请标明出处： https://dujinyang.blog.csdn.net/ 本文出自:【奥特曼超人的博客】

从“改网页”到“改应用”：客户端数字显示伪造的技术原理与边界讨论在软件研发、安全测试、内容制作等场景中，偶尔会遇到这样一个需求：能否临时改变某个应用界面上显示的数字？这个需求听起来简单，背后涉及的技术原理却横跨Web、移动端、操作系统权限、内存管理等多个领域。

淼淼爱喝水

基于DOM型XSS漏洞与利用实验教程1. 什么是 DOM 型 XSSDOM 型 XSS（Document Object Model Based XSS）是一种客户端脚本注入漏洞。其特点是：恶意输入通常不会经过服务器端处理后返回；漏洞发生在浏览器端 JavaScript 对页面 DOM 的操作过程中。

Pretext：告别DOM重排，让文本布局飞起来在前端开发中，文本布局一直是个让人头疼的问题。特别是当你的页面有很多文字内容时，浏览器需要不断计算每个元素的大小和位置，这个过程叫做"布局重排"（layout reflow）。想象一下，每次你测量一个按钮的文字是否会换行，或者计算一个卡片的高度，浏览器都要重新计算整个页面的布局，这就像你为了检查一个房间的大小，却要重新测量整栋房子一样低效。

DOM手搓一个渲染树形卡片的画布（二）提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档紧跟上一篇信息，换个布局方式渲染画布卡片

深入理解 JavaScript 箭头函数的 this：为什么 DOM 事件不推荐用箭头函数？在学习 JavaScript 时，很多人都会被 this 搞得一头雾水。而当箭头函数出现之后，this 的行为又发生了“根本性变化”，让原本就复杂的规则更加扑朔迷离。

【前端开发之JavaScript】（一）JavaScript 入门宝典：从起源到运行全拆解如果说网页是一个鲜活的生命体，那 HTML 只是冰冷的骨骼架构，CSS 是精致的外表装扮，而JavaScript，就是让这个生命体拥有呼吸、动作、感知的核心灵魂。

2-初识JSJavaScript是一门跨平台、面向对象的脚本语言（即不需要编译就能直接运行），它用来控制网页行为，实现页面的交互效果。

Json Dom 怎么玩转？在如今的 Java 开发中，虽然已经有了 Jackson、Gson 和 Fastjson2 等重量级选手，但 Snack4（及其历史版本，统称为 Snack 序列）凭借其独特的 “JSON DOM” 模式，在复杂数据处理和动态转换场景中杀出了一条血路。