-
CSS属性选择器可精准匹配input类型实现差异化样式，如[type="text"]、[type="password"]等，并支持与伪类组合增强交互，同时需注意大小写匹配和现代输入类型的浏览器兼容性处理。
-
本文详解如何使用JavaScript将用户在主表单中填写的多个字段（如姓名、邮箱、电话、消息）自动聚合并注入隐藏的Formspree表单，实现合规提交——关键在于正确绑定DOM元素、拼接换行文本、避免表单嵌套与可见性干扰。
-
setTimeout仅执行一次，需用clearTimeout清除；setInterval用于重复执行但精度低，应配合clearInterval清理；传参勿加括号，避免立即执行。
-
使用第三方编辑器如VSCode或Notepad++可实现HTML语法高亮，Notepad++通过“语言”菜单选择HTML模式，VSCode可通过安装扩展增强着色功能。
-
CSS动画无法直接控制某一段快慢，需通过拆分动画段、cubic-bezier()自定义曲线、steps()逐帧控制或JavaScript手动时间映射实现局部变速。
-
HTMLMediaElement.play()是原生方法，不存在html5play函数；分段播放需手动控制currentTime、pause()、play()及timeupdate事件，用区间判断替代精确时间点以避免失效。
-
JavaScript时间复杂度衡量执行时间随输入规模的增长趋势，核心是识别最频繁操作并用大O记号表示；单层循环通常O(n)，双重嵌套常O(n²)，但双指针等优化结构仍可保持O(n)。
-
<p>应使用IntersectionObserver或scrollTop+clientHeight≥scrollHeight-threshold（阈值10~50px）判断触底，配合节流与isLoading/noMore状态守卫防重复请求，并在父组件用concat更新列表、$nextTick后滚动到底部。</p>
-
:not()仅作用于当前选择器匹配的元素本身，不递归穿透后代，其内只能写简单选择器，多:not()连用为逻辑与，且权重等同于括号内选择器。
-
九宫格Flex布局关键在于小屏稳定撑满且不换行错位：需显式设flex-wrap:wrap、flex-direction:row，用flex-basis而非width控制格子尺寸，并配合gap或calc减间隙防错位。
-
要获取JavaScript对象所有原型链上的属性，需遍历原型链并收集每层的属性，同时避免污染和性能问题。1.使用Object.getPrototypeOf()沿原型链向上遍历，结合Object.getOwnPropertyNames()收集每个原型的属性，并用Set去重，最终转为数组返回；2.避免原型链污染的方法包括：不直接修改内置对象原型、使用Object.create(null)创建无原型对象、用Object.freeze()或Object.seal()锁定对象、对外部数据严格校验、以及通过Objec
-
必须在目标元素dragover事件中调用e.preventDefault()，否则drop不会触发；动态渲染需每次重新绑定；Safari需设dataTransfer.effectAllowed="move"；应传application/json结构化数据而非text/plain；避免dragstart中操作DOM；移动端需pointer事件fallback；嵌套列表需用closest判断落点并设子元素draggable="false"。
-
SharedWorker是浏览器中唯一支持多标签页、iframe和ServiceWorker共享同一上下文的API，适合作为本地资源访问的中央调度器，通过消息队列串行处理请求、配对响应、超时清理及共享状态广播来避免竞态与雪崩。
-
本文介绍一种基于动态导入（dynamicimport）的轻量级方案，使Deno应用能根据命令行参数（如denorunmain.tsconfig1）实时加载对应配置模块，避免静态导入限制，同时保障代码模块化与可维护性。
-
删<metaname="viewport">不能禁用Bootstrap响应式，反而导致移动端显示异常；真正禁用需停用其媒体查询，如使用非响应式构建版、设$enable-responsive为false或仅引入bootstrap-grid.css。
