-
合理使用transition与transform:rotate()配合，设置transform-origin调整旋转中心，通过transition:transform0.4sease-in-out实现平滑动画，避免布局重排并结合hover或JS控制状态，可显著提升旋转动画的流畅性与视觉舒适度。
-
暗黑模式需结合CSS变量与data-theme类控制，媒体查询仅作初始兜底；必须同步localStorage与HTMLclass，所有颜色须用语义化变量，避免硬编码。
-
使用qrcode.js一行生成二维码，需确保脚本在</body>前加载或包裹在DOMContentLoaded中，设置width≥200、margin≥20px、correctLevel为M级，canvas导出需适配devicePixelRatio并手动绘制logo。
-
Feature-Policy是HTML5引入的安全机制，仅通过HTTP响应头或iframe的allow属性设置，HTML4完全不支持；2023年起被Permissions-Policy取代，但语法兼容，旧版浏览器仍支持Feature-Policy。
-
使用模板引擎如Jinja2定义宏可实现HTML代码复用，通过在macros.html中定义input_field和button等宏，并在index.html中导入调用，提升开发效率与维护性，确保多页面组件一致性，避免重复代码。1.建立清晰目录结构，如templates/components/分类存放宏文件；2.遵循命名规范，使用小写加下划线；3.添加注释说明参数与用途；4.保持宏职责单一，避免过度复杂；5.将宏文件纳入版本控制，便于团队协作。主流工具还包括Handlebars、EJS、Twig及Vue/R
-
SSR通过服务器端直接生成完整HTML实现首屏直出，提升SEO索引率78%、LCP减少40%，并支持动态元信息与语义化标签，主流方案包括Next.js、Nuxt.js及自建Express渲染。
-
JavaScript数组方法中，push、pop、shift、unshift、splice、sort、reverse、fill会修改原数组；filter、map、reduce、find、forEach等不修改原数组；includes/some/every用于布尔判断；flat()和扩展运算符需注意嵌套深度与性能。
-
可行但需遵守三条铁律：无交互、无暂停、尺寸强约束；marquee已废弃且不可访问；CSS轮播须动态设容器宽度、统一logo尺寸、加will-change优化性能。
-
Vue响应式系统不代理null/undefined本身，但允许其作为响应式对象属性值；深层访问时需用?.或??避免中断；ref完全支持null/undefined；watch默认浅监听，修改嵌套属性需deep:true。
-
JavaScript字符串处理需区分UTF-16编码单元与Unicode码点，ES6起提供codePointAt、fromCodePoint、扩展运算符及u标志正则等码点级API，确保正确遍历、截取和匹配。
-
Intl.NumberFormat的notation:'compact'在Chrome79+、Firefox72+、Safari14+中支持K/M/B或“万/亿”，需显式指定locale（如'en-US'/'zh-CN'）、设置compactDisplay:'short'/'long'，旧版浏览器或精简ICU环境会静默降级为standard。
-
实现提示气泡弹出动画需结合CSS透明度、位移与过渡或关键帧。1.HTML结构为div容器；2.CSS设置初始隐藏，通过transition实现opacity和transform平滑变化；3.可选@keyframes定义scale缩放增强弹出感；4.JS动态添加类触发显示，定时移除类控制隐藏，完成流畅气泡提示效果。
-
mailto链接仅启动默认邮件客户端并预填字段，无法自动发送；需严格URL编码参数，不支持附件，多收件人用逗号分隔，注意大小写及平台兼容性。
-
css-vars-ponyfill是IE下支持CSS自定义属性的最可行方案，它在运行时解析并替换var()，支持嵌套、calc()内使用、动态更新及媒体查询作用域，但需注意IE对calc()+var()的兼容限制和动态更新时需显式触发重计算。
-
最轻量可控的图片暗角方案是用绝对定位::before伪元素叠加radial-gradient，需父容器设position:relative，伪元素设inset:0和pointer-events:none，并用150%–200%渐变半径适配缩放。
