Flex子元素垂直居中失效主因是父容器非flex布局或高度未明确；需确保父容器display:flex、有可计算高度，并正确设置align-items:center（配合flex-direction:row）及justify-content:center实现完全居中。

map、filter、reduce可提升数据处理效率：1.map结合索引与解构实现序号生成、嵌套转换；2.filter通过复合条件、Set去重、Boolean过滤优化筛选；3.reduce用于分组、构建映射、扁平化及统计计算，三者均不改变原数组，适合不可变操作。

应使用requestAnimationFrame替代setTimeout/setInterval实现动画，因其自动对齐屏幕刷新率、页面不可见时暂停、支持时间戳精准计算；CSS动画宜用class切换与animation-play-state控制，配合animationstart/end事件监听，避免强制同步布局，仅操作transform/opacity以保障性能。

海信手机WebView存在多重兼容性问题：中低端机型内核老旧致WebGL等API失效；date输入框在Android7/8崩溃；U7/U8系列flex布局异常；A5/A7机型localStorage静默失败；需真机测试并针对性规避。

Proxy是ES6用于实现双向绑定的核心特性，通过拦截对象的get和set操作，可在数据变化时自动更新视图，用户交互时同步修改数据；相比Object.defineProperty，Proxy能监听动态属性和数组方法，语法更简洁，支持对整个对象的代理，无需递归定义响应式属性，是现代前端框架响应式系统的基础。

需利用HTML5DragandDropAPI实现搜索框拖拽排序：一、设draggable="true"并监听dragstart/dragover/drop事件；二、用DataTransfer传递JSON上下文；三、CSS定制拖拽反馈样式；四、隔离拖拽与输入焦点；五、检测API兼容性并提供按钮降级方案。

transition:color0.3sease,background0.3sease;

JavaScriptDate对象可处理当前时间及任意时间点，支持创建、获取、设置、格式化等操作；需注意月份从0开始、时区影响及字符串解析兼容性。

主轴方向由flex-direction决定，必须配合display:flex使用；row（水平向右）、row-reverse（水平向右但顺序反转）、column（垂直向下）、column-reverse（垂直向下但顺序反转）；justify-content仅在已定主轴上分配空间，不改变方向。

HTML5SpeechSynthesisAPI可通过JavaScript让网页“说话”。其核心步骤为：1.创建SpeechSynthesisUtterance对象并设置文本、语速、音调等属性；2.使用speechSynthesis.speak()方法播放语音。检测浏览器支持的方法是检查window.speechSynthesis是否存在，并建议监听voiceschanged事件确保语音列表加载完成。选择语音时，可通过speechSynthesis.getVoices()获取语音列表并根据lang或name

节流函数的核心是控制函数在指定时间间隔内最多执行一次，通过闭包和定时器实现；2.它适用于需要规律执行的场景，如滚动、窗口缩放、拖拽等事件；3.与防抖不同，节流保证周期性执行，而防抖只在事件停止后执行一次；4.生产级实现需考虑this上下文、参数传递、leading/trailing配置、取消机制及时间戳可靠性，确保函数健壮、灵活且无内存泄漏，最终返回一个可被安全调用的节流化函数。

HTML5元素隐藏有六种方法：一、hidden属性（移除渲染树）；二、CSSdisplay:none（不占布局）；三、visibility:hidden（占位但不可见）；四、opacity+transform（视觉隐藏且可交互）；五、aria-hidden配合视觉隐藏类（兼顾无障碍）；六、data属性+JavaScript条件渲染（动态DOM控制）。

<p>使用calc()可精确计算CSS盒模型尺寸，如设置总宽300px的元素时，通过width:calc(300px-20px2-2px2)减去padding和border，确保内容区宽度正确；在响应式布局中可用width:calc(100%-40px)实现自适应；但推荐全局设置box-sizing:border-box，使width包含padding和border，简化计算并提升维护性。</p>

progress标签需同时设置value和max才显示确定进度条；value超出范围会被自动截断；JavaScript更新value必须用数字而非字符串；样式需通过伪元素定制；默认具备无障碍支持。

JavaScript原型链是对象属性访问的委托查找路径，从自身开始逐级向上查找至Object.prototype后终止于null，本质是动态运行时机制而非类继承。