-
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
-
答案：通过word-wrap和flex布局解决浮动容器内长文本换行问题。使用word-wrap:break-word可强制长字符串换行，避免溢出；采用flex布局替代传统float能提升文本换行的自然性与布局灵活性；若需兼容旧代码，可在外层保留float，内层用flex结合overflow:hidden优化显示效果。关键在于控制宽度并明确断行规则。
-
图像贴底需确保父容器有定位上下文或使用现代布局：用position:absolute+bottom:0时父容器须设position:relative；vertical-align:bottom无效；推荐Flexbox（margin-top:auto）或Grid（align-self:end）。
-
Proxy与Reflect必须协同工作，因Reflect提供带receiver的标准操作以正确处理访问器、原型链和私有字段；Object.defineProperty无法监听动态属性或数组索引，而Proxy可拦截13种操作；Reflect方法返回布尔值而非抛错，更利于防御性编程。
-
addEventListener()是首选，因其支持多次绑定、捕获/冒泡控制、可移除；需传同一函数引用才能清除，匿名函数无法移除；passive:true提升滚动性能；事件委托通过父节点监听+event.target匹配实现，避免重复绑定；须重视监听器生命周期管理以防内存泄漏。
-
跨系统插入HTML图片到Word出现乱码，根本原因不是图片本身，而是HTML中的中文路径、的URL编码或Base64数据未被Word正确解析——尤其在macOS/Linux生成的HTML传到WindowsWord或反之。直接拖拽、复制粘贴HTML片段时，Word往往忽略原始编码声明，强行按本地默认编码（如GBK或UTF-16LE）读取，导致路径里的中文变成????或插入失败。确认HTML源文件实际编码与meta声明是否一致很多乱码源于「
-
答案：通过@keyframes定义旋转动画并结合transform属性，可创建流畅的CSS圆形加载动画。首先构建一个div元素作为spinner，利用@keyframes设置0%到100%的rotate变化实现360度旋转；接着将动画绑定至.spinner类，设定1秒线性无限循环，配合border差异色形成视觉焦点，border-radius确保为正圆；使用transform而非传统属性提升性能，因支持硬件加速；还可扩展pulse-spin动画加入scale变化实现缩放旋转效果。关键在于合理配置动画帧与合
-
伪元素配合content可为元素添加装饰性内容而不修改HTML。1.用content插入文本，如为外部链接添加“（外部链接）”提示；2.结合Unicode字符添加图标，如用“✓”标记完成任务；3.使用attr()函数引用属性值生成动态内容，如显示图片title；4.配合图标字体如FontAwesome插入专用图标字符。合理使用能减少DOM冗余、提升维护性，但应避免插入过多语义内容以保障可访问性与SEO。
-
localStorage和sessionStorage的核心区别在于生命周期和作用域：前者持久保存、同源共享，后者仅限当前标签页、关闭即清空；二者均只支持字符串存储，存对象需JSON序列化，读取需反序列化。
-
ServiceWorker的核心能力是拦截并重写fetch请求，需显式监听且仅对HTTPS生效；其缓存策略、生命周期管理及业务语义适配需手动设计，无开箱即用的“银弹”。
-
本文详解如何通过调用天气API获取实时温度数据，并基于温度值自动切换网页背景颜色，涵盖异步请求、数据解析、条件判断与DOM操作全流程。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
答案：JavaScript中通过Proxy拦截get和set实现深层数据监听，结合递归代理嵌套对象、WeakMap缓存优化，可自动追踪属性变化并触发更新。示例中createReactive函数利用Proxy捕获读写操作，访问时递归代理子对象，修改时执行回调；支持动态属性与数组方法监听，避免重复代理提升性能，适用于响应式系统构建。
-
手机Word无法显示HTML图片的根本原因是img标签src属性使用了相对路径、本地文件路径或非HTTPS远程链接，必须使用绝对、可公开访问的HTTPSURL，且需确保服务器返回正确的Content-Type和HTTP状态码。
-
this的指向在函数执行时确定，遵循“谁调用，this就指向谁”原则：全局环境中this指向window或global；普通函数调用时非严格模式下指向window，严格模式为undefined；对象方法调用时指向调用它的对象；构造函数中this指向新创建的实例；箭头函数无自身this，继承外层作用域；通过call、apply可立即指定this，bind可永久绑定this；事件处理中普通函数this指向绑定元素，箭头函数则继承外层。
