-
优先用transition处理简单状态切换，如hover、toggle；需多步变化、循环或复杂时序时用animation。二者可共存，但需注意性能、兼容性及无障碍支持。
-
SVG元素的transform-origin默认值是00，不是center；直接对<circle>应用transform:rotate(45deg)会使其绕左上角(0,0)旋转而偏移，需显式设置transform-origin:center才能原地旋转。
-
JavaScript音频处理与可视化通过WebAudioAPI和Canvas实现，首先创建AudioContext加载音频，利用AnalyserNode获取时域和频域数据，再将数据绘制到Canvas上实现实时波形和频谱可视化。
-
静态分析能可靠识别简单require/module.exports模式，但对动态路径、条件导出、__dirname依赖和循环引用无法安全替换，必须人工校验；迁移后须验证Node版本≥14.18.0、package.json含"type":"module"、第三方依赖真正支持ESM，并重点测试import.meta.url与__dirname的路径行为差异。
-
使用Animate.css时，通过选择合适的easing类（如animate__ease-in-out）、优化性能（使用transform和opacity）、自定义贝塞尔曲线及调整动画时长至0.5～0.8秒，可有效解决入场动画不平滑问题，提升流畅度与视觉质感。
-
CSS选择器能作用于动态元素，是因为浏览器在DOM更新后自动重新匹配样式。当JavaScript添加新元素时，只要其结构符合CSS规则，渲染引擎便在样式重算阶段为其应用对应样式，结合继承机制与实时渲染流程，确保视觉一致性。
-
首图更快下载的关键是避免被降级：浏览器默认将所有<img>设为Medium优先级，需用fetchpriority="high"（Chromium112+）或<linkrel="preload"as="image">主动声明其关键性，确保显示Highest优先级，而非盲目提速。
-
在JavaScript中添加右键菜单需先阻止默认事件并创建自定义菜单。1.使用contextmenu事件监听并调用event.preventDefault()阻止默认菜单；2.用HTML和CSS构建菜单结构并隐藏；3.通过event.clientX和event.clientY获取坐标，设置菜单position实现定位；4.右键时显示菜单，点击其他区域或菜单项后隐藏；5.为菜单项绑定点击事件执行对应功能；6.兼容性处理需判断event.button或event.which；7.若仅在特定元素显示，将事件监听
-
navigator.connection.effectiveType必须通过JavaScript访问，不能在HTML中直接使用；需先检测'connection'innavigator且effectiveType为字符串，再读取其值，否则会报错。
-
分页请求应优先用GET，因其支持缓存、书签和幂等性；仅当URL超长时才用POST并手动管理历史；数据超1000条必须后端分页，推荐游标分页；需加请求锁防重复提交；键盘翻页和跳转输入需事件绑定与焦点管理；游标值须原样透传。
-
Grid本身不支持宽高联动，设1fr或minmax仍依赖内容撑高；视频在Grid中易拉伸塌陷，aspect-ratio兼容性差且无法与padding-top共存；安全方案是用position:relative+padding-top的独立容器包裹视频，并确保Grid仅负责布局定位。
-
li标签默认没有margin；浏览器显示的间距主要来自ul/ol的默认padding（如Chrome的padding-left:40px）或换行符产生的空白字符。
-
小项目用根目录+css/js/images/pages四文件夹，够用零配置；中大型项目必须分src/dist，否则路径混乱、协作困难。小项目指单人维护、页面≤5个、无构建需求的静态站，核心是路径稳定、一眼可定位：index.html放根目录，css/只放main.css和reset.css，js/仅存main.js和utils.js，images/按icons/banner分但不超过两层，多页面统一放pages/about.html等。
-
every()对应“与”逻辑（全真才真，遇假即停），some()对应“或”逻辑（一真即真，遇真即停）；二者均支持短路，空数组时every返回true、some返回false，且回调必须明确返回truthy/falsy值。
-
reduceRight()可实现右结合的函数组合，即按compose(f,g,h)(x)≡f(g(h(x)))顺序执行，从数组最右函数开始依次包裹，天然支持空数组和单函数场景。
