-
WebWorker用于解决JavaScript主线程阻塞问题，通过独立执行环境运行耗时计算任务，不访问DOM，依赖postMessage通信，适合纯计算但有启动开销和兼容性限制。
-
骨架屏应使用linear-gradient配合background-position动画实现光扫效果，而非静态灰色块；需设background-size大于容器、animation-delay错开节奏、IE11降级为opacity脉冲，并确保容器有明确宽高。
-
flex-basis用于设置flex子元素在主轴方向的初始尺寸，影响布局分配前的基础大小。其值可为固定长度（如px、%）、auto或content，分别对应具体尺寸、默认宽高或内容所需空间。在横向布局中类似width，纵向则类似height，仅在flex容器中生效。常与flex-grow和flex-shrink结合使用，构成flex简写属性，如flex:11200px表示初始大小200px且可伸缩。推荐避免同时设置width和flex-basis以减少冲突，配合flex-wrap可精准控制换行前的尺寸，提
-
事件委托通过将大量元素的事件监听收口到父容器，仅注册一个监听器，使绑定开销从O(n)降至O(1)，显著降低HTML5页面首次交互延迟。
-
Vue权限控制核心是结构化管理权限数据并分层封装getter：模块/操作/实例三级嵌套结构，配合路由守卫拦截与响应式按需计算，避免异步、缓存及副作用问题。
-
JavaScript数组方法如filter、find、some、every及reduce等，远超forEach和map的基础功能，支持声明式编程，实现高效数据筛选、判断与聚合。reduce通过累加器可完成求和、对象转换、计数、扁平化等复杂操作，配合initialValue灵活处理各类数据结构；some和every用于条件判定，find和findIndex快速定位元素，flat和flatMap则简化嵌套数组处理。这些方法提升代码简洁性与可读性，体现函数式编程优势，是进阶JS开发的关键技能。
-
Vite通过依赖预构建提升开发效率，利用esbuild将CommonJS/UMD转换为ESM，减少HTTP请求并加快加载速度；通过缓存机制和智能增量更新实现秒级重启，结合optimizeDeps配置可优化大型项目性能。
-
事件监听器应优先使用addEventListener绑定，及时清理防止内存泄漏，集中管理避免重复注册，并按场景选择委托、节流等优化策略。
-
stroke-dasharray是SVG路径的虚线控制属性，需配合stroke-dashoffset和@keyframes实现“绘制”动画；必须用getTotalLength()获取真实路径长度并设为"LL"，初始offset为L、终点为0才能正确逐段显现。
-
骨架屏卡顿本质是动画触发重排或滥用非transform/opacity属性；应仅对transform和opacity动画，用linear-gradient替代background-image，时长控制在1.2s–1.6s。
-
最直接的响应式网格列数控制是用grid-template-columns配合@media：小屏单列（1fr），中屏双列（repeat(2,1fr)），大屏三列（repeat(3,1fr)），推荐auto-fit+minmax()和rem断点。
-
拖放API通过dragstart、dragover、drop等事件实现交互，在dragover中阻止默认行为可触发drop；利用dataTransfer传递数据，结合视觉反馈与自定义图像提升体验，适用于列表排序与跨容器拖拽场景。
-
精准匹配手机需结合设备能力而非仅宽度：用(max-width:767px)and(pointer:coarse)排除平板与鼠标设备；prefers-color-scheme比JS切换更可靠，需设默认浅色样式并同步调整背景/边框；orientation易失效，应配合JS监听防抖；prefers-contrast和color-gamut关乎可访问性，print媒体查询防打印墨耗。
-
本文详解如何通过一个按钮点击事件，同时更新页面中的图片和下方配套文字描述，避免冗余代码，提升可维护性，并提供健壮、可扩展的函数封装方案。
-
本文介绍如何仅通过CSS（不改动HTML结构）让<inputtype="checkbox">与后续多行文本在视觉上顶部对齐，重点使用display:flex和align-items:flex-start实现稳定、语义清晰的布局。
