-
应使用setInterval或requestAnimationFrame实现打字删除效果，显式管理状态与索引；优先用textContent防XSS和重排；配合caret-color、user-select等CSS确保光标同步与体验一致。
-
JSP需在服务器环境下运行，解决方法包括：1、使用Tomcat部署并访问JSP文件；2、用HTML结合JavaScript模拟动态内容；3、通过Servlet生成带数据的HTML；4、利用JSP包含机制模块化开发。
-
必须显式设置background-color和color才能有效改变mark样式，仅设color无效；需满足WCAGAA对比度（≥4.5:1），并适配深色模式，避免XSS与语义滥用。
-
WeakValueDictionary不能单独实现LRU缓存，因为它不记录访问顺序、无容量限制、不支持O(1)访问更新，且遍历无序；必须配合双向链表与强引用锚点才能兼顾弱引用与LRU行为。
-
font-display:swap是必须配置的底线措施，它强制用备用字体立即渲染再替换自定义字体，避免FOIT/FOFT闪烁；须写在@font-face中，配合document.fonts.ready确保字体真正可用，并选用度量值相近的fallback字体。
-
模块模式通过闭包封装私有状态，解决全局变量污染问题；观察者模式实现发布-订阅机制，降低组件耦合；工厂模式统一对象创建，隐藏实例化细节。合理使用这些模式可提升代码可维护性与团队协作效率，但应避免过度设计，优先选择清晰简单的实现，结合工具固化最佳实践，重点在于解决实际问题而非套用形式。
-
浏览器因服务端未返回Access-Control-Allow-Origin响应头而拦截跨域请求；需后端配置CORS头或前端开发期用Viteproxy代理绕过，且credentials为include时Origin不能设为*。
-
订单确认页需语义化结构（用<dl>替代<div>）、动态金额aria-live提示、按钮禁用逻辑显式校验、移动端地址折叠防失焦、地址弹层用inert锁定背景、电话字段适配键盘、取消入口置于订单号下方。
-
抖动动画应使用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。
-
CSS变量是ShadowDOM中唯一原生支持的安全样式穿透机制，因其求值延迟特性可沿继承链跨影子边界查找；需在宿主或祖先声明，配合fallback并注意兼容性与命名规范。
-
模块化+状态驱动实现A/B测试的清晰切换与高可维护性，通过解耦变量、策略、渲染层并以统一状态控制行为流向。
-
能，getComputedStyle可读取动画中实时位移值，但需等待样式生效（如requestAnimationFrame后）并解析transform矩阵获取精确像素值。
-
color-stop位置必须带单位，百分比或长度值缺一不可；漏单位会导致色标被丢弃，多色标重叠可实现硬边过渡，rgba可控制透明度，radial-gradient中位置基于径向半径比例，旧Safari对同位置多色标支持不稳定。
-
h1和h2标签在HTML中的三个关键差异是：1.h1用于页面主标题，h2用于子主题；2.h1字体默认比h2大；3.一个页面通常只有一个h1，多个h2用于划分章节。
-
PWA无法替代原生App，但在特定场景下可低成本逼近其体验；iOS因Safari限制导致安装率低、后台能力弱、地址栏无法完全隐藏，而AndroidWebView需满足HTTPS、JS启用、权限配置等条件才能注册ServiceWorker。
