-
元素旋转卡顿可通过优化CSS动画属性解决。1.使用transform:rotate()和@keyframes配合animation实现连续旋转，保持线性速度；2.添加translateZ(0)或will-change:transform启用GPU加速；3.避免动画中修改非transform属性；4.采用linear时间函数确保匀速；5.将动画元素脱离文档流减少重排。
-
JavaScript常用循环结构有for、while（含do...while）、forEach、for...of、for...in；真正能控制执行次数的原生循环仅for和while，其余为遍历语法糖或协议驱动。
-
HTMLrange滑块的value属性需设为数字字符串（如"value='50'"）才生效，否则默认为0；JS动态设置应使用inputElement.value="33"而非setAttribute；step在拖动/点击时强制对齐，但JS赋值或键盘操作时不生效；实时监听用input事件；隐藏默认样式需兼容各浏览器伪元素并手动设置尺寸。
-
font-family值必须用引号包裹的情况包括：字体名含空格（如"TimesNewRoman"）、含连字符（如"SegoeUI"）、中文系统字体（如"MicrosoftYaHei"）及@font-face自定义名；sans-serif作为通用族关键字须置于链尾且不加引号，中间不可有空项。
-
用<table>制作多商品参数对比表最稳妥，因其语义准确、无障碍友好、响应式与打印表现佳；须用<thead>+<th>表头、scope属性明确行列关系，并通过max-width、text-overflow和word-break控制长文本，小屏改用垂直卡片布局，禁用border-collapse:collapse而用border-spacing分隔商品。
-
z-index无法动画因其值为整数无中间态，浏览器只能瞬间切换层级。尽管可设置transition，但实际无过渡效果。可通过opacity、transform等可动画属性结合z-index切换，模拟视觉上的层级变化。例如用transform实现缩放、位移，配合opacity淡入淡出，使元素看似平滑“弹出”。实践建议将z-index作为状态开关，利用可动画属性提供视觉反馈，必要时通过JavaScript控制类名分步执行，从而实现流畅图层切换体验。
-
H5是HTML的升级版，新增多媒体、图形绘制、本地存储等功能，使网页从静态文档变为互动应用平台；传统HTML仍用于构建基础网页结构，保障SEO和信息展示；在移动开发中，H5跨平台成本低但性能较弱，原生应用体验好但开发成本高，实际常结合使用。
-
必须配合color:transparent才能使background-clip:text生效，否则文字保持默认黑色；还需添加-webkit-background-clip:text前缀并确保元素为行内或inline-block显示。
-
Vuex状态刷新丢失是因数据默认存于内存，解决方案有三：一、手动用localStorage/sessionStorage同步；二、使用vuex-persistedstate插件自动持久化；三、按业务语义选择sessionStorage（会话级）或localStorage（跨会话），并注意敏感信息与降级处理。
-
块级元素设置固定宽度并使用margin:auto可实现水平居中，适用于div等块级元素，需注意元素不能为inline或浮动、绝对定位，否则需改用text-align或Flexbox等方法。
-
用伪元素::after模拟下划线，设position:relative于容器，::after含content:""、display:block、height:2px、bottom:-2px，初始transform:scaleX(0)，悬停transition:transform0.3sease至scaleX(1)，并设transform-origin:leftbottom。
-
JavaScript继承基于原型链，ES6的class为语法糖。1.原型链继承通过子类prototype指向父类实例，实现方法共享，但引用属性共用有污染风险；2.构造函数继承利用call调用父构造函数，实现属性独立，但无法继承原型方法；3.组合继承结合两者优点，既通过call继承实例属性，又通过原型链继承方法，是传统方式中最推荐的；4.ES6Class继承使用extends和super，语法清晰，语义明确，底层仍基于原型，是现代开发首选方案。
-
Promise状态一旦变为fulfilled或rejected即不可逆，保障异步结果可预测、避免重复处理、确保链式调用确定性、简化错误边界，并需警惕resolve/reject参数的可变性陷阱。
-
无痕刷新依靠虚拟DOMdiff算法精准复用节点并保留状态，关键在于稳定key、不变更type/name、手动恢复光标/滚动等原生状态，避免破坏性更新。
-
关键帧百分比支持小数且语法合法，但问题在于插值逻辑与人眼预期错位、旧版浏览器四舍五入、关键帧过密被裁剪；需用两段式写法（如60%,79.999%{opacity:1;}）明确静态区间。
