-
Vite本身不支持类似Webpack的注释标记式代码排除，但可通过import.meta.env.DEV实现精准的环境条件编译：开发时执行并保留代码，构建时自动剔除，零配置、零插件、原生可靠。
-
JavaScript发起HTTP请求首选fetch()，兼容旧浏览器或需上传进度控制时用XMLHttpRequest；fetch默认不处理HTTP错误状态、不带Cookie、不自动解析JSON，axios则封装了这些功能并默认拒绝4xx/5xx响应。
-
flex布局比百分比更可靠，因其自动分配剩余空间、处理溢出且不受边框/内边距四舍五入影响；推荐display:flex+flex-wrap:wrap，用gap替代margin，父容器设box-sizing:border-box。
-
Navigator.share在移动设备上的主要限制包括：必须在HTTPS安全上下文中运行，需由用户手势触发，浏览器兼容性差异（如iOSSafari对文件分享支持较弱），无法自定义原生分享面板样式，且功能受限于操作系统和接收应用的支持程度。
-
1、通过Win+Tab打开TaskView，拖动浏览器窗口实现左右分屏布局；2、使用HTML的PostMessageAPI与window.open()建立同源页面间通信，主控页发送指令，辅助页监听并更新DOM；3、利用localStorage存储共享状态，通过storage事件监听跨窗口变化，确保viewMode等数据同步；4、采用CSSGrid与Flexbox构建响应式界面，设置min-width与媒体查询优化窄屏显示，提升分屏协作体验。
-
在async函数中，资源清理的核心方法是使用try...finally结构。1.try...finally确保无论异步操作成功、失败还是被取消，finally块中的资源释放逻辑都会执行；2.资源声明需在try块外以便finally能访问并清理；3.finally中的异步清理操作应使用await以确保完成；4.清理逻辑应设计为幂等，避免重复调用引发错误；5.高级模式如资源池、AsyncLocalStorage及模拟的“using”行为可提升资源管理效率；6.前端开发中也需注意事件监听器等非传统资源的清理。这
-
根本原因是<marquee>被HTML5废弃，属浏览器兼容性残留；Chrome部分支持，Firefox默认禁用，Safari完全忽略，应改用CSS@keyframes+transform:translateX()实现硬件加速滚动动画。
-
Array.from()可将类数组或可迭代对象转换为真数组，1.它通过识别对象的length属性和索引或Symbol.iterator接口实现转换；2.常用于处理NodeList、arguments或自定义类数组对象；3.支持第二个参数映射函数，实现转换时同步处理元素；4.与[...spread]相比能处理不可迭代的类数组，与slice.call相比语法更清晰且支持映射；5.可生成指定长度数组、转换Set/Map、结合thisArg使用；6.注意仅适用于类数组或可迭代对象，对普通对象返回空数组，且为浅拷贝
-
用伪元素+opacity实现渐变背景平滑切换最可靠：因CSS渐变不可动画，需用::before和::after承载新旧渐变，通过opacity过渡模拟淡入淡出，避免跳变。
-
应检查并重置white-space:nowrap为normal，设置明确width值，避免word-break:keep-all，优先用flex/grid替代float。
-
ChromeDevTools断点需设在可执行语句（如if、赋值），避开var声明/空行/注释；压缩代码须启用SourceMap，动态脚本需Blackbox；条件断点、debugger语句、异步回调断点及console高级用法（table/group/time）可提升调试效率。
-
本文介绍如何利用JavaScript的rest参数语法，让函数能接收任意数量的回调函数作为参数，避免硬编码参数名，提升代码复用性与可维护性。
-
模板字面量是JavaScript中唯一支持多行、表达式嵌入、标签函数和原始字符串解析的字符串构造机制，必须用反引号定义，支持运行时表达式求值、标签函数拦截及String.raw原始解析。
-
JavaScript的Iterator接口是一种统一的遍历协议，其核心是通过实现Symbol.iterator方法使对象可迭代，具体步骤为：1.对象需实现Symbol.iterator方法，返回一个迭代器；2.迭代器必须有next()方法，每次调用返回{value,done}对象；3.done为true时遍历结束，value通常为undefined。例如自定义createRangeIterator函数生成指定范围数字，通过[Symbol.iterator](){returnthis;}让迭代器自身可遍历，
-
Tailwind的disabled:变体需元素真实携带disabled属性才生效，JIT模式下开箱即用但依赖HTML正确渲染；若未启用插件、未同步设置disabled属性或使用非原生可禁用标签，则样式不触发。
