-
实现图标旋转与缩放动画需使用CSS的transform和animation属性。1.创建图标元素，如div模拟图标；2.用@keyframes定义spinAndScale动画，控制rotate和scale变化：0%为rotate(0deg)scale(1)，50%为rotate(180deg)scale(1.5)，100%为rotate(360deg)scale(1)；3.将animation应用到.icon类，设置animation:spinAndScale2sinfiniteease-in-out，配
-
移动端页面必须在<head>开头添加viewport标签，内容为width=device-width,initial-scale=1；否则缩放错乱、文字过小、点击失灵；还需排查CSS强制宽度、第三方脚本覆盖及构建工具误删等问题。
-
垂直导航菜单用grid布局时子菜单错乱，根本原因是grid容器未设position:relative导致定位上下文错误；图标文字不对齐源于基线差异，需flex或vertical-align修复；子菜单动画须用max-height过渡而非grid属性；IE11兼容需双语法降级。
-
transition应限定为transform属性，如transition:transform0.3sease；rotate()需带单位（如deg）、明确origin，并配合translateZ(0)或will-change提升性能。
-
首先安装Node.js和TypeScript，初始化项目并配置tsconfig.json，将TypeScript代码放在src目录并编译到dist目录，然后在HTML中引入编译后的JS文件，最后通过LiveServer插件启动服务器并配置自动编译任务实现实时预览。
-
HTML中换行符导致文字变两行，因浏览器默认将<br>、\n、块级元素间空白视为换行；可通过display:inline/inline-block、删HTML换行、Flex布局等方案合并为单行。
-
localStorage只存字符串，对象需JSON.stringify()存、JSON.parse()取；含函数/undefined/Date/循环引用时会出错，应清理或用structuredClone()；Phaser中应在明确存档点（如关卡完成、菜单打开）手动保存，而非update()中频繁调用；多存档需动态key如save_1；IndexedDB仅在数据量大或需事务时必要。
-
dir属性应加在能包含文本且需方向控制的元素上，如<p>、<div>、<span>、<input>、<textarea>等；避免用于<img>、<hr/>、<meta>等无效元素，且不可仅依赖<html>或<body>设置，须对表单控件等关键节点显式指定。
-
通过JavaScript获取系统时间，按早晨、上午、下午、晚上、深夜分段，动态切换HTML容器的CSS类名，结合本地存储的壁纸图片与CSS过渡效果，实现Mac上页面背景随时间自动变化的动态壁纸功能。
-
id必须全局唯一且命名规范，重复会导致JS获取元素异常、CSS行为不一致；应避免数字开头、特殊字符及保留字，优先使用语义化连字符命名；仅在锚点跳转或ARIA关联等必要场景使用id，其他情况推荐class或data-*属性。
-
本文详解如何使用Flexbox解决传统float或纯text-align无法兼顾“右对齐”“逐行独立”和“悬停区域仅覆盖文字内容”三大需求的问题，并提供可直接运行的完整CSS/HTML实现方案。
-
WebComponents是浏览器原生标准，含CustomElements（需含短横线、继承HTMLElement、用define注册）、ShadowDOM（open/closed模式、slot分发、样式隔离）和template克隆机制，但无内置响应式，通信依赖属性/事件。
-
分页按钮active未高亮主因是HTML中active类缺失或位置错误，应加在<li>上并配.style.page-item.active.page-link；hover闪动源于盒模型抖动，需保持常态与hover占位一致；移动端需补:focus样式，响应式需flex-wrap和弹性布局；焦点样式不可省略，须满足无障碍标准。
-
新版QQ浏览器已彻底移除Flash支持，因Adobe终止服务且腾讯删除NPAPI接口与Flash模块，无法通过任何设置恢复；老Flash内容需检查资源是否存活或转码为HTML5格式。
-
font-weight应优先使用数字值（100–900）并确保字体文件实际支持该字重，避免依赖“bolder”“lighter”等相对关键字或未提供的字重（如650、900），否则浏览器会静默降级或模拟加粗导致模糊；需结合@font-face声明、GoogleFonts参数及document.fonts.check()验证。
