-
应使用window.getSelection()与Range对象手动构建全选，因document.execCommand("selectAll")已废弃；需创建Range、selectNodeContents目标元素、清空并添加选区；支持限定范围、Ctrl+A快捷键及user-select禁用时的样式临时调整。
-
最稳妥方案是CSS强制隐藏加JS动态移除：用!important覆盖display/position/pointer-events，再通过DOMContentLoaded移除节点；iframe广告需服务器拦截或隐藏容器；移动端须同步适配媒体查询。
-
HTML中显示多个空格需用 实体或CSS控制： 防合并换行，但模板中易被二次转义；CSS用white-space、text-indent或padding/margin更可靠，辅以 、 等字符适配排版需求。
-
rgba()hover无效果主因是未设初始背景色且CSS不支持alpha单独过渡，须用同类型rgba值配合transition实现柔和变化。
-
Symbol.iterator是对象可被for...of遍历的必要条件，其返回值必须是含next()方法的迭代器，且next()每次调用须返回{value,done}；常见错误包括缺失done、this未实现next、箭头函数导致this绑定失效；Range类需确保[Symbol.iterator]是普通函数、每次返回新迭代器、done为true后仍稳定返回{done:true}。
-
静态方法用static关键字定义，属类本身，不可访问this和实例属性；如Utils.formatDate()；误用会导致内存浪费或undefined错误；静态方法间调用用类名或this.constructor。
-
应使用<meter>表示已知范围内的静态测量值（如CPU使用率65%），而<progress>用于动态任务进度（如上传完成73%）；<meter>必须显式设置value、min和max以确保语义正确与无障碍支持。
-
使用flex布局可实现固定与弹性宽度混合布局。设置display:flex后，固定宽元素用width加flex:00auto，弹性元素用flex:1，即可让主内容自动填充剩余空间，适用于侧边栏固定、内容自适应的常见页面结构。
-
iframe的优缺点及使用注意事项如下：1.优点包括内容隔离与嵌入便利、安全性隔离（相对）、简化开发、兼容性好；2.缺点主要有性能开销大、SEO问题严重、存在安全隐患、响应式布局难、影响用户体验；3.使用时需注意安全至上启用sandbox属性、优化性能采用懒加载、设计响应式布局、注重可访问性、核心内容避免使用iframe。合理利用iframe仍适用于第三方小部件、广告投放、沙盒环境和历史遗留系统，但应优先考虑API调用、WebComponents等替代方案以提升性能与SEO效果。
-
本文介绍在Safari和MicrosoftEdge阅读模式下适配UI的可靠方法，重点推荐语义化HTML与ARIA角色的原生支持方案，并补充JavaScript检测与CSS回退策略，兼顾兼容性与未来稳定性。
-
JavaScript错误类型主要有SyntaxError、ReferenceError、TypeError、RangeError、URIError和EvalError（已废弃）；其中ReferenceError和TypeError最常见，SyntaxError无法用try...catch捕获。
-
IE9–IE11原生不识别HTML5语义标签，需用html5shiv通过document.createElement注册标签并配合CSS显式设display:block；IE8及以下会忽略标签仅保留文本；IE10+虽支持标签但Flex/Grid兼容性差，须加前缀或降级处理。
-
可通过内联style、内部CSS、CSS类名、根字体尺寸调整及行高字重组合五种方式调整HTML标题大小，分别适用于单个控制、统一设置、灵活复用、全局缩放和视觉增强场景。
-
CSS背景渐变不平滑的主因是色标设置不合理、角度单一及缺乏过渡层次；应合理分布色标、选用非整数斜向角度（如137deg）、引入HSL色彩或透明度优化，提升视觉平滑度。
-
transition适用于一次性交互状态变化，需明确起止样式；animation适合循环或复杂时序，支持关键帧与播放控制；二者可协同但同属性不叠加，性能上transition在transform/opacity更优。
