-
abbr标签的主要用途是为缩写词提供完整解释，通过title属性在鼠标悬停时显示，提升可访问性和语义化；2.它对屏幕阅读器用户尤为重要，能确保缩写词被正确朗读，避免理解障碍；3.相比已废弃的acronym标签，HTML5统一使用abbr标签表示所有缩写，简化语义结构；4.实际开发中应为abbr添加title属性，并用CSS添加下划线和帮助光标以提示交互；5.常见缩写如“Mr.”可不标注，但专业或不常见的缩写应使用abbr标签以增强清晰度和专业性；6.团队可维护缩写词列表以确保全站一致性和可访问性标准。使用
-
HTML5的nonce属性通过为内联脚本和样式提供一次性加密令牌，解决CSP中内联代码执行的安全问题。1.服务器端每次请求生成唯一、不可预测的随机字符串作为nonce值；2.将该nonce值同时添加到HTTP响应头Content-Security-Policy和对应HTML标签的nonce属性中；3.浏览器仅执行带有匹配nonce值的内联代码，防止攻击者注入恶意脚本。Nonce与'unsafe-inline'的本质区别在于：前者是基于请求的一次性许可，后者是全局放行所有内联代码，安全性远低于nonce。在
-
minmax()是控制Grid轨道高度的唯一可靠方案，因其在grid-template-rows中定义轨道最小/最大尺寸，兼顾内容自适应与容器约束，而fit-content()不适用于height方向且兼容性差。
-
使用Flexbox实现响应式菜单需设置flex-wrap:wrap，使菜单项在屏幕变窄时自动换行。1.HTML结构包含导航容器、logo和无序菜单列表；2.CSS中为.menu启用display:flex和flex-wrap:wrap，并通过flex:11120px控制最小宽度换行；3.在max-width:768px媒体查询中，设置flex-direction:column使菜单垂直堆叠；4.关键点包括合理使用gap间距、justify-content布局对齐及响应式断点控制，仅用CSS即可实现无需Ja
-
JavaScript打印功能核心是window.print()触发+@mediaprint样式控制+DOM预处理。需隐藏非内容元素、强制分页、避免截断，并注意图片路径、字体兼容及浏览器差异。
-
align-content:space-between用于多行弹性或网格容器中，使首行贴顶、末行贴底，中间行均匀分布；需设置容器高度和flex-wrap:wrap以生效，常用于响应式布局。
-
构建Electron跨平台应用需先初始化项目并安装Electron，配置启动脚本，编写主进程main.js管理窗口与生命周期，再通过index.html和renderer.js实现界面；使用electron-builder打包时配置build字段指定多平台目标，注意路径处理、图标格式及菜单适配，利用contextBridge安全通信，最终生成Windows、macOS、Linux可执行文件。
-
服务端验证是数据安全的核心，JavaScript输入检查仅用于提升用户体验。前端检查可实时反馈、减少无效提交，但易被绕过；后端必须独立验证所有输入，确保字段、类型、长度、格式合法，并防范攻击。两者协同工作，前端提升交互流畅性，后端保障数据安全与业务规则一致性，任何客户端数据都应视为不可信。
-
高阶函数是JavaScript处理行为抽象的核心机制，指接收或返回函数的函数；map/filter/reduce均属此类，支持不可变数据操作与链式调用。
-
JavaScript闭包在定时器中保持状态的核心机制是捕获并持久化其词法环境中的变量；2.当定时器回调函数作为闭包时，即使外部函数已执行完毕，它仍能访问定义时作用域内的变量；3.在循环中使用var声明变量会导致所有定时器共享同一个变量，最终输出相同值；4.通过IIFE创建闭包或使用let声明可为每次循环创建独立变量副本，从而解决该问题；5.let的块级作用域特性使每次迭代生成新的绑定，效果等同于闭包捕获；6.闭包的高级应用包括状态管理（如计数器）、延迟执行中的上下文保持以及节流防抖等性能优化技术；7.防抖
-
Flex的order属性可纯CSS重排视觉顺序，不影响DOM和可访问性；需注意主轴方向、默认order值、移动端优先策略及避免与display:contents混用，复杂场景推荐Grid的grid-template-areas。
-
box-shadow动画不动是因为关键帧未完整声明所有参数，必须每帧都写全h-offset、v-offset、blur-radius、spread-radius和color五部分，空位补0，否则浏览器无法插值。
-
HTML文件必须拆成多个页面，中大型项目若用单个index.html会导致路由刷新、状态丢失、SEO差、维护困难；纯静态多页应用（MPA）须按模块拆分并统一管理公共结构与资源路径。
-
JavaScript可直接在浏览器控制台运行，无需安装环境；写HTML文件嵌入script标签即可执行，但需注意DOM加载时机；仅当使用Node.js特有功能时才需安装Node.js；VSCode开箱即用，插件非必需。
-
@import在媒体查询内不生效是因为它必须位于样式表顶部，正确写法是将媒体条件直接附加在@import语句后，如@import"high-dpi.css"onlyscreenand(-webkit-min-device-pixel-ratio:2);
