-
栅格容器必须升格为独立BEMBlock（如.dashboard-grid），其子项（如.card-list）是独立Block而非子元素；禁止.__嵌套（如.dashboard__main__card-grid），否则破坏样式隔离。
-
视频加载慢、首帧延迟高，优先检查preload和autoplay策略：设preload="auto"（移动端Safari除外）、autoplay需muted，监听canplaythrough；服务端需支持Accept-Ranges；提供多码率MP4并前置moov；确保服务器正确响应Range请求；避免在timeupdate中频繁设置currentTime。
-
标准盒模型中width仅含content，怪异模型中width包含padding和border；box-sizing:content-box为默认值，border-box使width直接等于元素总宽（含padding与border）。
-
原型是函数的属性，原型链是对象查找属性的路径。每个函数有prototype对象，实例通过__proto__指向它，访问属性时若自身没有则沿原型链向上查找，直至null。
-
type="email"不可信，因其仅按RFC5322极小子集校验，放行user@domain..com等无效格式，且存在兼容性问题；需JS补强+后端兜底三层验证。
-
transition需状态变化触发，如hover，适用于简单属性渐变；2.animation通过@keyframes定义关键帧，可自动播放，支持复杂动画序列；3.animation提供更精细的播放控制，如延迟、循环、方向等；4.两者兼容性良好，但建议优先使用transform和opacity以提升性能。
-
for循环防卡死需更新计数器、慎用浮点索引；异步循环应控节奏、避重复resolve；async/await勿将await置于条件外；批量请求用Promise.all分片；异步操作配AbortController设超时。
-
实现HTML5元素左偏移有五种方法：一、margin-left负值；二、position:relative加left负值；三、transform:translateX()负值；四、float:left配负margin；五、Flexbox中justify-content与margin组合。
-
必须加-webkit-前缀才能生效，因Safari、旧Chrome及iOS/macOS系统仅支持-webkit-background-clip:text和-webkit-text-fill-color:transparent，且Firefox110+才开始支持标准属性。
-
能，但需HTTPS安全上下文且必须用户手势触发（如click），否则静默失败；iOSSafari16.4+和AndroidChrome76+支持，旧版iOS不支持navigator.share；url须为同源或HTTPS绝对路径，fallback应降级为复制链接或跳转平台分享URL。
-
HTML本身不保存运行记录，但可通过浏览器历史记录、开发者工具网络面板、系统最近使用文件、代码编辑器打开历史及本地存储日志追溯操作痕迹。
-
本文介绍在React中实现输入框显示格式化字符串（如“1,22,333”）而内部维护原始数字类型值（如122333）的完整方案，兼顾用户友好性与计算可用性。
-
打印时动画需用@mediaprint逐项重置：animation-name:none、animation-duration:0s、animation-delay:0s、animation-iteration-count:1、transition:none，并覆盖伪元素及动态类名，确保样式优先级和加载顺序正确。
-
首先配置EditPlus中浏览器路径，再关联HTML文件类型，接着通过工具菜单或F8键运行HTML文件预览，最后可使用内置模板快速创建标准HTML结构并查看效果。
-
本文解析JavaScript中表单输入值在提交时为undefined或空字符串的根本原因——变量在页面加载时即静态读取了空输入框的初始值，而非在提交时动态获取；并提供规范、可复用的解决方案。
