-
:lang()选择器更可靠，因它依赖语言继承而非显式lang属性，大小写不敏感且支持BCP47，兼容性好、不污染HTML，适合多语言字体控制与精准样式匹配。
-
createElement()创建的元素不显示，因其仅生成游离DOM节点，未挂载到文档树中；必须用appendChild()等方法显式插入父容器，否则浏览器不渲染。
-
display:box是2009年草案的独立布局模型，与现代flex无继承关系，仅在Chrome≤28、Safari≤7等极旧环境可用，需显式写-webkit-box-orient，不可混用flex，现仅line-clamp等特定场景必须保留。
-
最直接有效的办法是将项目主样式表放在所有第三方样式表之后引入，因为CSS中相同选择器的样式后加载的会覆盖先加载的；正确顺序为先第三方样式、再全局样式、最后页面专属样式。
-
JavaScriptBigInt是一种内置原始类型，用于表示任意精度整数，突破Number的安全整数限制（2⁵³−1）；通过字面量（如123n）或BigInt()函数创建，支持基本算术运算但不与Number混用，适用于大ID、密码学等高精度场景。
-
<hr/>标签是语义化主题分隔符，仅用于内容主题切换（如章节更替、视角转换），不可作视觉装饰；滥用会破坏可访问性与结构逻辑，样式须用CSS控制，禁止嵌套在<p>内。
-
双系统下HTML函数工具资源分配需跨启动项、内核、UEFI协同优化：一、Windows侧通过bcdedit新建“HTML-Optimized”启动项并启用isolatedcore与平台时钟；二、Linux侧在GRUB中添加mem=3G、isolcpus及cgroup参数，并创建内存限制控制组；三、UEFI中开启VT-d/IOMMU实现PCIe设备硬隔离；四、禁用Windows快速启动并固化GRUB为首选引导；五、在启
-
必须同时设置object-fit:cover、object-position:center、明确宽高及避开移动端Safari的vh坑，否则视频会偏移、裁切关键区域或底部留白。
-
dropzone属性已被废弃，现代浏览器不支持且屏幕阅读器无法识别；应改用tabindex、ARIA属性与dragover/drop事件组合实现可访问拖拽功能。
-
用border做三角形指示器，必须width:0、height:0、三边transparent、单边设色；方向由设色边决定（如border-top为向下箭头），大小由该边border-width控制，常见问题多源于overflow:hidden、font-size/line-height干扰或未设display:block。
-
本文介绍如何使用现代前端方案将包含iframe等复杂结构的DOM完整、高保真地导出为PNG、JPEG、SVG等格式，重点分析dom-to-image及其增强版的适用性、限制与最佳实践。
-
Promise.race能控制超时是因为它返回第一个settled的Promise，将请求与包装好的超时Promise一起传入即可实现超时中断，兼容性好但需手动包装setTimeout、主动清理未完成请求并配合AbortController提升健壮性。
-
HTML5的<mark>标签专用于语义化高亮文本，但默认不支持点击交互；需通过<button>包裹、添加role="button"+tabindex+键盘事件监听，或JS委托绑定事件来安全实现交互，同时兼顾可访问性与样式覆盖。
-
不能——SharedArrayBuffer不能直接传递ImageData.data，因其底层为普通ArrayBuffer；必须显式创建SharedArrayBuffer并用一致类型视图（如Uint32Array）包装，且所有Worker需严格统一字节长度与视图类型，否则导致读写错位或像素混乱。
-
响应式分片上传进度分为四层：本地分片索引层、当前分片流层、服务端确认层、合并状态层；交互反馈需真实、防抖、低延迟，通过非线性映射、中断恢复可视化、多文件队列联动及轻量级轮询同步实现一致性体验。
