-
现代DOM操作首选querySelector系列，支持CSS选择器语法，querySelector返回首个匹配元素，querySelectorAll返回静态NodeList；操作class用classListAPI更安全可靠；事件绑定用addEventListener并善用事件委托；修改内容优先用textContent防XSS，data属性用dataset访问。
-
表单action不等于跳转，实际跳转由服务器响应决定：200返回HTML则渲染，302+Location才重定向；前端需preventDefault()后用fetch+location跳转，或后端用303重定向。
-
HTML5拖拽上传需前端JavaScript加密（如WebCryptoAPI的AES-GCM），密钥须动态派生或安全下发，加密在ArrayBuffer读取后、上传前完成；服务端严格解密验证，全程强制HTTPS。
-
details标签支持内联样式和事件绑定，但原生行为会干扰：onclick触发两次、display/float导致失效；禁用切换需JS拦截toggle事件或pointer-events:none；不参与表单提交，兼容性方面IE全系不支持。
-
fixedinset-0是模态框定位的起点，因fixed实现视口绝对定位、inset-0等效于top/right/bottom/left:0贴合浏览器四边，确保全屏覆盖且不随滚动偏移。
-
padStart在字符串开头填充字符以达到目标长度，常用于格式化数字或时间，如'5'.padStart(2,'0')返回'05'。
-
用dataset存状态比class更可靠，IntersectionObserver替代scroll监听，getBoundingClientRect需校正缩放与iframe偏移，React/Vue中key要稳定、ref要延迟读取，状态更新需分数据层、视图层、时机钩子三层协同。
-
富文本处理需前后端双重净化、表单同步、UTF-8全链路编码及粘贴内容过滤。前端用DOMPurify.sanitize()，后端用sanitize-html/bleach/HTMLPurifier；手动同步编辑器内容至textarea；设accept-charset="UTF-8"及utf8mb4数据库；粘贴时启用纯文本模式或净化后再插入。
-
Promise是一个代表异步操作最终完成或失败的状态容器，初始为pending，后不可逆地变为fulfilled或rejected，需用.then()/.catch()响应；它非语法糖也非同步工具，newPromise仅声明异步逻辑，执行依赖executor中的resolve/reject；链式调用中每个.then()返回新Promise，错误需显式捕获，async/await是其语法糖，本质仍基于微任务队列的状态流转。
-
CSS无if/else语句，条件样式靠@media、@supports和层叠优先级实现；@media响应视口宽度但不阻止下载，@supports检测特性支持以渐进增强，外部样式文件需用HTML的media属性或JS动态控制。
-
本文详解如何通过keydown事件（例如监听F1键）安全、高效地控制多步骤表单的字段集切换，重点解决事件重复绑定、逻辑耦合及动画性能问题，并提供基于CSS过渡与状态索引的现代化jQuery实现方案。
-
new操作符执行四步：创建空对象、绑定原型、执行构造函数、返回正确值；模拟需检查函数类型、用Object.create设置原型、call执行并判断返回值类型。
-
JavaScript隐式类型转换易出错，核心规则是ToPrimitive、ToNumber、ToString；应优先使用===、显式转换和类型校验来规避陷阱。
-
JavaScript压缩与混淆不改变运行逻辑但影响调试和错误定位；压缩仅减小体积且几乎不影响执行速度，混淆则可能降低性能并干扰API检测；应禁用高风险优化、生成SourceMap并进行端到端测试。
-
JavaScript中的静态函数是挂载在函数或类上的方法，无需实例化即可调用。通过函数属性或ES6的static关键字实现，用于工具函数、工厂模式等场景，如MathUtils.add或Validator.isEmail，区别于需实例调用的原型方法。
