-
该用:disabled伪类而非disabled属性本身来精准控制禁用态视觉样式。它仅匹配原生可禁用元素（如button、input等）且带disabled属性时的状态，优先级高、响应动态变更，但对div或自定义组件无效。
-
1、使用LiveServer扩展可启动本地服务器并实时刷新页面；2、直接在文件系统中右键用浏览器打开HTML文件适合快速预览；3、通过配置tasks.json任务调用浏览器命令提升效率；4、安装CodeRunner扩展实现一键运行，支持自定义浏览器路径。
-
单页面应用（SPA）路由通过HistoryAPI或Hash模式实现无刷新视图切换，核心是监听URL变化并动态渲染；需服务端配合History模式兜底，手写路由可实现基础功能，但复杂场景应使用成熟路由库。
-
可通过CSStransform的scaleX(-1)和scaleY(-1)实现图片水平或垂直翻转，结合transform-origin可调整翻转基点，配合rotate与CSS变量可实现斜向翻转及动态控制，需注意兼容性与渲染优化。
-
本文详解JavaScript表单登录功能失效的核心问题：错误监听submit按钮点击事件而非表单提交事件，导致事件绑定失效、邮箱字段无法正确读取，并提供完整可运行的修复代码及关键注意事项。
-
IndexedDB是HTML5的浏览器端NoSQL数据库，用于存储大量结构化数据。通过open创建或打开数据库，在onupgradeneeded中定义对象仓库和索引；使用readwrite事务添加、更新、删除数据，readonly事务读取或遍历数据；支持主键操作与索引查询，适合离线应用持久化存储，实际开发可结合localForage等库简化API操作。
-
使用语义化标签构建HTML表单可提升可读性、可访问性与SEO，应合理采用form、fieldset、legend、label等元素组织结构，确保输入项清晰关联，增强屏幕阅读器支持并优化用户体验。
-
style标签天然具有页面级作用域，仅影响当前HTML文件，无需scoped等额外属性；其优先级与外部CSS相同，取决于选择器特异性和声明顺序。
-
WebSocket在JavaScript中通过WebSocketAPI实现实时双向通信。1)创建连接：使用newWebSocket(url)创建连接。2)事件处理：通过onopen、onmessage、onclose、onerror事件处理连接生命周期。3)错误处理：实现重连机制确保稳定性。4)消息格式：选择合适格式如JSON提高数据处理效率。5)安全性：使用WSS协议确保数据传输安全。6)性能优化：数据压缩、心跳机制和批量发送可提升性能。
-
Spread语法可合并数组但有局限：仅浅拷贝、不支持类数组直接展开、大数组内存开销大；concat()更兼容且性能优；超大数组宜用循环push；去重或深度合并需额外逻辑。
-
JavaScript代码覆盖率衡量的是测试执行时源码中被实际运行的语句、分支、函数和行，而非测试数量；它不保证质量，但能暴露未触达的逻辑盲区如else分支、catch块等。
-
在Ionic+Angular+Capacitor项目中，对@capacitor/status-bar插件进行单元测试时，因Web环境下插件未实现而报错，可通过路径别名+全局mock方式精准模拟StatusBarAPI，使StatusBar.setStyle()等调用可被spyOn和断言。
-
可使用语义化<hr>标签或CSSborder属性实现视觉分隔：一、<hr>用于段落章节分隔；二、border-bottom为块级元素加底部分割线；三、border-left/right实现垂直分隔；四、伪元素::after/::before绘制自定义分割线。
-
使用CSS的:user-invalid伪类可设置用户输入无效时的样式，它在用户交互后才生效，避免页面加载时就显示错误，提升用户体验。与:invalid相比，:user-invalid更温和，仅在用户操作且输入无效时触发，适合大多数表单验证场景。配合:valid、:required等伪类，可构建直观、友好的表单反馈系统。
-
:not()伪类在CSS中用于排除特定元素，其语法为选择器:not(要排除的选择器)。例如，div:not(.special)选中除class="special"外的所有div；li:not(:first-child)选中除第一个外的所有列表项；button:not(:disabled)选中除禁用状态外的所有按钮。:not()支持排除多个元素的方式取决于CSS版本：CSS3中需链式写法如div:not(.class1):not(.class2)，而CSS4允许直接传入列表如div:not(.class1,
