-
Promise.allSettled用于处理多个Promise，无论成功或失败，都会等待全部完成并返回结果报告。1.它接收一个Promise数组，返回一个在所有Promise落定后解决的新Promise；2.返回值是一个数组，每个元素包含status（'fulfilled'或'rejected'）及对应value或reason；3.与Promise.all不同，它不会因单个失败而中断；4.适用于需要完整结果报告的场景，如批量操作、数据收集、非关键任务执行和调试分析；5.处理结果时可通过遍历数组区分成功与失
-
flex-grow:1是让内容区自动填充剩余空间最直接的解法，需父容器设display:flex、flex-direction:column和height:100vh；内容区设flex-grow:1并可选overflow-y:auto；失效主因是父容器无高度参照或未启用Flex布局。
-
HTML5表单查询可通过五种方法实现：一、JavaScript实时监听本地数据筛选；二、fetchAPI向后端动态请求；三、datalist提供自动提示；四、localStorage缓存并回溯历史查询；五、正则表达式支持高级模式匹配。
-
JavaScript解析JSON主要用JSON.parse()，需确保输入为合法JSON字符串（键名双引号、无尾逗号、无注释、无undefined/函数），并用try…catch捕获SyntaxError异常。
-
HTML5页面部署后404错误主因是服务器路径配置、文件部署或路由不匹配；需检查静态资源是否存在、URL与实际路径是否一致、服务器根目录配置、History模式fallback规则、文件权限及CDN缓存。
-
海信手机WebView存在多重兼容性问题：中低端机型内核老旧致WebGL等API失效；date输入框在Android7/8崩溃；U7/U8系列flex布局异常；A5/A7机型localStorage静默失败；需真机测试并针对性规避。
-
stroke属性用于设置SVG图形描边颜色，支持颜色名称、十六进制、RGB、HSL等CSS颜色值，可通过元素属性或CSS类统一控制，结合stroke-width与fill使用可优化视觉效果。
-
XMLHttpRequest需校验readyState===4且status>=200，fetch应配合AbortController实现超时控制，DOM更新须防XSS、事件丢失及内存泄漏，实际项目需统一处理loading、错误与防重提交。
-
优先使用gap控制Flex子元素间距，padding用于内部留白；gap避免尺寸溢出且首尾无多余空白，配合box-sizing:border-box可精准布局，旧浏览器可用margin与负margin模拟gap效果。
-
严格模式禁止未声明变量赋值、delete全局变量、with语句、arguments.callee等隐式行为，强制显式声明变量并报错而非静默失败。
-
JavaScript中的class是构造函数的语法糖，继承本质基于原型链；ES6extends自动处理原型链与super()调用，而ES5需手动实现寄生组合式继承。
-
答案是实现基于JavaScript的富文本编辑器需使用contenteditable容器，通过document.execCommand执行格式化命令，结合Selection和RangeAPI管理光标选区，并监听input事件获取innerHTML输出内容。
-
position:relative在响应式设计中用于微调元素位置及作为绝对定位的参考容器，通过配合媒体查询可实现不同屏幕下的动态定位调整，且不脱离文档流，避免布局错乱，适用于图标、标签、卡片等组件的精确定位与视觉优化。
-
JavaScript性能基准测试需通过多次运行、预热、控制变量和避免副作用来确保准确性，推荐使用Benchmark.js等专业工具进行科学测量，结合ChromeDevTools和Lighthouse分析真实场景性能，避免因环境差异或测试设计不当导致误判，最终以可重复的测试流程和真实用户体验为优化依据。
-
HTML5游戏开发依赖Canvas和JavaScript，通过绘图、动画循环与引擎工具实现跨平台游戏。使用Canvas绘制图形，结合requestAnimationFrame实现动画，推荐Phaser、PixiJS等引擎提升效率，需注意资源预加载、重绘优化、帧率控制及多设备适配等关键实践。
