-
必须显式声明transition:transform.3sease，且transform需写成rotate(30deg)scale(1.5)复合值；搭配will-change:transform启用GPU加速，并用cubic-bezier(.25,.46,.45,.94)优化缓动。
-
position:fixed的footer会遮挡内容，因其脱离文档流不占空间；需为内容区域设置padding-bottom或采用Flexbox/Grid布局将footer推至底部且保持文档流内。
-
本文介绍在使用RxJS的combineLatest时，如何通过distinctUntilChanged过滤掉与上一次完全相同的数组发射值，实现“仅当任一源值变化时才触发订阅”，避免冗余处理。
-
at(-1)是获取数组末尾元素最直接安全的方式，空数组返回undefined不报错，语义清晰、性能O(1)，TypeScript类型推导准确，兼容性可通过可选链或polyfill降级。
-
HTML中图片下方空白间隙的真正原因是img默认为inline元素并按基线对齐，留出下降部空间；最有效修复是设置vertical-align:bottom等非baseline值。
-
纯CSS无法监听元素是否进入浏览器视口，因此无法在不借助JavaScript的前提下实现“滚动到元素时才开始播放动画”的效果。这是CSS的能力边界，需通过JavaScript（如IntersectionObserver）来实现。
-
新手学CSS应先掌握12个核心属性：display/position控制布局行为，box-sizing/width-height/padding-margin管理盒子模型，font-size/line-height/color/text-align处理文本呈现，background/border/outline/box-shadow负责视觉效果。
-
本文详解为何直接向数组推送Object.keys()后调用.sort()无法实现排序，揭示JavaScript数组嵌套与原地排序机制的关键差异，并提供简洁、高效、符合最佳实践的对象键名排序方案。
-
ShadowDOM是唯一浏览器原生支持的完全样式隔离机制，通过作用域边界确保内外样式互不干扰，而CSSModules等仅为构建时模拟，缺乏浏览器级保障。
-
粘性定位元素滚动时“消失”是因触发条件未满足或父容器干扰：需确保父容器有可滚动上下文、top值合理、无裁剪遮挡及兼容性问题。
-
HTML表格实现可展开树形行需用data-level和data-parent-id标记父子关系，子行初始hidden，点击父行时动态querySelectorAll匹配data-parent-id并切换显隐；CSS缩进用padding-left配合CSS变量，禁用transform缩进；tr不支持height过渡，改用td内边距或max-height动画。
-
生成器和迭代器基于统一协议实现惰性求值与数据遍历，通过next()方法返回{value,done}对象，生成器函数简化了迭代器创建过程，提升处理大数据序列的效率与代码可读性。
-
使用async/await和mock技术可有效测试异步代码和副作用。首先通过async测试函数或返回Promise确保等待异步完成，如：test('fetchesdata',async()=>{constdata=awaitfetchData();expect(data).toEqual({id:1});});接着用jest.mock或spyOn隔离外部依赖，例如模拟fetch实现：global.fetch=jest.fn(()=>Promise.resolve({json:()=>Pr
-
<link>放在<head>仍会闪屏，因CSS加载延迟（如@import嵌套、网络慢、动态插入）导致FOUC；需内联关键样式、异步加载非关键样式，并配置font-display:swap等优化字体加载。
-
用sed或awk可快速将纯文本转为无格式HTML：sed命令可添加html/body标签、将空行转<br>、非空行包<p>；需先清理Windows换行符；若含Markdown，推荐用Pythonmarkdown库并启用fenced_code和tables扩展，注意XSS防护与UTF-8编码处理。
