-
color-contrast()函数报错因浏览器原生不支持，仅SafariTP部分实现；替代方案为手动计算、JS库或PostCSS插件；WCAG对比度需按sRGB相对亮度公式计算，半透明色须先合成背景。
-
JavaScript函数参数统一按值传递：基本类型传值副本，修改不影响外部；引用类型传地址副本，可修改对象内容但无法改变原变量指向。
-
使用伪元素可实现CSS商品卡片中信息的视觉隐藏与替代展示。1.通过::before创建色块覆盖内容，如将“已售数量”文字设为透明并用背景遮盖，保留DOM结构利于SEO；2.利用::after插入“少量”等提示文本替换原信息，原数据仍存于HTML中；3.结合overflow:hidden与伪元素内容屏蔽，如用“**”填充价格区域；4.注意设置content、定位及z-index确保效果正确，必要时添加user-select:none防复制，并考虑aria-hidden保障无障碍访问。核心是视觉遮盖同时保留内
-
JS虚拟机通过解析源码生成AST，结合解释执行与JIT编译优化性能，采用分代垃圾回收管理内存，并依赖事件循环处理异步任务，实现高效并发。
-
loading="lazy"并非万能，需考虑浏览器兼容性、首屏关键图加载稳定性、srcset/sizes语法正确性、框架属性透传及局部滚动容器限制。
-
-webkit-text-stroke是WebKit专属非标准属性，Chrome、Edge、Safari支持，Firefox完全不支持，因其未实现且Mozilla暂无计划支持；应优先考虑text-shadow模拟或SVG的stroke属性实现跨浏览器兼容。
-
弱网环境下应利用NetworkInformationAPI获取effectiveType进行图片降级，而非仅监听网络类型；按slow-2g/2g、3g、4g分级加载缩略图/WebP/原图，并结合onerror与超时兜底。
-
本文详解如何利用vw/vh视口单位替代固定长度（如rem），使圆形按钮容器随屏幕宽度等比缩放，并确保内部内容居中显示。
-
Vue组件通信需按场景选型：父子用props/$emit，跨层级用provide/inject，全局状态用Pinia，事件总线仅限低频解耦，$attrs/v-model用于封装透传，避免滥用ref或$parent破坏封装。
-
Vue权限控制核心是结构化管理权限数据并分层封装getter：模块/操作/实例三级嵌套结构，配合路由守卫拦截与响应式按需计算，避免异步、缓存及副作用问题。
-
验证码，简单来说，就是为了区分你是人还是机器。在HTML中，本身并没有直接生成验证码的功能，需要借助后端语言（如PHP、Python等）和前端技术（如JavaScript）配合实现。解决方案后端生成验证码图片和随机字符串：后端脚本负责生成一个随机字符串（例如，包含数字和字母）。将该字符串绘制成一张图片。这通常涉及图像处理库的使用。将该字符串存储在服务器端的Session中。注意，Session是与用户关联的，所以每个用户看到的验证码都不同。将验证码图片以适当的格式（如PNG、JPEG）返回给前端。前端展示
-
WebSocket通过HTTP升级握手建立TCP上的持久双向通信，客户端用newWebSocket()连接并监听onopen/onmessage，服务端用ws库广播消息，需处理重连、心跳、鉴权等优化。
-
应显式设置transform-origin:center、添加will-change:transform，并用@keyframesui-pulse配合cubic-bezier(0.25,0.46,0.45,0.94)实现快进慢出呼吸感动画，绑定时通过class+animationend防重复播放。
-
float多栏布局必须手动计算总宽度（含margin、padding、border）≤100%，否则末栏换行；需用box-sizing:border-box、留1–2px余量、父容器padding要扣除；clear:both或overflow:hidden防塌陷；IE8兼容需整数百分比或条件注释。
-
CSS中animation与transition应结合使用：transition用于属性值的平滑过渡，适合响应用户交互；animation通过@keyframes定义复杂动画流程，适用于多关键帧的视觉效果。例如hover时用transition实现缩放，同时用animation创建背景色脉冲；菜单展开用transition控制高度变化，图标旋转叠加animation实现弹性反馈；伪元素可独立执行发光动画而不干扰主元素过渡。两者分工明确，提升交互质感与性能。
