-
首先检查JavaScript是否存在无限循环或阻塞性操作，通过开发者工具控制台排查错误；1、定位并修复死循环代码，将耗时任务改为异步执行；2、确保外部资源路径正确，使用async/defer异步加载脚本，压缩文件体积；3、避免生成过多DOM节点，采用虚拟滚动和分页渲染，启用CSS硬件加速；4、尝试无痕模式或更换最新版主流浏览器测试，排除插件干扰，建议通过本地服务器运行HTML文件。
-
运行HTML5代码只需保存为.html文件并用浏览器打开，推荐使用VSCode配合LiveServer实现实时预览和自动刷新，避免跨域问题。
-
JavaScript函数是“一等公民”，因其可赋值、传参、返回、存储于数据结构中；高阶函数指接受函数为参数或返回函数的函数，如map、debounce；使用时需注意this绑定与闭包陷阱。
-
JavaScript正则表达式需兼顾准确性、性能与可维护性：避免灾难性回溯，预编译复用、优先test()校验；附手机号、邮箱、日期等高频模式及调试、安全与进阶技巧。
-
超链接可通过file://协议或自定义URL协议在本地运行文件，但受浏览器安全限制，仅适用于本地调试或内网环境。
-
空值合并运算符（??）仅在左侧为null或undefined时返回右侧值，否则返回左侧值；而逻辑或（||）对所有假值（如0、''、false、NaN）均触发替换。
-
flex-basis优先级更高，直接参与主轴尺寸计算，width在flex容器中被忽略（除非flex为none或00auto且未设flex-basis）。
-
答案是根据图形类型选择对应碰撞检测算法：圆形用距离判断，矩形用AABB，多边形用分离轴定理，核心在于利用各自几何特性实现精确检测。
-
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;
