-
Chrome下input[type="search"]清除按钮需四行CSS才能彻底隐藏：先重置-webkit-appearance:textfield，再分别禁用::-webkit-search-cancel-button、::-webkit-search-decoration和::-ms-clear伪元素，否则会出现残留、留白或错位。
-
Modernizr检测需DOM就绪后执行，localStorage和geolocation须try/catch及回调验证，canPlayType返回非布尔值，CSS支持应优先用CSS.supports()并缓存结果。
-
JavaScript深拷贝需创建完全独立的新对象以避免引用共享，常用方法包括：JSON.parse(JSON.stringify())（简洁但类型支持有限）、structuredClone()（现代标准，支持多数复杂类型）、递归手写（可控性强，可定制）、Lodash的_.cloneDeep()（生产环境稳妥选择）。
-
flex-shrink:0拦不住溢出是因为它仅阻止收缩计算，不约束内容原始宽度；需配合min-width:0解除隐式最小宽度限制，并确保父容器有明确width/max-width及overflow-x:auto。
-
理解事件循环对优化JavaScript性能至关重要，因为它决定了代码执行顺序和异步任务调度。1.JavaScript是单线程的，长时间任务会阻塞主线程，导致页面卡顿；2.事件循环通过协调主线程、WebAPIs与任务队列，实现非阻塞执行模型；3.微任务（如Promise回调）优先于宏任务（如setTimeout）执行，影响UI更新效率；4.合理组织异步代码（如使用async/await），可提升性能和用户体验；5.前端框架（如React、Vue）依赖事件循环实现高效渲染和状态管理。
-
Promise是一次性状态容器，仅含pending/fulfilled/rejected三种单向流转状态；.then是映射函数，返回值决定下一级输入；.catch不捕获未链式处理的错误；Promise.all全成功才返回，allSettled则收集所有结果。
-
JavaScript需要Proxy，是因为它提供了唯一原生、细粒度、可编程的方式拦截和自定义对象基本操作；而Object.defineProperty仅能静态劫持已存在属性，无法捕获新增/删除属性、in操作、数组索引访问等。
-
最稳妥的做法是使用<spanrole="note"aria-label="该素材授权类型：可商用">✅可商用</span>，配合语义化文本、ARIA属性和适配暗色模式的CSS样式，确保人机皆可读、合规且无障碍。
-
关键不是压低CSS体积，而是减少浏览器“找元素”耗时；后代选择器（如tabletrtd.cell-value）从右向左匹配，数据量大时回溯深、耗时非线性增长，2000行表格中stylerecalc可高达8–12ms，改用平级类名可降至0.3ms。
-
本文讲解如何正确使用AngularMaterial的MatExpansionPanel组件实现展开/折叠状态的响应式控制，重点解决仅用单向绑定[expanded]无法动态更新面板状态的问题，并说明为何必须改用双向绑定[(expanded)]。
-
Canvas文字不显示主因是fillStyle或font未设置；fillText和strokeText需手动配齐样式，y为基线位置，textBaseline默认alphabetic易致裁剪，中文字体须显式声明，WebFont需等待加载完成。
-
最可靠的方式是直接在回调外保存requestAnimationFrame返回的ID。ID是取消动画的唯一凭证，需显式存储以支持暂停、恢复等帧控操作；多个动画须各自持有独立ID，避免误杀；推荐用变量显式管理，闭包仅在多实例隔离时必要。
-
Flex布局结合transition可实现流畅UI动画，通过justify-content、align-items与transition协同控制对齐与动效，如hover时居中滑动或卡片伸缩，需注意属性可动画化、浏览器支持及使用will-change优化性能。
-
HTML原生不支持onclack等自定义事件属性，必须用CustomEvent创建、dispatchEvent触发、addEventListener监听；detail字段传结构化数据，bubbles和cancelable控制冒泡与取消；事件名须全小写连字符。
-
<p>计算属性不能直接传参，因其依赖响应式缓存机制；可通过返回函数利用闭包捕获最新响应式数据，实现带参调用，如computed(()=>(x)=>x*count.value)，注意避免修改源数据和闭包变量共享问题。</p>
