-
子元素填满父容器需父容器设明确高度（如height:100vh）并启用display:flex，子元素设flex:1；height:100%在flex中常失效，应优先用flex分配而非百分比高度。
-
Canvas绘图完全依赖JavaScript控制，需先获取2d或webgl上下文并确认可用性，再通过ctx方法绘制图形、实现动画和响应交互。
-
HTML5AppCache已废弃，必须迁移到ServiceWorker；因其设计缺陷（缓存不可控、白屏陷阱等）且被Chrome94+、Firefox85+、Safari16.4+彻底移除，manifest文件无效，需通过register()注册sw.js并手动管理缓存策略。
-
inert属性是浏览器原生的语义化暂停机制，使元素及其子树完全脱离交互与可访问性树；需现代浏览器支持（Chrome111+、Firefox121+、Safari18.0+），JS设置须用element.inert=true，不可用setAttribute。
-
SharedArrayBuffer需跨域隔离环境启用，且仅限Worker中使用Atomics.wait/notify等操作；其内存共享需配合原子操作与显式通知机制，避免线程阻塞和内存泄漏。
-
XMLHttpRequest.upload.onprogress不触发的根本原因是监听对象错误，必须绑定到xhr.upload而非xhr本身，且需在open()后、send()前设置；若后端未返回Content-Length或被代理截断，e.lengthComputable将为false，导致无法计算进度。
-
可通过浏览器开发者工具的“网络”选项卡查看document请求的URL获取HTML路径；源码中href/src属性提供资源相对路径；console.log(document.location.href)输出绝对路径；响应头如X-Original-URI可揭示服务端路径；file://URL可转换为本地文件系统路径。
-
媒体查询中修改position未生效，主因是目标元素有!important定位或父容器overflow:hidden裁剪；需检查计算样式，用更具体选择器替代!important，慎用%单位，iOSfixed异常可降级为absolute或改用sticky，折叠屏适配需用spanning媒体特性。
-
群组选择器通过逗号分隔多个选择器并共享样式规则，如h1,p,div{color:red;}，可提升代码简洁性与可维护性，常用于统一标题字体、重置边距或设置链接颜色，使用时应保持格式清晰、避免过度组合。
-
JavaScript无法直接读写本地文件系统，只能通过FileAPI异步读取用户主动选择的文件；需结合<inputtype="file">获取File对象，再用FileReader的readAsText等方法读取内容，并监听onload事件获取结果。
-
本文详解如何在Paper.js中为任意SVG不规则路径实现真正矢量化的元球式连接效果：既避免SVG滤镜导致的栅格化，又确保导出为纯SVG后可在Figma、Illustrator等专业工具中无损编辑与缩放。
-
<p>用data-属性动态标记用户活跃状态，应存ISO时间戳（data-last-active）和标准化状态值（data-status），避免硬编码文字或误用title/alt；CSS可静态显示服务端生成的相对时间文案，JS则用Intl.RelativeTimeFormat安全更新。</p>
-
依赖注入通过外部传入依赖降低耦合，提升可测试性与可维护性。JavaScript中可通过构造函数注入、工厂函数或DI容器实现：构造函数注入将依赖作为参数传递，便于替换和测试；工厂函数集中管理对象创建，减少重复代码；DI容器自动解析依赖，进一步解耦。关键优势包括依赖清晰、易于测试、灵活替换实现和减少硬编码，有效提升代码质量。
-
CSS是HTML5页面实现精确样式控制与视觉效果的核心工具，具体包括：一、正确声明DOCTYPE并链接外部CSS；二、用语义化标签配合类选择器定制样式；三、运用CSS3新特性增强表现力；四、通过媒体查询实现响应式设计；五、重置CSS与控制盒模型避免布局偏差。
-
