-
非ASCII字符指Unicode码点超出U+0000–U+007F（即\x00–\x7F）的所有字符，包括中文、emoji、西欧重音字母等；推荐使用1并注意各语言转义与Unicode标志。\x00-\x7F↩
-
统一margin基准并使用相对单位可解决容器外部留白不协调问题：1.设立8/10px倍数的间距体系；2.用rem、%等弹性单位替代固定px值；3.重置body、h、p等标签默认margin；4.借助auto实现自动居中与均衡分布。
-
用<svg>手写迷你折线图最轻量，需直接归一化数据至目标尺寸（如100×20px），用<polyline>绘制，设stroke-linecap="round"和stroke-linejoin="round"保清晰，动态更新仅改points属性，IE11需改用<path>兼容。
-
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。
-
Chart.js柱状图显示为空白，通常是因为缺失必需的labels数组（长度需与data严格一致），而非数据量小导致；本文详解根本原因、修复方法、配置优化及常见陷阱。
-
summary属性在HTML5中已被废弃，现代屏幕阅读器不再读取它；应改用caption、scope和headers等语义化属性提升表格可访问性。
-
Cycle.js基于函数式响应式编程，将应用视作纯函数，输入为事件流，输出为DOM更新；通过RxJS实现响应式数据流，以流变换取代手动状态管理；主函数main(sources)=>sinks无副作用，逻辑集中；驱动（如DOM、HTTP驱动）处理I/O，形成“源→主函数→汇→驱动→源”的闭环响应循环，提升可预测性与可维护性。
-
Node.js脚本需以#!/usr/bin/envnode开头才能作为命令行工具运行，否则会被shell错误解析；process.argv[2]起为用户参数，需手动解析短选项合并、等号/空格两种写法。
-
gap仅在flex或grid容器上生效，控制直系子元素间间隙；单值设统一间距，双值首为行距、次为列距；不与margin合并，但可叠加；需用padding或margin处理首尾留白。
-
虚拟DOM通过JavaScript对象模拟真实DOM，利用Diff算法比较新旧节点差异，实现最小化更新。其核心是避免频繁操作耗性能的真实DOM，采用同层比较、类型变化重建、key优化列表等策略，将复杂度降至O(n)，并通过批量更新提升渲染效率。
-
移动端点击高亮是iOSSafari和部分安卓浏览器默认添加的半透明灰色overlay，由-webkit-tap-highlight-color控制，需禁用以保障自定义交互样式一致性；Tailwindv3.0+需在corePlugins中启用tapHighlightColor开关并重启服务方可使用tap-highlight-transparent工具类。
-
CSSHoudini通过多个API让JavaScript直接操作浏览器渲染引擎，实现更灵活的样式控制。1.CustomPropertiesandValuesAPI支持定义带类型的CSS变量并进行动画；2.TypedOMAPI提供带单位的数值对象，提升性能和安全性；3.CSSParserAPI允许自定义CSS解析规则；4.PaintAPI通过PaintWorklet实现自定义绘制效果，如棋盘格背景；5.AnimationWorkletAPI创建高性能线程级动画；6.LayoutAPI自定义布局算法，如瀑布流
-
通过CSS的:focus伪类和transition实现输入框边框颜色动画，聚焦时边框平滑变色，结合box-shadow与@keyframes可创建脉冲等动态效果，提升表单交互体验。
-
CLS是衡量页面视觉稳定性的指标，非优化工具；高CLS常因img/iframe缺尺寸属性、字体切换导致容器高度变化、动态内容未预留空间所致，需从资源加载、尺寸预设和DOM插入时机三方面系统优化。
-
dash.js需配合正确HTML与配置才能实现DASH自适应播放：MPD须HTTPS提供且响应头含application/dash+xml，移动端需video标签添加muted、playsinline及viewport限制，容器须用aspect-ratio或padding-bottom维持宽高比，video设object-fit:cover防拉伸。
