-
TDZ是指块级作用域内从开始到let/const声明前的区域，期间访问变量抛出ReferenceError；因let/const仅声明提升而未初始化，故存在“已声明未初始化”间隙，需先声明后使用以避免错误。
-
clamp()是原生CSS函数，非JS函数或预处理器指令，语法为clamp(min,preferred,max)，按“取中间值”逻辑计算且纯CSS运行时求值。
-
JavaScript对象是键值对集合，键为字符串或Symbol，值任意；点号仅支持合法标识符静态键名，方括号支持动态、特殊字符、Symbol及数字键；安全读取嵌套属性用可选链（?.）或逻辑与判断；动态增删属性须用方括号，delete有不可配置属性陷阱，不可用赋undefined代替删除。
-
TV浏览器视频卡顿主因是解码能力、资源加载策略与系统限制叠加，非video标签错误；需moov前置、服务端支持Range、禁用autoplay、手动触发play()并真机调试。
-
本文介绍如何使用awaitimport()语法在单行中解构导入同一模块的多个命名导出函数，避免重复调用import()，提升代码简洁性与执行效率。
-
ES6模块是静态解析的，import/export必须在顶层作用域，支持Tree-shaking；CommonJS是运行时执行，require可动态加载但不支持Tree-shaking；两者默认导出机制不同，互操作需注意default包装；Node.js中需通过文件后缀或type字段区分模块类型。
-
需构建轻量级HTML编译器工具，含四方案：一、DOMParser实时解析；二、沙箱iframe隔离渲染；三、服务端代理解析；四、WebWorker离线预处理。
-
Bulma通过.columns和.column类封装Flexbox布局，实现响应式设计；使用.is-centered和.is-vcentered控制对齐，.buttons和.field.is-grouped用于按钮与表单布局，结合.is-mobile、.is-multiline等辅助类可灵活调整显示效果。
-
动画失效的首要原因是animation-name与@keyframes名称不匹配，哪怕一个空格、大小写或连字符错误（如slide-in与slide_in），浏览器均静默跳过且不报错。
-
RGB/HSL写CSS渐变更灵活可控：支持透明度（rgba/hsla）、直观调色（HSL明度/饱和度可调）、适配CSS变量与计算、兼容IE9+；Hex仅适用于静态单色场景。
-
Map适合存任意类型键的键值对，Set用于高效去重和存在性检查；二者语义明确，不可与Object/Array混用，否则导致逻辑脆弱、性能下降或行为异常。
-
grid-auto-rows和grid-auto-columns用于控制网格中自动创建的行高和列宽。当子元素超出显式定义的行列时，浏览器会生成隐式轨道，其尺寸由这两个属性决定。默认值为auto，可设为固定值、fr单位或min-content等关键字。grid-auto-rows影响自动行的高度，常用于卡片列表；grid-auto-columns控制自动列的宽度，适用于横向滚动布局。显式轨道优先于隐式规则，结合fr与minmax可实现响应式设计。例如设置grid-auto-rows:120px;grid-a
-
:invalid伪类失效主因是验证属性缺失或未触发校验；需设置required/pattern，配合用户交互或JavaScript强制校验，并用:invalid:not(:placeholder-shown)精准控制样式。
-
面包屑导航通过语义化HTML和Schema.org结构化数据提升用户体验与SEO；2.使用<nav>、<ol>结合Microdata或JSON-LD标记明确层级；3.最后一项不应为链接，但需在结构化数据中包含自身URL；4.避免将面包屑作为主导航、忽略无障碍性或路径不一致；5.推荐使用JSON-LD实现动态生成、响应式设计并保持全站一致性，以优化SEO和用户导航体验。
-
使用box-sizing:border-box可解决CSS元素尺寸计算问题，使width和height包含padding和border，实现所设即所得；默认的content-box模型则仅将宽高应用于内容区域，导致总尺寸超出预期；通过全局设置,::before,*::after{box-sizing:border-box;}可统一所有元素的盒模型，提升布局可控性、简化响应式设计，适配Flexbox与Grid更顺畅，是现代CSS布局的最佳实践之一。
