-
预加载核心是通过link标签提前加载关键资源以提升性能。1.使用rel="preload"并配合as属性指定资源类型，如字体、脚本、样式等；2.正确设置as值避免重复请求；3.结合media属性按条件加载；4.避免滥用以防阻塞队列。精准预加载可显著优化首屏速度。
-
:required伪类仅匹配原生支持required属性的表单元素（input/select/textarea）且HTML中真实存在required属性；JS设置property、框架未透传、ShadowDOM隔离、Safari旧版bug或选择器错误均会导致失效。
-
HTML本身不能CDN加速，需将script/link/img等外部资源替换为CDN域名URL；通过浏览器Network面板检查RequestURL是否为CDN地址及响应头x-cache等字段验证是否命中CDN。
-
Canvas需显式设置width/height属性并配JavaScript才能绘图，CSS仅拉伸致模糊；必须用getContext('2d')获取上下文对象操作，且需DOM加载后执行，否则为空白或异常。
-
最有效解法是正确使用.clearfix类：必须包含content:"";display:table;clear:both，且加在直接包裹浮动子元素的父容器上；单独写clear:both在父元素上无效，因clear只影响自身位置，不解决父容器无法感知浮动子项的高度塌陷问题。
-
现代响应式布局应以flexbox+grid为核心，外层grid划分区域、内部flex流式排列，配合srcset、clamp、prefers-reduced-motion等原生特性实现真正可用的跨设备体验。
-
核心解决思路是控制子项自身对齐行为并限制内容溢出表现：设align-self:start/center防撑高，配合max-height:100%和overflow:auto实现安全滚动。
-
不能只靠[dir="rtl"]选择器，因为它仅匹配显式设置dir="rtl"的元素，无法捕获继承或浏览器自动推断RTL方向的元素；:dir(rtl)则基于实际文本流方向匹配，支持继承与自动推断，且在主流浏览器中已逐步支持。
-
<address>标签专用于声明页面或文章的责任人联系信息，如作者、维护者邮箱或官网链接；仅允许嵌套<a>、<em>、<br>等短语内容，作用域限于最近<article>或<body>顶层，不可用于普通地址或跨作用域混用。
-
动态发布编辑器的核心是让用户输入后立即以HTML形式追加并可交互；应使用createElement+textContent安全插入，避免innerHTML导致的DOM重置、性能下降、XSS风险及事件丢失。
-
Generator函数不支持方法简写语法，必须用function显式声明；对象或类中需通过完整函数表达式赋值，仅计算属性名（如[Symbol.iterator]）内可用简写。
-
不能用，HTML5已移除语义支持；现代浏览器为兼容性仍解析但不保证渲染一致，strict模式下可能被忽略或降级，W3C明确定义为obsolete。
-
移动端导航栏文字换行需同时设置white-space:nowrap防止单项内折行，及flex-wrap:wrap允许容器内菜单项自动换行，二者缺一不可；辅以min-width、gap和flex-shrink:0等细节优化体验。
-
Headers.has()是FetchAPI中用于同步、轻量判断HTTP头是否存在的方法，不区分大小写、不触发网络请求、不读取值，适合校验Authorization等敏感头部。
-
手动递归比JSON.stringify更高效：前者支持早停、无序列化开销、复杂度O(n)，后者需全量字符串化并扫描，内存与时间成本高。
