-
事件循环阻塞的常见场景包括：CPU密集型计算（如处理大JSON、复杂数学运算）、同步I/O操作（如fs.readFileSync或同步XHR）、无限或低效循环（如N^3复杂度的嵌套循环）；2.识别方法是观察UI卡顿或API延迟，并使用ChromeDevToolsPerformance面板、Node.js的perf_hooks或APM工具定位耗时任务；3.解决策略为：优先使用异步API（Promise/async-await）、将CPU任务移至WebWorkers或worker_threads、拆分大任务用
-
先写测试用例再实现代码，使用Jest或Mocha组织测试套件与用例，通过断言验证输入输出，利用mock隔离依赖，覆盖正常及边界场景，确保测试独立可重复，提升代码质量。
-
HTML5表单验证通过内置属性实现基础校验，减少JavaScript使用。1.使用required、type="email"、type="url"、min/max、pattern、maxlength/minlength等属性可定义输入规则；2.浏览器在提交时自动检查并提示错误；3.可通过checkValidity()和reportValidity()用JavaScript手动触发验证；4.利用setCustomValidity()可自定义错误提示；5.需注意前端验证不可替代后端校验，部分旧浏览器兼容性差，
-
HTML中引入CSS有内联、内部（<style>）和外部（<link>）三种方式，推荐外链；CSS变量以--开头，在:root或选择器中声明，用var()函数调用并可设回退值，JS需用setProperty修改。
-
答案：Less通过变量、混入和嵌套提升CSS可维护性。使用变量统一管理颜色、字体等值，修改一处即可全局更新；混入封装常用样式，支持参数传递，减少冗余代码；嵌套结合局部变量优化组件结构，增强逻辑性与封装性，配合规范命名与模块划分，显著提高开发效率与团队协作一致性。
-
JavaScript正则匹配核心是test()判断存在性、match()/exec()提取内容；优先用includes()/indexOf()替代；注意转义特殊字符、标志作用及贪婪控制。
-
固定宽度布局通过设置容器固定宽度并居中实现，核心为width属性和margin:0auto；例如.container{width:960px;margin:0auto;}，配合HTML结构即可完成布局。
-
JavaScript中解析JSON用JSON.parse()，序列化用JSON.stringify()；前者要求字符串严格符合JSON规范（双引号、无尾逗号等），后者三参数中replacer可过滤/转换字段，space用于格式化输出，二者配合可实现安全数据交换与简单深拷贝。
-
HTML5无原生聊天标签，需用WebSocket（推荐）、fetch轮询或EventSource实现；WebSocket支持双向实时通信，需处理连接、收发、错误重连；降级方案需防抖与重复提交；DOM渲染须滚动到底、防XSS、格式化时间及状态。
-
CanvasdrawImage分割图片的实质是坐标裁剪，即通过指定源区域（sx,sy,sw,sh）和目标区域（dx,dy,dw,dh）实现内存中像素提取，而非生成独立文件；需配合toDataURL或toBlob导出，注意加载时机、闭包陷阱、尺寸限制及内存释放。
-
display:none彻底移除元素、不占空间、不响应事件、子元素失效，触发重排，SEO不索引；visibility:hidden保留占位、仅重绘、屏幕阅读器可读；opacity:0仍占位可交互，需pointer-events:none禁用点击。
-
本文介绍一种通过设置accept属性为"application/octet-stream"来绕过移动端文件选择器中相机入口的实用技巧，并说明其兼容性限制与使用注意事项。
-
最稳妥做法是用绝对定位的::before伪元素叠加半透明遮罩，父容器需设position:relative且::before设z-index:-1，确保遮罩在背景图之上、内容之下。
-
canvas.getContext('2d')返回null主因是canvas元素未加载进DOM，需确保在DOMContentLoaded后获取，检查ID是否拼写正确且元素存在，CSS隐藏不影响getContext。
-
使用CSSFlexbox可轻松创建响应式图片画廊，通过display:flex和flex-wrap实现自动换行与等比缩放，结合gap设置间距，flex属性控制最小宽度（如200px）并允许伸缩，配合媒体查询优化小屏显示（如600px以下设为150px），确保在不同设备上均具有良好视觉效果。
