-
AJAX异步通信主要用fetch和XMLHttpRequest，fetch基于Promise语法简洁，支持async/await，成为主流选择；XMLHttpRequest兼容性好但代码冗长。1.fetch发送GET请求：fetch('url').then(res=>res.json()).then(data=>console.log(data))；2.使用async/await更清晰：asyncfunctiongetData(){constres=awaitfetch('url');if(!
-
模块加载器通过定义模块格式、解析依赖关系、按需加载并执行模块代码来管理依赖和组织代码，其核心原理包括模块定义、依赖解析、加载、执行与依赖注入。
-
使用HTML标签构建语义化表格，通过CSS实现响应式与样式优化，并利用JavaScript增强排序筛选交互功能。
-
可通过内联样式style="color:#ff0000;"设置超链接颜色；2.推荐使用CSS选择器在<style>中定义a{color:#0000ff;}统一控制；3.还可区分a:link、a:visited、a:hover、a:active四种状态设置不同颜色，便于交互反馈。
-
属性值包含匹配选择器使用[attr="value"]语法，可选中属性值包含指定子字符串的元素。例如a[href="example"]选中href含"example"的链接，img[alt="logo"]匹配alt含"logo"的图片，div[class="item"]选中class含"item"的div。该选择器适用于动态类名、外部链接和数据属性场景，如为含"zhihu.com"的链接添加图标，高亮name含"email"的输入框，或匹配data-category含"tech"的元素。注意匹配默认大小写敏
-
生成器函数通过yield实现暂停与恢复，调用next()时执行到yield并返回值，状态被保留；再次调用next()从上次暂停处继续，支持惰性求值、异步控制和状态机管理。
-
CSS不能直接处理JSON，需先用JavaScript将JSON转为HTML。1.获取并解析JSON数据；2.将对象映射为div或dl，数组映射为ul或ol；3.键用span或dt，值用span或dd并按类型加类名；4.递归处理嵌套结构生成HTML；5.CSS通过类名和属性选择器定义样式，实现类型高亮、缩进、折叠等功能；6.结合JavaScript实现交互如展开/折叠、搜索、悬停高亮等，使JSON展示更美观易读。
-
浮动可实现轮播图横向排列，通过float:left使图片水平布局，配合容器overflow:hidden防止溢出，利用margin-left移动carousel-track实现切换，需清除浮动避免塌陷，适用于兼容旧浏览器的场景。
-
PWA通过ServiceWorker实现离线缓存与推送通知，提升Web应用体验。1.使用CacheFirst、NetworkFirst等策略缓存资源，确保断网可用；2.通过PushAPI和NotificationAPI实现消息推送，需获取用户权限并订阅推送服务；3.注意HTTPS部署、缓存版本管理及订阅信息存储，避免频繁打扰用户。掌握ServiceWorker生命周期与缓存机制是关键。
-
background-size:cover和contain的核心区别在于图片适应容器的方式。cover会等比缩放图片以覆盖整个容器，可能裁剪图片；而contain会等比缩放以完整显示图片，可能留白。1.cover常用于全屏背景、卡片封面等需要视觉冲击的场景，优点是填满容器，缺点是可能裁剪关键内容。2.contain适用于Logo、图标等不可裁剪的场景，优点是完整展示图片，缺点是可能出现空白。选择时根据内容优先级和视觉需求决定：若需填满且可裁剪，用cover；若需完整显示且可接受留白，用contain。此外
-
使用auto-fit配合minmax()和gap可创建自适应图片画廊，无需媒体查询即可实现多设备适配，auto-fit会自动拉伸项目填满空间，避免空白，而auto-fill保留空轨道；通过minmax(250px,1fr)定义列宽范围，gap控制间距，结合align-items、object-fit和懒加载优化布局与性能。
-
使用CSSGrid可轻松实现等高行列布局：1.设置display:grid并定义grid-template-columns和grid-template-rows，同一行子元素自动等高、同列等宽；2.可通过grid-template-rows固定行高；3.使用grid-auto-rows配合minmax实现自适应行高与自动换行；4.跨行列元素仍保持网格对齐。
-
<p>HTML注释能帮助开发者理解代码逻辑、标记代码段或临时禁用代码，正确格式为<!--注释内容-->。写好注释如同埋下路标，便于日后维护和团队协作，减少沟通成本与错误。通过注释可快速定位代码块、记录修改历史，甚至生成文档。虽然注释不影响显示，但过多会增加文件体积，轻微影响加载速度，因此应适量编写，并在发布前清理非关键注释以优化性能。</p>
-
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
-
HTML错误恢复需兼顾容错与可访问性，核心是预防错误并提供清晰修复路径。浏览器能解析不规范HTML源于HTML5的健壮解析机制，可处理“标签汤”，但这种宽容性可能导致跨浏览器差异和可访问性问题，因屏幕阅读器依赖标准语义结构。因此，不能依赖浏览器自动修正，而应通过严格验证确保HTML规范。在表单中，需结合视觉提示、明确文本、位置关联及ARIA属性（如aria-invalid、aria-describedby、role="alert"）实现可访问的实时错误反馈，并合理管理焦点。此外，还需考虑动态内容加载失败时
