-
<picture>本身不实现响应式，而是提供资源选择机制；必须嵌套带src的<img>作为兜底，<source>按顺序匹配且需同时满足media和type，sizes必须与srcset的w描述符配合使用，AVIF/WebPfallback应按格式支持度降序排列并确保<imgsrc>为通用格式。
-
JSON是轻量级文本交换格式，非JavaScript对象或类，仅含parse()和stringify()两个静态方法；parse()严格校验标准JSON语法，stringify()忽略函数/undefined/Symbol/循环引用，且fetch的.json()不可重复调用。
-
最稳妥编辑器是VSCode、Notepad++或SublimeText；script应放</body>前或加defer；刷新用Ctrl+F5清缓存；图片路径须按HTML文件位置写相对路径。
-
通知框class应采用BEM分层命名（如notify--success），避免语义耦合；定位需据场景选fixed或absolute，并规避transform干扰；颜色须满足可访问性对比度，深色模式单独定义；销毁时需清理transitionend监听器或用getComputedStyle+setTimeout兜底。
-
CustomElementsAPI允许开发者定义自定义HTML标签并赋予其行为与结构，通过customElements.define()注册，支持自主元素（如<my-button>）和基于原生元素扩展的内置元素（如<buttonis="fancy-button">），结合生命周期回调（connectedCallback、attributeChangedCallback等）实现组件逻辑控制，配合ShadowDOM可达成样式隔离，适用于构建高复用、轻量级、原生封装的
-
JavaScript数组操作核心在于按场景选用合适高阶函数：map用于生成新数组，forEach处理副作用，filter返回匹配项数组，find返回首个匹配项，reduce用于复杂累计逻辑，修改原数组需谨慎并明确标注。
-
能，但需设align-items:center并统一box-sizing:border-box，否则因基线对齐和padding/border计算差异仍会错位。
-
<p>异步生成器是处理分页数据流的理想选择，它通过asyncfunction*和yield实现按需加载。它返回异步迭代器，可在每次next()时等待异步操作，适合请求分页API。典型实现中，fetchPaginatedData从第一页开始循环请求，解析响应后逐项yield数据，无更多数据时终止。消费者使用forawait...of消费数据流，具有内存友好、代码简洁、可组合的优势。实际应用中建议加入try/catch错误处理、支持abortsignal中断、节流控制请求频率，并根据需要缓存页面，
-
块级元素设为display:block是传统文档流布局，子元素按标准流排列；而display:flex则开启弹性布局，子元素沿主轴排列，支持对齐、伸缩与精细控制，适用于导航栏、居中、等高布局等现代页面设计场景。
-
前端路由通过HistoryAPI实现无刷新更新视图，利用pushState和replaceState修改URL并监听popstate事件响应导航，结合路由映射与服务端fallback配置，确保页面正确渲染且URL美观。
-
浮动导致父容器高度塌陷，解决方法有：①clearfix伪元素清除（推荐）；②overflow:hidden触发BFC（有裁剪风险）；③flex/grid布局替代浮动；④避免空标签清除及浮动元素宽高缺失问题。
-
移动端优先需HTML核心信息前置+flexorder重排视觉顺序，禁用display:none避免影响可访问性与SEO，通过纯HTML结构验证、屏幕阅读器测试及Lighthouse审计确保实效。
-
iframesrc必须是完整URL，如http://localhost:8000/embed.html或https://example.com/widget；相对路径在本地打开易404，且受同源策略严格限制。
-
<circle>元素绘制圆必须设置cx、cy、r三个属性，缺一不可；cx/cy为圆心坐标（原点在左上角），r为正半径；未设fill或stroke则透明；transform需用SVG原生属性而非CSS。
-
<p>HTML5中<!---->注释不能用作API注释，因其被浏览器忽略、JS无法读取、文档工具不识别；有效API注释应写在JS函数上方（JSDoc）、TS类型声明旁或后端路由文件中，或通过<scripttype="application/json">嵌入结构化元数据。</p>
