-
Map和Object本质不同：Object是基础数据结构，键仅限字符串/Symbol；Map是专用集合，键支持任意类型，使用SameValueZero比较，按插入顺序遍历，size可直接获取，适合动态映射场景。
-
答案：通过设置初始边框和transition属性可实现border-width平滑过渡，避免使用border:none导致动画失效。
-
本文详解如何用纯HTML与CSS构建语义化、响应式且具备专业级交互动画（缩放+淡入）的导航栏下拉菜单，重点解决display:none/block无法触发CSS过渡的问题，并提供可直接运行的完整代码。
-
z-index只对定位元素（position为relative/absolute/fixed/sticky）生效；未设定位或父级创建层叠上下文会导致其失效。
-
box-sizing:content-box是CSS默认盒模型，width和height仅包含内容区域，不包括padding和border，设置后元素总宽为width+padding+border；常用于需精确控制内容尺寸、兼容第三方组件或配合JS尺寸计算的场景；实际开发中无需特别声明，除非全局被修改。
-
Cookie是服务器发送至浏览器并自动携带回服务器的小段数据，用于维持登录状态等场景；通过document.cookie读取、设置及删除，需注意解析字符串、设置过期时间与路径，并遵循Secure、HttpOnly、SameSite等安全策略，避免敏感信息泄露，现代虽多用token，但理解Cookie机制仍对掌握认证流程至关重要。
-
清除浏览器缓存可解决网页显示异常或加载旧版本问题，具体方法包括：一、通过浏览器设置清除所有时间范围内的缓存文件；二、使用Ctrl+F5或Command+Shift+R强制刷新页面以获取最新资源；三、在开发者工具的Network选项卡中勾选Disablecache临时禁用缓存；四、在站点设置中删除特定网站的缓存数据；五、关闭浏览器后手动删除系统级缓存目录中的文件。
-
IntlAPI提供DateTimeFormat、NumberFormat和Collator三大接口，分别用于本地化日期时间、数字货币及字符串排序，支持多语言自动适配与动态缓存。
-
background-image配合background-size:cover无法解决高清屏模糊和多分辨率适配问题，因不支持srcset/sizes；需用媒体查询或image-set()实现响应式，但语义化图片应优先使用<picture>+srcset。
-
ins和del是语义化标签，分别表示插入和删除内容，必须成对闭合、正确嵌套并合理设置display样式；diff转HTML需逐行解析与转义；cite和datetime属性须规范使用以保障可访问性与语义准确性。
-
rem易失准的根本原因是根字体大小被动态覆盖或未显式设置；必须在:root或html上声明font-size，基准值需与Sass变量$base-font-size严格一致，函数仅编译时转换，不响应运行时变化。
-
本文详解如何通过精确定位与合理使用transform:translateY()，让子元素在父容器内平稳旋转而不溢出边界，重点解决因top偏移和translateY过度导致的“旋转溢出”问题。
-
用steps()实现逐字动画的关键原理是：CSS动画配合steps(n)将width从0ch到nch的变化“卡帧”为每步显示一个字符，需等宽字体、nowrap、overflow:hidden及精确字符数。
-
Grid能减少页面嵌套：通过grid-area直接定位子元素、justify-self/align-self控制单个项对齐、subgrid复用父网格，避免仅为布局而添加的无语义容器，推动先语义后布局的设计思维。
-
<p>生成器函数用function*声明，通过yield暂停并返回Generator对象，next()驱动执行；它不自动处理Promise，需执行器配合，而async/await已原生替代该模式。</p>
