dom

别只拿 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” 模式，在复杂数据处理和动态转换场景中杀出了一条血路。

创建新DOM节点方式总结DOM节点创建方法对比：正确理解性能排序（从高到低）innerHTML（赋值字符串） - 最优（使用浏览器原生解析器）

Array.from() 转换为数组的实际开发场景举例关联阅读推荐实时集合导致的循环问题黄金法则：当你需要对DOM元素集合进行遍历、筛选、转换等复杂操作时，先使用 Array.from() 转换为数组，然后再操作。

insertAdjacentHTML() 详解insertAdjacentHTML() 是 DOM 操作中性能优越的方法。支持四种插入位置（beforebegin/afterbegin/beforeend/afterend），比innerHTML更灵活且不会破坏现有内容。

JavaScript零基础入门指南：从语法到实战的核心知识点解析JavaScript是前端开发的核心三剑客之一，也是赋予网页交互能力的“灵魂”语言。接下来我将从零基础视角出发，详细拆解JavaScript的核心知识点，每个模块搭配基础易懂的代码实例，希望能够更好地帮助你快速入门并掌握实用技能。

Vue 事件机制全面解析：原生事件、自定义事件与 DOM 冒泡完全讲透为什么要理解 Vue 事件？只知道 @click，却分不清它属于谁子组件不 emit，父组件 @click 为何能触发？

浏览器相关 API：DOM 操作全解析DOM（文档对象模型）是Web开发的核心，它代表了HTML和XML文档的结构化表示。高效的DOM操作对于构建高性能Web应用至关重要。本文将全面解析DOM操作相关的API、性能优化策略和现代最佳实践。

【Web APIs】元素可视区 client 系列属性 ② ( 立即执行函数 )立即执行函数 ( Immediately Invoked Function Expression , 简称 IIFE ) 是定义后立刻执行的 JavaScript 函数 , 它的核心特点是 " 定义即执行 " , 且能创建一个独立的私有作用域 ;

【Web APIs】元素偏移量 offset 系列属性 ④ ( offset 属性案例 - 放大镜效果 )实现如下放大镜效果 :小图容器 <div class="small"> 用于承载小图、遮罩层、大图容器的父容器 , 对应 CSS 中的 .small 类 ;