-
DOM是浏览器将HTML转换成的JS可操作对象树，以document为根节点，包含元素、文本等节点；应优先用querySelector、classList、textContent等现代API安全高效操作。
-
CSS动画由浏览器合成器独立线程处理，性能更优，适合简单预设动画；JavaScript动画通过代码精确控制帧逻辑，灵活性高，适合复杂交互场景。
-
form的enctype属性到底该设成什么浏览器提交表单时用什么编码方式，完全由form元素的enctype属性决定，不是由页面或HTTP头控制的。它只影响表单数据如何被序列化发送，和服务器端怎么解析直接挂钩。enctype="application/x-www-form-urlencoded"（默认值）：所有字段名和值都会被URL编码（空格→%20，中文→%E4%BD%A0等），拼成类似name=%E4%BD%A0&file=&city=shanghai的字符串。适合
-
直接用animation+width模拟打字机不靠谱，因中英文混排、字体变化或响应式场景下width像素值失准；真正可控的是字符数，ch单位配合CSS计数器与content渲染才能严格对齐。
-
弱引用缓存通过WeakValueDictionary、WeakKeyDictionary和weakref.ref实现自动清理，避免阻碍对象回收；需确保类支持弱引用，即含__weakref__属性或未用__slots__限制。
-
preload="none"并非完全不加载，而是延迟加载——仅当video已插入DOM、src已设且未调load()、用户未触发播放时才真正省流量，适合非首屏或低点击率视频。
-
ESLint是主流JavaScript代码质量检查工具，通过自动检测语法错误、强制编码风格、识别危险写法并集成到编辑器/Git/CI实现全流程约束。
-
lessc默认编译慢是因为默认开启源码映射、严格语法检查及每次重复解析全部@import依赖树；watch卡住因监听粒度粗，递归扫描含node_modules的无关文件；输出冗余因未压缩、不合并选择器；API调用比命令行更可控但需手动缓存。
-
使用auto-fit和minmax()结合CSSGrid创建响应式导航，配合mediaquery在小屏下调整为单列布局，确保各设备上均有良好体验。
-
块级元素不设width时自动撑满父容器是CSS规范强制的计算规则，而非模糊默认行为；其宽度由包含块contentbox宽度减去margin、border、padding得出，与内容是否为空无关。
-
background-attachment:fixed在现代桌面浏览器中虽能工作，但常因祖先元素的transform/opacity/filter创建新层叠上下文而退化为relative锚定，且iOSSafari等完全不支持，推荐用position:fixed独立div或伪元素模拟以确保兼容性。
-
HTML5中download属性对video标签无效是浏览器策略限制；仅当a标签href为静态同源视频URL时有效，跨域或动态src需用fetch+Blob方案实现下载。
-
浮动对齐表单时input换行，因label未设宽、box-sizing非border-box、父容器未清浮；应设label和input同浮动、label定宽、input用calc(100%-label宽)，现代项目优先用Flex或Grid。
-
本文详解如何通过HTML表单动态向Node.js后端提交自定义消息内容，并触发WebPush通知，避免硬编码、服务worker重注册等问题，实现灵活、可复用的推送系统。本文详解如何通过HTML表单动态向Node.js后端提交自定义消息内容，并触发WebPush通知，避免硬编码、服务worker重注册等问题，实现灵活、可复用的推送系统。要真正掌握WebPush的实用性，关键在于解耦通知内容与服务端逻辑——即不再将消息
-
若浏览器未返回地理坐标，原因可能是用户拒绝权限、浏览器不支持或页面未通过HTTPS加载；需依次检查协议安全性、API可用性、权限请求时机、错误处理逻辑、定位选项配置及位置变化监听机制。
