-
Async/Await是Promise的语法糖，async函数必返回Promise，await仅在async内部有效，会将后续逻辑注册为微任务，需用try/catch显式处理错误，避免与.then()混用。
-
justify-items和align-items仅对grid容器生效，控制网格项在各自单元格内的行/列方向对齐；若需整体居中，应在外层用flex布局；单个子项居中可用place-self或grid-area+margin:auto。
-
元素偏移是因为top/left定位的是左上角而非中心，需用transform:translate(-50%,-50%)回拉自身宽高一半；父容器须设position:relative，transform百分比基于自身尺寸，多变换时居中translate必须置首。
-
嵌套Flex布局错位主因是父容器flex-direction与align-items设置不当。1.明确每层布局目标：外层控垂直（column），内层管水平（row）。2.检查父级flex-direction是否匹配预期流向，避免默认row导致混乱。3.警惕align-items继承影响，如column下align-items:center会压缩内层容器宽度。4.内层设width:100%或父级改用align-items:stretch释放尺寸限制。5.合理搭配row/column实现清晰结构，注意alig
-
表格小屏错乱主因是渲染机制与响应式断点未对齐；需用table-layout:fixed+width百分比或colgroup控制列宽，配合min-width、overflow-x:auto及text-overflow截断。
-
max-width:100%是解决图片撑破容器的核心方案；需配合height:auto保持宽高比，避免使用width:100%，并注意父容器限制、上下文影响及CSS优先级等细节。
-
HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
-
本文介绍如何通过轮询机制检测navigator.userAgent的动态变更，适用于开发者工具中手动修改UA后自动触发页面刷新等场景，并提供可直接使用的轮询代码与实用注意事项。
-
响应式布局的核心是通过媒体查询、弹性布局和相对单位实现多设备适配。首先使用媒体查询设置断点，针对手机（max-width:767px）、平板（768px–1023px）和桌面（min-width:1024px）应用不同样式；结合Flexbox或Grid实现容器内元素的自适应排列；采用%、rem、vw等相对单位替代固定像素，提升灵活性；遵循移动端优先原则，从窄屏开始设计，逐步增强大屏体验；最后通过浏览器开发者工具测试各设备下的显示与交互效果，确保流畅性。
-
HTML5可视化编辑器插图标本质是注入<svg>或<i>标签，非插入图片；需规避sanitizer过滤、确保CSS加载、配置编辑器支持class及SVG特性。
-
JavaScript继承通过原型链实现，即对象内部[[Prototype]]隐式链接形成p→Person.prototype→Object.prototype→null的查找链；ES6class是语法糖，底层仍基于此机制。
-
id选择器失效通常因id重复、语法错误、样式被覆盖或元素未正确渲染。首先确保id唯一且CSS以#开头；检查是否存在相同或更高优先级规则（如!important或内联样式）导致覆盖，可通过开发者工具查看实际应用的样式；确认元素非动态生成且DOM已加载完成；注意HTML与CSS中id拼写一致。逐项排查即可定位问题。
-
函数声明会被提升到作用域顶部，可提前调用；函数表达式仅变量声明提升（var）或不提升（let/const），提前调用报错。实操中需提前调用选声明，控初始化顺序选const/箭头函数。
-
LocalStorage是浏览器提供的持久化存储方案，支持以键值对形式保存最多约5MB的字符串数据，具备页面关闭后数据不丢失、遵循同源策略、提供setItem、getItem、removeItem和clear等简单API的特点，可通过JSON.stringify和JSON.parse处理对象类型，适用于存储用户偏好、表单草稿等非敏感信息，但需防范XSS攻击、手动管理过期逻辑，并注意无痕模式下的限制。
-
生成器是用function*声明的特殊函数，调用返回Generator实例而非直接执行；yield为暂停点，next()触发执行并返回{value,done}对象；它适合分步控制、协程模拟等场景，但不可重置。
