-
role="application"是交出控制权的声明而非增强交互的开关，它强制阅读器退出浏览模式、禁用默认键盘行为与状态播报，要求开发者手动实现焦点管理、键盘响应和动态状态同步。
-
要让网页支持语音识别，最直接的方式是使用浏览器提供的WebSpeechAPI。1.首先检查浏览器是否支持该API，可通过判断window中是否存在webkitSpeechRecognition或SpeechRecognition对象来确认，目前主流支持的浏览器为Chrome和Edge，Safari与Firefox支持有限；2.接着初始化语音识别对象，通过new创建实例并设置参数，如语言、是否连续识别及是否返回中间结果；3.然后监听关键事件，包括onresult获取识别结果、onerror捕获错误及onen
-
侧边栏导航本质是语义结构（nav/aside）与CSS布局（如Flex）的组合，nav适用于纯导航链接，aside适用于非导航补充内容；Flex布局中main设flex:1自适应，nav设固定宽；移动端应依优先级选择垂直堆叠或动画隐藏。
-
<slot>是WebComponents中实现内容分发的唯一标准机制，仅在启用ShadowDOM的自定义元素内有效，依赖attachShadow()、严格匹配的name与slot属性、运行时分发，不支持SSR且需监听slotchange事件获取节点。
-
理解CSS盒子模型是掌握网页布局的关键，它将每个HTML元素视为包含内容、内边距、边框和外边距的矩形盒子。1、width与height设置内容区尺寸，可使用像素或百分比，并配合max/min属性控制弹性；2、padding定义内容与边框间的内边距，支持四方向独立设置或简写形式，且背景会延伸至该区域；3、border围绕内容与内边距，可通过样式、颜色、宽度定义边界，支持单边或简写设置；4、margin设定盒子与其他元素的外部间距，影响布局位置，支持负值实现重叠效果；5、box-sizing控制宽高计算方式，
-
Vue3的深层监听通过Proxy懒递归代理实现：首次访问嵌套属性时，get拦截中检测值为对象/数组即调用reactive递归包装，逐层创建Proxy；基础类型和内置对象不代理，shallow系列API显式终止递归。
-
time标签的datetime属性必须严格符合ISO8601格式，如“2024-05-20T14:30:00+08:00”；省略时间可仅用日期“2024-05-20”，但“2024/05/20”等非法格式将导致语义丢失。
-
HTML项目必须分目录，否则三个月后难以维护；推荐结构为根目录放HTML、css/js/assets分设子目录，统一用根相对路径（/开头）引用资源，并启用本地服务器避免file://协议问题。
-
本文详解如何在jQuery中准确捕获Backspace（退格）和Delete（删除）按键事件，并结合输入框长度限制实现安全的数字输入控制，重点解决keypress无法触发的问题。
-
最可靠方案是用setInterval或递归setTimeout逐字符写入textContent；禁用innerHTML+=避免解析开销、XSS风险及光标跳动；递归setTimeout更适配交互控制。
-
Array.prototype.join()拼接字符串比反复+=更快，配合模板字符串预处理数据可提升性能、可读性与可维护性；应避免频繁DOM操作，一次性innerHTML插入，并做好XSS防护。
-
动态切换HTML5音频需先改src再调load()，否则不重载；建议pause()后操作，用canplaythrough事件判断可播，preload="none"节省资源；iOS/微信需用户手势触发首次播放。
-
HTML文件本身不适合长期缓存，应设no-cache或max-age=0,must-revalidate确保每次验证更新；静态资源则需配合内容哈希与immutable指令实现强缓存，CDN策略必须与源站响应头一致，否则易导致版本错配。
-
闭包实现异常自动回滚的核心是将全部数据变更操作封装在DB::transaction闭包内，确保异常穿透触发回滚；禁止闭包内try-catch拦截、前置校验须用throw_if/throw_unless中断，返回值天然代表事务成功结果。
-
单页应用路由本质是用history.pushState/replaceState改URL并操作历史栈，配合popstate监听导航，需服务端兜底返回index.html且前端主动匹配初始路径。
