-
ServiceWorker是运行在浏览器后台的独立脚本，可拦截请求、缓存资源、实现离线访问和消息推送，是PWA的核心；需HTTPS（localhost除外）、同源注册、无DOM访问权限，通过postMessage与页面通信。
-
优酷当前所有公开视频页均使用自研JS播放器+私有HLS/DRM协议，不使用video标签、不暴露MediaSourceAPI，因此根本不存在“关闭HTML5播放器”的选项；所谓HTML5只是用户误判，实际为canvas+webworker模拟播放。
-
清理冗余CSS需结合工具与规范，先用ChromeCoverage、PurgeCSS等工具检测并删除未使用样式，再通过BEM命名、CSS预处理器、模块化架构从源头预防，最终实现样式表精简高效。
-
HTML5需用canvas手动加水印：先drawImage绘制原图，再fillText叠加文字或createPattern贴图；注意图片加载、跨域、dpr适配及toDataURL导出细节。
-
答案：通过预处理器、PostCSS插件、关键CSS内联与自动化构建流程，优化Meteor应用的CSS加载。具体包括使用Sass/Less提升代码复用性，利用Autoprefixer、cssnano和PurgeCSS深度优化并移除未使用样式，内联关键CSS以加速首屏渲染，异步加载非关键CSS，并通过构建脚本或CI/CD自动化整个流程，从而精简文件大小、减少渲染阻塞、提升用户体验。
-
本文讲解如何使用jQuery精准定位并操作iframe文档中首个<img>标签，避免影响其他图片，适用于无法修改源HTML但需前端动态干预的场景。
-
变量提升是JavaScript引擎将var声明（仅声明，不包括赋值）提升至当前作用域顶部的行为，而let和const虽被声明记录但不初始化，其声明前访问会触发ReferenceError，该区域称为暂时性死区（TDZ）。
-
本文介绍在CSS无法直接通过属性值（如id）跨元素关联的情况下，利用:has()伪类实现条件样式控制，并补充兼容性不足时的轻量级JavaScript方案。
-
使用position:sticky可轻松实现导航栏滚动固定，只需设置top:0和z-index，并确保父容器无overflow或transform限制，兼容现代浏览器。
-
根本原因是浮动元素脱离文档流且vertical-align对其无效；应改用flex布局，设父容器display:flex、justify-content:space-between和align-items:center等实现可靠垂直对齐。
-
play命令本身不支持TTS，仅能播放已有音频文件；实现文字转语音需先用espeak-ng等TTS引擎生成音频流，再通过pipe传给play播放，参数必须严格匹配格式。
-
统一按钮大小需绕过Bootstrap默认行为：btn-sm/btn-lg仅相对缩放，受主题类、边框、字体渲染等影响导致尺寸不一致；推荐自定义固定尺寸类（如btn-fixed-md）并用!important锁死属性，或通过Sass变量覆盖重编译。
-
本文介绍如何在w2uiGrid中基于业务逻辑动态禁用部分行的选择能力，同时保留其他行的正常多选功能，核心是利用onSelect事件结合event.preventDefault()精准拦截非法选择。
-
浏览器默认样式通过useragentstylesheet影响按钮等元素，需用normalize.css或精准重置box-sizing、border、font等属性；@import会阻塞加载，应优先用<link>；!important受源顺序影响且不敌内联样式；CSS变量仅继承不跨ShadowDOM，响应式应在:root中配合媒体查询定义。
-
浮动（float）用于元素左右排列，实现图文环绕和多列布局，但会导致父容器高度塌陷，需通过clear、overflow或伪元素清除浮动；虽可构建两栏或三列布局，但响应式差、维护难，现代开发推荐使用Flexbox和Grid替代。
