-
atob()解码结果是Latin-1字节映射的字符串，非UTF-8原始内容；中文等多字节字符会错位成乱码，需用Uint8Array+TextDecoder("utf-8")正确还原。
-
CSS实现动画的核心是transition、animation和transform，结合伪类、伪元素与JavaScript可创建丰富交互效果，通过优化属性选择、使用will-change和requestAnimationFrame提升性能，并借助Autoprefixer解决多浏览器兼容性问题。
-
JavaScript隐式转换易引发bug，关键在理解规则、控制时机、优先用===和显式转换；常见触发场景包括==比较、+运算符、逻辑运算符及条件语句；核心规则为ToBoolean（7个falsy值）、ToNumber（字符串转数字规则）、ToString（对象默认返回"[objectType]"）；避坑策略包括用===替代==、数值运算前显式转换、字符串拼接用String()或模板字面量、真假判断时区分边界值；调试可用console.log四要素验证，工具推荐ESLint和TypeScript。
-
scrollBehavior在新DOM渲染完成但未激活前调用，通过读取当前scrollTop捕获用户最后视图位置；返回{x:0,y:0}滚动到顶、{selector:'#id'}滚动到元素、null不滚动、Promise可异步控制。
-
本文揭示移动端AJAX/Fetch调用SpringBoot后端API失败的根本原因——HTTPS证书域名不匹配（SubjectAlternativeNamemismatch），并提供检测、验证与修复全流程方案。
-
本文提供一套简洁可靠的jQuery+HTML+CSS实现方案，用于创建带图标开关、三级下拉菜单（菜单→子菜单→子子菜单）的响应式垂直导航栏，兼容主流浏览器，代码结构清晰、易于定制。
-
IE8及更早版本完全不支持::before/::after，仅IE9+支持双冒号；必须同时书写:before和::before且前者在前，IE7则需彻底弃用伪元素改用HTML替代。
-
答案：HTML5Canvas通过JavaScript实现流畅动画，核心技巧包括使用requestAnimationFrame创建动画循环、边界检测实现小球弹跳、数组管理多个动画对象、利用时间差优化动画速度。示例代码展示了从基础移动到复杂粒子系统的实现方法，结合清屏、状态更新与绘制流程，可构建游戏、数据可视化等动态效果。
-
CSSModules中伪类必须与基础类同文件定义，跨文件无效；动态类名须通过styles对象访问，不可拼字符串；复用应采用CSS变量或JS控制，避免破坏模块化。
-
ol标签自动编号失效的常见原因包括：li未作为ol直接子元素、list-style被设为none、嵌套结构错误、空ol在旧浏览器中不渲染；start控制起始值而非跳过项，reversed仅改变编号方向不改变DOM顺序，value仅影响当前li且后续仍递增。
-
z-index:999无效主因是元素未处于同一层叠上下文：必须先设position非static，再确认父元素未因opacity<1、transform等触发新层叠上下文，否则子元素z-index仅在父容器内生效。
-
不加async或defer的script会同步下载执行，阻塞HTML解析和渲染；async异步下载并立即执行，不保证顺序；defer异步下载并在DOM解析完成后按序执行。
-
background-size:cover需配合background-position和稳定容器尺寸才能精准裁剪；单独使用易因图片构图、默认居中及容器浮动导致关键内容被裁；应统一用百分比定位、伪元素隔离+aspect-ratio保形，小屏优先换图或改contain。
-
红点数字必须用CSScontent:attr(data-count)动态读取，确保data-count为字符串、超99显示“99+”，避免overflow:hidden裁剪、禁用rem尺寸、用opacity过渡动画，并原子化同步data-unread与data-count。
-
移动端弹窗margin:auto失效主因是元素缺明确width、受flex干扰或width:100%导致无收缩空间；应设max-width（如90vw）、避免width:100%，慎用transform居中以防软键盘引发偏移。
