-
代码分割解决单页应用首屏加载体积过大问题，通过按需加载路由、组件、功能模块等，避免用户下载未使用代码。
-
FlutterWeb不支持直接写HTML语句嵌套，仅可通过HtmlElementView在DOM层级混合原生HTML元素；需预定义容器ID、手动管理尺寸与z-index、避免滚动/动画widget包裹，并通过JS-Dart桥接通信，且应优先选用纯Dart方案。
-
闭包是函数记住其定义时作用域的机制，关键在变量绑定发生于定义而非执行时刻，支撑数据封装、模块化与异步状态管理。
-
使用absolute定位结合媒体查询实现响应式侧边栏：1.通过position:absolute使侧边栏脱离文档流，固定于屏幕左侧；2.利用mediaqueries在小屏下调整宽度或隐藏侧边栏，主内容自适应；3.配合transform和JS实现抽屉效果，优化移动端体验。
-
HTML5的video标签是网页嵌入视频的核心元素，它提供标准化方式播放媒体内容，而自定义播放控件则赋予开发者完全掌控外观与交互逻辑的能力。1.使用video标签最基础的方法是通过src属性指定视频源并添加controls属性以启用浏览器默认控件；2.为提升兼容性可使用source标签支持多种格式；3.常用属性包括autoplay、loop、muted和preload等；4.自定义控件需移除原生controls属性，并通过HTML、CSS和JavaScript构建界面与功能；5.构建步骤包括隐藏原生控件、
-
JavaScript正则表达式核心是/pattern/flags字面量或newRegExp()创建，常用预定义字符类（如\d、\w、\s）、邮箱手机号等格式校验、捕获组提取、replace动态替换，并强调实践调试。
-
flex-wrap不换行主因是父容器宽度不足或子项尺寸被锁死；gridauto-flow:dense不控制换行，换行由grid-template-columns与wrap配合实现；Flex换行属溢出补救，Grid换行属网格预分配。
-
a:visited伪类用于设置已访问链接的样式，主要可修改颜色相关属性以保护用户隐私，防止历史嗅探攻击，常与a:link、a:hover、a:active配合使用，按L-V-H-A顺序确保样式正确生效，通过细微颜色变化提升用户体验。
-
新闻列表页必须用<article>包裹每条新闻、<main>包裹整个列表区、<header>和<footer>分别管理顶部导航与底部版权；仅用<div>会导致语义缺失，损害SEO与屏幕阅读器体验。
-
Word显示HTML图片颜色不一致的根源是其强制使用sRGB且忽略ICC配置文件，解决方法是导出前统一转为sRGB色彩空间，并在目标设备实测验证。
-
yield用于暂停生成器函数并返回单个值，调用next()继续执行；yield*委托给其他生成器或可迭代对象，逐个产出其值。
-
使用<details>和<summary>标签可实现语义化、无障碍、无需JavaScript的HTML折叠摘要功能，支持默认展开、自定义样式与图标，并提升可访问性和SEO。
-
IndexedDB是浏览器内置的NoSQL数据库，用于JavaScript异步存储大量结构化数据。通过indexedDB.open()创建或打开数据库，并在onupgradeneeded中定义对象仓库。数据操作需通过事务进行：使用add()添加、get()读取、put()更新、delete()删除。支持离线存储与持久化，适合高性能Web应用，但API复杂，建议封装或使用Dexie.js等库简化开发。
-
渐变色按钮可通过线性/径向渐变、多重背景叠加、深色模式适配及高DPI优化实现；需结合background、border-radius、box-shadow、@media和image-rendering等CSS属性综合运用。
-
JavaScript中最常见内存泄漏场景是DOM元素移除后事件监听器或闭包仍持有引用；需及时清理addEventListener、定时器、全局变量及跨模块引用链。
