-
通过opacity和transform结合transition实现弹窗动效，1.结构上使用modal容器包含内容框；2.初始隐藏并设置透明度、缩放及过渡；3.添加active类触发动画，改变透明度、可见性和缩放；4.JS通过类名切换控制显示隐藏，配合visibility和pointer-events避免误交互。
-
animation-direction取值为normal、reverse、alternate、alternate-reverse，分别控制动画每轮的播放方向逻辑；设reverse无变化常因关键帧定义未适配倒播顺序。
-
样式渲染错乱主因是作用域失控，应通过语义化容器类、子选择器、BEM命名及:where()降权来精准控制样式边界，避免权重冲突与意外覆盖。
-
Vue中VNode核心类型有五种：文本节点、注释节点、元素节点、组件节点、函数式组件节点；文本节点仅含text属性，挂载时创建Text节点，更新时仅修改nodeValue；注释节点isComment为true，挂载和更新均只操作nodeValue且跳过diff；组件节点封装实例与上下文，挂载时创建实例并递归patch子树，更新时复用或重建实例。
-
单例模式在JavaScript中靠开发者主动控制实现，常用闭包+IIFE封装私有实例或ES6class+静态属性实现，需禁用直接new、注意跨环境污染及避免滥用为全局状态。
-
首选navigator.clipboardAPI，因其异步、安全且符合现代标准；旧浏览器可回退至document.execCommand并配合临时DOM模拟操作。
-
pattern属性在type="number"上完全无效，浏览器会忽略它；仅对type="text"等文本类类型生效，数值校验应使用min/max/step或JS补充。
-
在ES6中，检查字符串是否以另一字符串结尾应使用String.prototype.endsWith()方法。该方法通过str.endsWith(searchString[,length])语法判断字符串结尾是否匹配searchString，返回true或false；可选参数length用于限定检查的字符串长度，默认为原字符串全长；例如'Hello'.endsWith('o',5)返回true；使用时需注意大小写敏感、length参数含义及空字符串行为；若需兼容旧环境，可通过lastIndexOf或subs
-
<progress>元素需同时设置value和max属性才有效，value必须在0到max之间（含端点），否则退化为不确定状态；它仅表示任务进度，不自动标识“完成”，需JS或CSS配合实现完成态样式。
-
class样式未生效的主因是CSS特异性冲突或元素未匹配选择器；检查开发者工具Styles面板中被划掉的样式，按内联>id>类>标签优先级排查，避免滥用!important和误用inherit。
-
Serverless架构通过JavaScript云函数让开发者专注业务逻辑，平台自动伸缩、按需执行并细粒度计费，适用于事件驱动场景，但需注意冷启动、执行时间限制及调试复杂性。
-
ZurbFoundation移动端布局依赖栅格系统和响应式工具类自动适配，需正确引入CSS/JS、执行$(document).foundation()初始化，并理解其移动优先断点逻辑（small≤640px、medium≥641px、large≥1024px）。
-
position:sticky需满足条件才能生效，结合Flexbox和Grid布局可实现固定导航、表头等交互效果，注意父容器无overflow限制、设置偏移值及避免transform影响。
-
本文介绍如何基于HTML5视频播放状态（播放中/已暂停），通过JavaScript监听事件并配合CSS类切换，实现悬停时显示不同自定义光标（如play/pause图标），无需第三方库，兼容现代浏览器。
-
vw/vh是基于视口宽高的相对单位，1vw=视口宽1%，1vh=视口高1%，不依赖父元素；%相对于父元素，px是绝对单位；vw/vh适合全屏布局但需注意iOSSafari的vh跳变问题及字体失控风险。
