-
Promise解决回调地狱问题，通过链式调用提升可读性、统一错误处理、支持并行与中断；但无法取消、无进度反馈、错误易静默，需配合AbortController等方案。
-
应使用requestAnimationFrame替代setInterval实现动画主循环，因其与屏幕刷新率同步、精度高且不易卡顿；需在回调中更新状态并重绘，末尾递归调用自身，避免耗时操作，配合keydown/keyup监听按键状态，注意Canvas坐标系、图像加载时机、变换隔离及AABB碰撞检测等关键细节。
-
滚动卡顿主因是overflow:scroll未触发硬件加速，需加-webkit-overflow-scrolling:touch和transform:translateZ(0)；安卓WebView需启用hardwarelayer；touchmove必须设passive:true；图片字体加载需异步优化。
-
JavaScript调试测试应从第一行代码开始，用DevTools断点、console.group/table等提升可观测性，Jest需正确处理异步和mock，sourcemap与严格模式保障调试质量。
-
HTML文件必须通过W3C验证器校验且无错误，关键包括：正确闭合标签、属性值加引号、合法嵌套、完整根结构；编码须为UTF-8withoutBOM，并在<title>前声明<metacharset="UTF-8">。
-
<p>Math.random()不安全、不可重现且易产生分布偏差，密码等场景须用crypto.getRandomValues()；生成整数应使用Math.floor(Math.random()*(max-min+1))+min。</p>
-
box-sizing默认值是content-box，width/height仅指内容区尺寸，实际宽度=内容宽+左右padding+左右border；margin折叠使相邻块级元素垂直外边距取较大值而非相加。
-
计算属性是Vue中实现购物车金额实时计算与逻辑分发的理想选择——自动响应变化、缓存结果、避免重复执行，并支持金额汇总、折扣判断、库存校验等逻辑分离。
-
使用relative和absolute定位可高效实现弹出菜单。1.父容器设为position:relative，建立定位参考；2.子菜单设为position:absolute，通过top:100%、left:0等相对于父元素定位；3.初始隐藏菜单（visibility:hidden），利用:hover或JavaScript控制显示；4.设置z-index避免被遮挡，避免父级overflow:hidden导致裁剪。适用于下拉导航等场景，结构清晰、兼容性好，关键在于掌握定位机制与细节处理。
-
Proxy是拦截并自定义对象基本操作的包装器，不修改原对象，通过handler中的get、set、has、deleteProperty、ownKeys、apply、construct等trap实现响应式、校验、日志等功能，但仅浅代理且部分内置行为不可拦截。
-
文字阴影平滑过渡需设置一致的text-shadow结构，避免使用none，统一颜色格式为rgba，并通过transition实现流畅动画效果。
-
Android中WebView集成需四步：一、声明权限与控件并加载HTML；二、启用JavaScript及HTML5特性；三、通过assets目录加载本地资源；四、用addJavascriptInterface实现JS与Java通信，并手动管理生命周期。
-
flex-wrap属性用于控制flex子元素是否换行。默认nowrap不换行，设置wrap可使子元素在空间不足时自动换行，结合flex和min-width能实现响应式布局。
-
答案：通过HTML5属性、正则表达式和JavaScript可实现表单数字验证。使用type="number"支持原生数字输入，结合min、max、step控制范围与精度；需自定义格式时用pattern配合正则表达式，如^\d+(.\d{1,2})?$限制两位小数；为获得实时反馈，可通过JavaScript动态校验输入值，并在提交时进行最终验证；注意前端验证易被绕过，服务端必须重新校验，同时设置清晰的title提示以提升用户体验。
-
通过::picture-in-picture-waiting伪类为视频元素在进入画中画前的等待状态设置样式，如虚线边框和透明度变化，以提供视觉反馈；该伪类作用于原始video元素，与::picture-in-picture区分，后者用于已进入画中画状态时的样式；目前主要在Chromium内核浏览器支持，需注意兼容性并采用渐进增强策略。
