-
IntersectionObserver是检测元素是否进入视口的现代标准方案，需配置threshold、root等参数并配合will-change和class切换实现顺滑渐现动效。
-
真正发光需2–3层text-shadow叠加，内层小模糊（2–4px）+外层大模糊（8–20px），颜色由实色渐变至半透，偏移量必须为0，且需依背景色调整配色与透明度。
-
抖动动画应使用transform:rotate()配合animation，旋转角度控制在±2°～±5°，配合transform-origin、0.3s～0.5s动画时长、cubic-bezier(0.45,0.15,0.55,0.85)缓动函数及animation-fill-mode:forwards。
-
OffscreenCanvas可在WebWorker中直接绘图，实现后台生成海报：主线程transferControlToOffscreen→Worker绘制并transferToImageBitmap→主线程drawImage渲染；需注意字体加载、图片预传及浏览器兼容性。
-
OBS中HTML不显示是因为未使用浏览器源；必须添加浏览器源并正确配置URL或file://路径，注意本地文件跨域限制、渲染设置及通信方式。
-
直接用ESLint配合no-console规则即可在开发阶段自动提醒冗余console，无需手写AST解析器；它基于AST静态分析，支持配置白名单、适配自定义logger、编辑器实时提醒及自动修复。
-
JavaScript异步编程本质是事件循环驱动的非阻塞执行，依赖EventLoop、CallbackQueue和MicrotaskQueue协同调度，异步≠并发或并行，仅避免阻塞主线程。
-
HTML不是编程语言而是语义化结构说明书，标签描述内容含义而非样式，应避免滥用无语义的<div>/<span>，注意属性写法规范（如width="200"而非"200px"，布尔属性无需赋值）。
-
div是块级元素，span是行内元素：div默认独占一行、支持完整盒模型属性；span默认不换行、只包裹内容宽度、垂直方向样式受限；语义上div用于结构布局，span用于文本局部样式化。
-
<nav>标签仅用于页面主要导航区块，必须包裹全局跳转链接，需配aria-label或aria-labelledby，内部宜用<ul><li><a>结构，禁用非导航内容、伪链接及冗余role属性。
-
需借助HTML5的FileAPI与FormData实现图片选择、预览及上传：一、用input[type="file"]获取图片文件；二、用FileReader读取为DataURL实现预览；三、用FormData组织数据；四、用fetch或XMLHttpRequest发送至服务器。
-
并排显示两个div的最优方案是display:flex，因其无空白符间隙、无需清除浮动、父容器自动包裹且支持现代布局控制；inline-block易受HTML空白影响，float已过时且需清除塌陷。
-
Promise有pending、fulfilled、rejected三种状态，状态一旦改变不可逆；2.通过then方法注册回调并返回新Promise实现链式调用；3.回调异步执行，使用queueMicrotask模拟微任务；4.resolvePromise函数处理then返回值，若为Promise则递归解析，否则直接resolve；5.需防止循环引用和多次调用，确保错误冒泡。
-
换图标前需先确认引用方式：检查<linkrel="icon">、<linkrel="apple-touch-icon">、图标字体或SVGSprite；再替换多尺寸图标文件并更新对应HTML标签，注意sizes属性与实际尺寸一致，同时处理缓存问题。
-
下拉刷新在纯HTML中完全无效，因为HTML是静态标记语言，无事件循环和手势监听能力，必须依赖JavaScript通过touch事件、CSS位移与过渡及手动数据获取实现。
