-
ChromeWebPush失败主因是环境不满足硬性条件：必须HTTPS（localhost除外）+用户授权+ServiceWorker正确注册激活；常见问题包括协议非安全、SW文件响应异常、scope错误、隐私模式屏蔽、pushManager未就绪、VAPID格式错误及FCM链路中断。
-
应使用<pre>标签原样显示代码、日志等含空格换行的文本，它保留空白符但不提供语义；需嵌套<code>表示代码语义，服务端须对用户输入做HTML编码防XSS。
-
复选框未选中时无法直接对input添加::before伪元素，需用label包裹并隐藏原生控件，再通过input:not(:checked)+span::before控制自定义图标显示。
-
rgba()仅控制背景色透明度，不改变层叠顺序；需确保元素有宽高、正确定位、z-index高于被遮盖内容，并注意IE兼容性及伪元素用法。
-
Reflect提供统一的API实现JavaScript反射操作，支持与Proxy配合进行元编程，其方法如get、set等返回布尔值，增强操作可控性与一致性。
-
使用Vue.js开发知识问答系统的实战技巧包括：1)利用组件系统构建问答界面，2)使用v-model实现双向数据绑定，3)通过Vuex管理大量问题和答案，4)应用keep-alive和v-if/v-show优化性能。这些技巧结合Vue.js的轻量级和渐进式特性，使得开发过程高效且易于维护。
-
简化@keyframes能缓解低端设备掉帧，因其减少每帧计算与合成负担，避开触发重排/重绘的属性（如width、box-shadow），仅用transform和opacity等硬件加速属性，并配合will-change或translateZ(0)启用GPU加速。
-
JavaScript单页应用（SPA）仅用一个HTML页面，通过JavaScript动态更新内容，实现局部刷新；传统网页每次跳转都请求新HTML并整页重载。
-
优先考虑WebSocket的场景是需要低延迟、高频率双向通信的应用，如在线聊天、多人协作文档编辑、实时游戏等；其全双工特性支持客户端与服务器持续交互，适合对实时性要求高的复杂交互场景。
-
JavaScript代码覆盖率反映测试中已执行代码的比例，包括语句、函数、分支和行覆盖率。常用工具如Istanbul（nyc）、Jest和Karma可生成报告，其中Jest通过配置collectCoverage和coverageReporters生成HTML可视化结果。解读时应关注未覆盖的分支、错误处理及部分执行的函数，针对性补充边界条件、异常值和mock调用的测试。在CI中设置coverageThreshold阈值，如statements80%、branches70%，确保最低标准，防止退化。结合PR展
-
flex容器需设明确高度（如min-height:100vh）才能使align-items:stretch生效；align-items是容器属性，子元素设置无效；子项须为标准flex子项，禁用float/inline-block；内容区嵌套flex时需加min-height:0防坍缩。
-
fr是剩余空间的份数，先扣除固定尺寸再按比例分配；与固定单位并存时后者优先占位；需配合minmax()、媒体查询等实现响应式和兼容性。
-
响应式设计需将@media与语义化类选择器结合，按组件拆分断点样式，避免依赖DOM结构、伪类或属性选择器；断点值应基于实测设备宽度，交互态需适配触控场景。
-
D3.js适合高度定制化可视化，需较多编码；ECharts开箱即用，配置简单，适合快速开发标准图表。
-
Sass与CSSModules结合可提升样式可维护性，通过.module.scss文件实现局部作用域，利用变量、混合等特性增强样式组织，配合Webpack配置实现模块化构建，推荐组件级样式优先使用模块化、统一设计token管理，避免全局污染。
