-
应删除依赖视觉或位置的class，改用语义化命名；主布局用grid和flex替代旧式定位；启用CSSModules等作用域控制方案；容器用max-width、字体用rem+clamp实现弹性响应。
-
JavaScript中的Generator函数通过function*关键字定义，使用yield暂停和恢复执行。1.基本用法：通过next()方法控制执行，返回包含value和done的对象。2.异步操作：使用yield处理异步任务，避免回调嵌套。3.错误与调试：注意调用next()，处理yield返回值，避免无限循环。4.性能与最佳实践：避免过度使用，适用for...of循环遍历。Generator函数在处理异步和迭代时非常有用，但需谨慎选择使用场景。
-
CSS模块化通过文件拆分、构建工具集成等方式实现样式隔离，推荐使用CSSModules或预处理器替代@import以提升性能与维护性。
-
使用display:inline-block创建多列容器时，因默认vertical-align:baseline导致高度不一致的块错位；只需统一设置vertical-align:top即可实现严格顶部对齐，各块内部结构互不影响。
-
padding-top实现等比矩形的原理是利用块级元素的padding百分比基于父容器宽度计算的特性，如设padding-top:56.25%（16:9），则高度=父宽×0.5625，从而锁定宽高比。
-
纯HTML博客模板应使用语义化标签构建结构：用<header><main><footer>替代div堆砌，<main>唯一且包裹正文，<footer>置于body底部；<article>优于<section>用于博文；标题层级需严格递进，<metaname="viewport">不可或缺。
-
async函数总是返回Promise对象，直接console.log()会显示"Promise{pending}"；必须使用await或.then()显式等待其解析后才能获取最终值。
-
表单提交依赖GET和POST方法，GET将数据附加在URL后，适用于公开、非敏感的检索操作，有长度限制且可被缓存；POST将数据放入请求体，安全性高、无长度限制，适合提交敏感或大量信息。选择合适方法可提升安全与效率。
-
滑动窗口限流不能直接用setTimeout模拟，因其执行时机不可控且无法感知请求真实完成时间；必须基于实际完成请求动态更新计数，推荐用performance.now()记录起止时间、数组+双指针维护窗口、AbortController实现熔断，并完全兼容fetch参数以支持重试与缓存。
-
SharedArrayBuffer配合Atomics.add可实现多Worker原子计数：主线程创建并转移SharedArrayBuffer，Worker用相同Int32Array视图绑定，统一调用Atomics.add(view,0,1)累加，最终用Atomics.load读取准确总数，全程无锁、零拷贝、线程安全。
-
CredentialManagementAPI可实现原生异步自动填充：检测支持后，在DOM就绪且用户未输入前调用navigator.credentials.get()，通过mediation控制交互强度，安全注入凭证并更新UI，登出时需调用preventSilentAccess()保持状态一致。
-
iframe是微前端的运行时集成载体，核心价值在于天然隔离子应用；但需JS动态管控生命周期、postMessage跨域通信、URL同步及错误降级等能力才能构成完整方案。
-
textarea元素用于创建多行文本输入框，通过rows和cols属性设置初始行数和列数；2.更精确的尺寸控制应使用CSS的width、height、min-width、max-width、min-height和max-height属性，并结合box-sizing:border-box确保尺寸计算准确；3.为使textarea数据在表单提交时传递，必须设置name属性，服务器通过该名称获取输入内容；4.提升用户体验的常用属性包括placeholder、readonly、disabled、maxlength
-
aria-expanded必须实时同步按钮展开状态，否则屏幕阅读器播报错误；按钮须用语义化<button>而非div+role="button"；面板容器需设role="region"且通过aria-labelledby唯一关联按钮ID；切换时同步更新aria-expanded和hidden属性。
-
WebGL是OpenGLES2.0在浏览器中的JavaScript绑定，需手动搭建渲染管线、传数据、写GLSL着色器；常见黑屏源于着色器编译失败、viewport未设或帧缓冲不完整。
