-
可通过VS2019内置浏览器、WebEssentials扩展、自定义外部程序或IISExpress实现HTML边改边看与调试。首先右键HTML文件设为启动页，工具栏选择目标浏览器后按F5启动调试，浏览器中可结合开发者工具调试脚本；其次安装WebEssentials扩展可启用实时预览功能，在右侧窗格即时查看渲染效果；再者通过项目属性配置外部程序，指定浏览器路径并添加--remote-debugging-port参数实现高级调试；最后对于需服务器环境的场景，可使用IISExpress部署网站项目，以local
-
OOM根本原因是Less解析器在深度嵌套或无终止条件递归mixin时，导致AST节点爆炸式增长或V8调用栈持续膨胀，耗尽JavaScript堆内存；定位方法：注释mixin后仍OOM则指向嵌套层级问题，否则为递归展开失控。
-
要实现在网页上触发电话拨号功能，最直接的方式是使用tel:URI协议。1.通过HTML的<a>标签实现：如<ahref="tel:+8613800138000">拨打客服电话</a>，在移动端点击链接会自动跳转至拨号界面；2.使用JavaScript和window.location.href动态触发拨号，例如通过按钮点击事件执行window.location.href='tel:13812345678'。tel:协议之所以是最佳实践，是因为其标准化、兼容性强、用户体验一
-
Object.defineProperties可一次性定义多个属性并配置getter等描述符；需传入属性名到描述符对象的映射，描述符中含get函数则自动设value为undefined且writable为false。
-
window.open()用于打开新窗口或查找已命名窗口，语法为window.open(URL,name,specs,replace)，其中URL、name、specs均为可选参数，replace已弃用且Chrome中会抛异常。
-
background-clip:text未生效是因为未同时满足color:transparent和-webkit-background-clip:text；Firefox不支持该属性，需用@supports提供降级样式。
-
Bun完全兼容Node.js的模块导入语法，importfsfrom'fs'和importfsfrom'node:fs'均可正常工作且性能无差异；推荐统一使用'node:fs'等显式协议导入，以提升代码可读性、明确模块来源，并为未来生态演进预留兼容性。
-
metaname="author"标签不影响SEO排名，仅作人工可读的归属说明；适用于内部文档、静态博客、协作溯源等场景，content宜用邮箱/GitHubID，多人用逗号分隔且≤256字符，需与generator、copyright语义区分并及时更新。
-
闭包是React函数组件实现稳定状态逻辑的底层机制，它使每次Hook调用都能独立捕获并维持当前渲染环境的状态快照，确保自定义Hook中变量生命周期可靠、事件处理器能正确读取最新值，并支撑Hook调用顺序契约。
-
data-*属性能存数据但不私有，仅适合公开辅助信息；dataset自动驼峰转换且值恒为字符串，getAttribute返回原始字符串；敏感或复杂数据应存JS变量或Map而非DOM。
-
border-radius定义元素圆角形状，overflow:hidden裁剪超出内容，二者结合确保图片等元素在容器内按圆角规则显示，避免直角溢出，实现如圆形头像、响应式卡片等视觉效果。
-
flex-wrap用于控制Flexbox子元素是否换行，可选值为nowrap（不换行）、wrap（允许换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局。
-
动画卡顿本质是主线程被密集计算阻塞，增量步进通过分阶段、交替执行、写入屏障实现错峰处理，可类比用于动画：帧粒度拆分、Worker卸载计算、异步批处理。
-
grid-auto-rows:min-content不影响容器高度，只控制隐式行高度；容器需移除height/min-height等限制并避免父容器拉伸，才能真正贴合内容。
-
浮动布局核心优点是支持图文环绕与多栏布局、兼容性好、无间隙问题；缺点是脱离文档流致高度塌陷、易卡住、DOM结构耦合高；清除方式含伪元素法、overflow触发BFC、额外标签法及display:flow-root。
