-
在EditPlus中编写并保存HTML文件为test.html，编码选UTF-8；2.通过“工具-首选项-用户工具”添加外部浏览器程序，设置命令为浏览器路径或留空，参数用$(FilePath)调用当前文件；3.配置完成后可通过菜单或快捷键一键用默认浏览器预览HTML；4.也可直接双击保存的HTML文件以快速查看效果。
-
抖动动画应使用translateX()实现左右位移，而非rotate()；需配合@keyframes定义0%/25%/50%/75%/100%偏移序列，偏移量控制在±2px~±6px；必加animation-fill-mode:forwards（或用both），缓动选cubic-bezier(.36,.07,.19,.97)；JS触发前需清空旧动画并强制重排；移动端慎用will-change，仅加translateZ(0)保障硬件加速。
-
Autoprefixer是解决CSS浏览器兼容性的核心工具，它基于CanIUse数据库和Browserslist配置，自动为需兼容的属性添加必要前缀，避免手动书写导致的冗余、错误或失效问题。
-
使用HTML的details和summary标签可快速实现折叠功能，适合简单场景；对于需要自定义样式和动画的效果，推荐结合HTML、CSS与JavaScript，通过控制元素的显示状态或利用max-height过渡实现平滑展开收起效果。
-
JavaScript在浏览器中经解析、编译、执行三阶段运行：先词法分析生成AST并检查语法；再由Ignition转字节码、TurboFan优化热点函数为机器码；最后通过调用栈、堆内存和事件循环协同执行，微任务优先于宏任务。
-
Flex容器的display:flex必须显式设置，否则flex-direction等属性无效很多人以为只要写了flex-direction:column，父元素就会自动变成Flex上下文——其实不会。浏览器只认display:flex（或display:inline-flex）这一句“入场券”。漏掉它，后面所有justify-content、align-items都只是被忽略的废代码。实操建议：始终把display:flex放在Flex容器的第一条声明里，别依赖继承或重置用displ
-
因为setTimeout/setInterval不与屏幕刷新同步，易掉帧卡顿且后台仍运行；requestAnimationFrame则按刷新节奏执行、提供精准时间戳、需递归调用，并适合需JS实时干预的动画场景。
-
递归函数是函数调用自身，必须包含基础情况（终止条件）和递归情况（缩小问题规模）；如阶乘中0!=1为basecase，n*factorial(n-1)为recursivecase；遍历树结构时以无children为空为basecase。
-
metakeywords标签已失效，标签云易被判定为薄内容；真正影响关键词的HTML标签仅有title、metadescription、h1、imgalt和canonical。
-
PurgeCSS能删第三方库CSS而tree-shaking不能，因前者扫描源码中实际使用的类名并反向剔除未用选择器，后者仅分析JS模块import/export依赖，无法解析CSS文件内部规则。
-
HTML5的pattern属性本质是RegExp.test()的封装，仅在表单提交时对input.value执行全匹配校验，自动添加^和$锚点，不改变正则引擎、语法限制或错误行为，且必须配合title提供有效提示。
-
JavaScript性能优化关键在于减少重排与重绘：应批量修改样式、避免强制同步布局、优先使用transform/opacity动画、精简DOM结构并合理管理样式作用域。
-
JavaScript轮播图核心是用setInterval驱动切换并配合DOM与CSS过渡，需保存timerID以支持暂停/重启，推荐3000–5000ms间隔；通过currentIndex统一管理显隐或位移切换、用户交互及无缝循环逻辑。
-
document.getElementById返回null主因是脚本执行过早，DOM未加载完成；应将脚本置于</body>前或用DOMContentLoaded包裹，并确保ID严格匹配、元素已存在。
-
CSS加载失败时浏览器不会自动回退，必须由开发者主动提供备用样式；@import无法实现fallback；最可靠方案是onerror+document.write插入内联样式；现代方案可用CSSStyleSheet动态注入。
