-
在Firefox中，为新插入DOM的元素添加CSStransition时，单纯依赖setTimeout或requestAnimationFrame往往无法稳定触发动画；使用WebAnimationsAPI的element.animate()方法可绕过渲染时机问题，实现可靠、零延迟、跨浏览器兼容的过渡效果。
-
答案是处理JavaScript日期时应理解Date对象基于UTC毫秒数但显示受本地时区影响，避免依赖字符串解析，推荐使用参数构造或ISO8601带时区格式，统一用getTime()获取时间戳；展示多时区时间应使用Intl.DateTimeFormat指定timeZone，支持IANA时区名并处理夏令时；性能优化需缓存格式化结果、复用formatter实例、优先使用时间戳运算；替代moment.js可选date-fns或dayjs，复杂时区场景用luxon，核心在于准确区分本地与UTC时间，合理使用标准AP
-
JavaScript对象创建有三种方式：{}字面量等价于newObject()，原型指向Object.prototype；newFoo()使实例__proto__指向Foo.prototype；Object.create(proto)可直接指定原型，如Object.create(null)生成无原型的纯净对象。
-
使用max-width:100%和height:auto可使图片在不同屏幕下自适应且保持比例，避免变形或溢出；配合display:block或flex布局防止空白问题，object-fit适用于裁剪场景。
-
前端与后端通过WebSocket、RESTAPI轮询及JWT实现状态同步，确保关键数据一致。1.WebSocket用于实时场景，如聊天协作，后端主动推送更新至前端；2.RESTAPI结合定时轮询适用于低频更新，前端定期拉取或操作后同步状态；3.JWT维持登录状态，前端存储并携带token，后端验证后返回用户数据，配合刷新机制处理失效。选择方案需根据实时性需求，避免过度设计，同时关注网络异常恢复等边界情况。
-
不能直接用border-image-source实现重复平铺，必须配合border-image-repeat:repeat才能真正平铺，否则默认拉伸；且需确保图像无缝、slice值匹配边框宽度，并设border为transparent。
-
设置opacity会让子元素一起变透明，因为opacity作用于整个元素及其后代渲染层，透明度按乘积计算；想背景透明而文字不透明，应使用rgba()、hsla()或8位十六进制颜色值。
-
NaN永远不等于NaN是因IEEE754标准规定，JavaScript继承此行为；isNaN()有类型转换陷阱，应优先使用Number.isNaN()或Object.is()检测。
-
本文详解如何使用executeAsModal在PhotoshopUXP插件中正确修改文本图层内容，避免因缺少模态作用域导致的“saveDocumentSelectionmaymodifythestate”错误。
-
加rel="noopenernoreferrer"主要为解决安全和性能问题，非强制但强烈推荐：noopener防止新页面通过window.opener劫持原页面并窃取信息，同时避免页面间隐式耦合导致的性能拖累；noreferrer则额外阻止Referer头泄露敏感路径或用于跨站追踪。
-
使用CSS动画可实现border-radius平滑变化，通过@keyframes定义从0或小值到50%的圆角过渡，配合animation-timing-function控制缓动，适用于按钮悬停、加载动画等场景。
-
padding百分比值始终参照包含块的宽度，即使用于padding-top或padding-bottom；混用单位易导致响应式布局异常，且父宽为0时百分比padding失效。
-
HTML5对移动端适配更强，因其原生支持viewport、flexbox/grid及媒体查询等响应式底层能力；而HTML4/XHTML需外部补丁，且在非HTML5doctype下viewport常失效、flex/Grid错位、媒体查询基准错误。
-
使用rgba()可精确控制颜色透明度，仅影响指定属性，而opacity会影响整个元素及其子元素。rgba(0,0,0,0.5)表示半透明黑色，常用于背景、阴影等场景，避免内容模糊，提升设计灵活性。
-
移动端按钮点击困难的根本原因是触控区域padding不足；iOS/Android要求最小44px×44px或48dp，需用rem+媒体查询动态扩增上下padding，并配合touch-action:manipulation和真机验证热区。
