-
应优先用if而非switch：当需判断数字范围（如age≥18）、处理动态/连续值、使用任意布尔表达式或复杂逻辑时；switch仅适用于多个固定值的精确匹配。
-
WebAssembly的尾调用优化通过将尾递归调用转化为栈帧重用，避免栈溢出并提升性能。它要求递归调用位于函数末尾且无后续操作，编译器将其转换为return_call指令实现跳转而非压栈。该优化对深度递归场景至关重要，尤其在函数式语言编译到Wasm时。Rust、C/C++、AssemblyScript等语言需编写尾递归形式并开启优化编译，才能触发此优化。然而，其应用受限于运行时支持成熟度、编译器识别能力、调试困难及代码可读性问题，并非所有递归均可优化，需权衡使用。
-
用rem+viewport缩放控制最稳妥，但必须禁用text-size-adjust，否则iOSSafari会强行放大小字号文本；根本原因是系统「可读性缩放」和浏览器对viewport解析差异，导致手机和平板文字表现不一致。
-
实现表格斑马纹效果最推荐的方法是使用CSS的:nth-child()伪类选择器，它能为奇数行和偶数行设置不同背景色，显著提升表格可读性和用户体验。1.通过为相邻行设置不同背景色，帮助用户更轻松地追踪和对比数据，降低视觉疲劳；2.相较于其他方法，:nth-child()代码简洁、维护方便，是现代前端开发首选方案；3.其他实现方式包括手动添加类名（维护困难）、JavaScript动态添加类名（依赖JS）、:nth-of-type()（与:nth-child()效果相近）；4.实际应用中需注意thead和tfo
-
HTML5<video>标签本身无硬性文件大小限制，但实际播放能力受浏览器、设备内存、网络带宽及视频编码方式共同制约；500MB视频无法播放通常源于加载策略不当或未启用流式传输，而非标签本身限制。
-
align-items:flex-start最可靠，因它对齐子元素主轴起点；需确保父容器display:flex、清除图片vertical-align和文字margin/line-height干扰，IE11用baseline或table-cell兼容。
-
Buffer是Node.js中用于高效操作二进制数据的核心类，适用于TCP流、文件I/O和网络请求。它在V8堆外分配固定大小的内存块，以8位字节存储数据，支持通过索引访问，每个字节范围为0到255。创建方式包括Buffer.from()、Buffer.alloc()和Buffer.allocUnsafe()，例如Buffer.from('hello')将字符串按UTF-8编码为字节序列。Buffer常与Stream配合使用，处理大数据时分块读取，可读流通过'data'事件emitBuffer数据块，便于累
-
JavaScriptDOM操作核心是先选中元素再增删改查，推荐使用getElementById、querySelector、querySelectorAll等高效选择器，并通过缓存元素、使用classList、DocumentFragment和事件委托提升性能与安全性。
-
答案：前端水印通过Canvas或DOM生成，用于防信息泄露，可结合用户信息动态渲染并监听删除操作，但仅作辅助防护。
-
可通过ActiveX、本地服务器、Electron或自定义协议四种方式在特定条件下实现HTML调用本地EXE程序。
-
浮动元素的margin常“失效”是因为其脱离普通文档流，垂直方向margin被忽略或合并；水平margin通常有效，垂直间距宜用padding或BFC解决；现代布局应优先使用flex或grid。
-
会改变原数组的方法有push()、pop()、shift()、unshift()、splice()、sort()和reverse()；map/filter/reduce等不修改原数组，返回新数组，更安全；复制数组推荐[...arr]，深拷贝用structuredClone()。
-
跨页面通信有四种方法：一、URL参数传递少量字符串数据；二、localStorage实现同源双向持久化共享；三、postMessage支持跨窗口安全异步通信；四、BroadcastChannel实现同源多页面广播通信。
-
最常见的:hover写法错误是冒号后有空格或选择器主体后有空格，如button:hover和a:hover均错误；需确保伪类紧跟选择器、无空格、元素可交互、transition定义在常态规则中且未被更高优先级覆盖。
-
使用CSSGrid的auto-fit和minmax实现响应式图标网格，通过grid-template-columns:repeat(auto-fit,minmax(80px,1fr))让图标自适应屏幕宽度，结合gap和padding优化间距，在小屏设备可调整minmax最小值为60px及减小gap，并用媒体查询进一步适配，配合图标字体或SVG确保各设备显示良好。
