-
本文介绍如何在Vite/Rollup构建流程中条件性加载仅用于开发环境的数据库驱动（如mysql2），避免因引入非边缘兼容包导致构建失败，同时彻底规避eval等不安全方案。
-
使用transform+translate更流畅，因为其通过GPU加速将元素提升至独立图层，避免触发重排与重绘。正确做法是用translateX/Y替代left/top/margin，配合transition实现平滑动画，并可辅以will-change和合理缓动曲线优化性能。
-
HTML5中引入icon字体需通过<link>加载CSS文件，再用或<span>加类名渲染；不可用<img>加载字体文件。常见问题包括路径错误、类名不匹配、字体未加载或CSS冲突，应检查Network面板和Computed样式。
-
html5play无法播放AAC音频的根本原因是其依赖浏览器原生audio元素，而浏览器仅支持MP4封装的AAC（.m4a/.mp4），不支持裸ADTS流（.aac）；需确保服务端返回audio/mp4或audio/x-m4a类型及正确CORS头。
-
父组件通过闭包绑定子组件唯一ID实现事件来源区分：模板中用箭头函数传入标识如'e=>handler(e,"compA")'，或子组件props传componentId并emit时附带，或v-for中用索引生成闭包，确保事件处理精准无歧义。
-
没有“万能配色”，但有可复用的协调逻辑：主色定调性，辅色控节奏，强调色引动线，所有颜色须经对比度校验、语义化命名与集中管理。
-
真正可行的是background-clip:padding-box配合透明border实现渐变边框，因该属性限制背景仅渲染于内边距及内容区，结合transparent边框可使渐变“显形”于边框位置。
-
最直接方式是给body设background属性用linear-gradient()或radial-gradient()，避免额外div；注意语法规范：方向用tobottom或角度值，色标带单位，圆渐变需加circle关键字，多背景用逗号分隔并配blend-mode。
-
Record和Tuple是JavaScript新增的深度不可变数据类型，分别用#{}和#[]表示，支持值比较与结构化克隆，适用于状态管理等场景。
-
通过元素、类、属性和伪类选择器可精准控制表单样式：首先设置输入框和文本域的基础样式，再用class或id实现个性化外观，如必填项提示和按钮定制；接着利用属性选择器针对email、password等特定类型设置样式，最后结合:focus、:hover等伪类增强交互效果，提升用户体验。
-
懒加载能提升首屏速度，但仅适用于非首屏资源；对首屏主图误用会导致CLS或空白占位符。loading="lazy"最简但兼容性有限，IntersectionObserver更可控，关键资源应优先使用preload或fetchpriority。
-
事件循环中没有独立的“垃圾回收”阶段。①垃圾回收（GC）是JavaScript引擎内部的内存管理机制，由引擎自动执行，负责回收不再被引用的对象所占用的内存。②GC不是事件循环的明确阶段，而是在后台运行，可能在主线程空闲或任务间隙执行，以减少对主线程的阻塞。③现代引擎采用分代回收、增量/并发回收等策略，使GC可在独立线程或拆分执行，降低对性能的影响。④GC可能引发“暂停世界”现象，影响事件循环的响应速度，尤其在UI更新时可能导致卡顿。⑤开发者可通过浏览器性能面板观察GC行为，使用内存面板分析堆快照，诊断内存
-
中国风配色需用CSS精准控制，主色推荐#9E3D2D（朱砂）、#D4B683（秋香）、#2C3E3F（石青）、#C19A6B（檀色），须语义化命名、集中管理、注重对比度与留白节奏。
-
纯HTML无法实现真正可用的预约页面，因缺乏提交逻辑、数据存储、时间冲突校验及邮件通知等功能；必须依赖后端或第三方服务，前端仅负责表单结构与基础交互。
-
用语义化HTML+基础CSS即可构建可访问、响应式作品集：每个作品用figure包裹，img设width/height和loading="lazy"，figcaption写标题与上下文；网格用minmax()和clamp()实现断点适配；锚点跳转需ID一致、tabindex="-1"及scroll-margin-top避遮挡。
