-
letter-spacing在Grid容器中不生效，主因是子元素为inline/inline-block且被justify-items/align-items拉伸导致行内盒重排逻辑弱化；需改用display:block或inline-flex，避免text-align:justify冲突，并注意font-variant-east-asian和自定义属性精准控制。
-
transition-property用于指定触发过渡的CSS属性，应避免默认的all以提升性能。合理搭配如transition-property:transform,opacity可精准控制动画，减少意外过渡与资源消耗。结合transition-duration和timing-function使用简写时，需显式声明属性名以防误用all，确保动画流畅且高效。
-
play()不提供播放进度，需通过currentTime属性获取；必须等待canplay等事件后再读取或设置，推荐用timeupdate事件监听而非setInterval；设置失败多因媒体未就绪或策略限制。
-
IndexedDB适合离线应用因支持大容量、异步操作与索引查询，相比localStorage更高效。通过open创建数据库，在onupgradeneeded中建对象仓库和索引，用transaction进行增删改查，需注意事务生命周期与版本控制，建议封装或使用idb库提升开发效率。
-
生成器函数的核心区别在于使用yield实现可暂停、可恢复的执行，返回生成器对象而非直接返回结果，支持惰性求值和内存高效的数据处理。
-
Reflect是ES6引入的内置对象，提供统一的API来操作对象，其方法与Proxy对应，用于实现元编程。通过Reflect.get、set等方法可安全执行默认行为，结合Proxy能实现属性拦截、数据验证和响应式系统。例如在get/set中使用Reflect保持this绑定，确保操作正确性。它返回布尔值便于判断，常用于日志记录、数据校验和依赖追踪场景。使用时应在Proxytrap中优先调用Reflect保留原逻辑，并注意避免过度使用影响性能。
-
border-collapse应设为collapse以实现边框合并，separate则保持独立边框并受border-spacing影响；collapse适用于网格化数据表格，separate适合需留白的设计场景，但需注意边框统一性与浏览器兼容性差异。
-
HTML5结构标签默认样式因浏览器而异，需用CSS显式声明display:block及重置盒模型；IE8–9须引入html5shiv并配合条件注释才能识别这些标签。
-
本文详解如何将纯CSS悬停式垂直布局升级为JavaScript驱动的可点击手风琴组件，支持单击展开、自动收起其他项，并提供现代、简洁、可维护的代码实现。
-
使用visibility与animation结合可实现元素淡入淡出并保留布局空间，关键是在opacity为0后再设置visibility:hidden，避免动画失效或显示异常。
-
iPadSafari播放HTML5直播不稳的根本原因是Safari媒体策略与iOS硬件解码限制叠加，需从HLS协议、内联播放、用户手势触发、preload策略及低电量模式五方面协同优化。
-
剩余参数（...）允许函数接收不定数量实参并自动封装为真数组，必须位于形参末位，可与普通参数共存，替代了arguments类数组对象，支持直接调用数组方法且兼容箭头函数。
-
移动端网页文字和控件过小，通常是因为缺少viewport元标签，导致浏览器默认以桌面宽度渲染页面并缩放显示；只需在<head>中添加<metaname="viewport"content="width=device-width,initial-scale=1.0">即可强制浏览器按设备真实宽度渲染，消除非预期缩放。
-
模块联邦是Webpack5实现微前端的核心技术，允许应用在运行时动态共享模块。通过expose暴露组件、remotes引入远程模块，并借助shared优化依赖，实现跨应用代码复用与独立部署，适用于多团队协作、系统迁移和插件化架构场景。
-
使用div、iframe、table和fieldset标签可实现网页内容分区与布局：首先通过div结合CSS设置宽高边框及flex或grid布局控制区块；其次利用iframe嵌入外部页面并设宽高和无边框，配合响应式样式；再用table定义行与单元格展示数据，通过CSS设置边框合并与单元格样式；最后使用fieldset包裹表单元素，legend作为标题，并用CSS优化边框与内边距效果。
