-
必须使用cloneVNode克隆插槽VNode，因其保留响应式引用、正确处理key/ref，并支持插槽多处渲染；直接复用会导致ref绑定丢失、更新异常及条件逻辑错误。
-
计算属性是基于惰性effect的缓存型响应式机制：首次访问时执行getter并收集依赖，后续依赖未变则返回缓存值；依赖变化时仅标记dirty，下次读取才重算并更新依赖关系，支持动态精确收集与多级响应链接。
-
Zakra主题中图片不居中是因CSS优先级与容器样式配合问题，需确保父容器有text-align:center、图片为inline且未被float/display:block等规则覆盖，或用自定义CSS设display:block和margin:0auto。
-
<marquee>标签虽已废弃但浏览器仍支持，适合教学演示；现代标准方案是CSS@keyframes配合transform:translateX()实现平滑滚动；推荐CodePen进行实时调试；卡顿问题多源于渲染层设置不当，应避免will-change、opacity等干扰属性。
-
HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
-
绝对定位缩略图前必须设父容器为position:relative，否则会相对于最近定位祖先偏移导致错位；top/left需手动计算，CSS变量可辅助但兼容性受限；z-index仅对定位元素生效；响应式下推荐Grid/Flexbox替代。
-
ColorMag图片不居中是因wp_kses_post过滤了aligncenter类，需扩展HTML白名单或改用块编辑器；新闻图堆叠应使用featured_image_position参数；图片模糊失效多因Zakra插件干扰，需移除冲突filter；移动端塌陷需补object-fit:cover并避免固定高。
-
rgba(0,0,0,透明度)是实现黑色半透明背景的首选方案，可精准控制明暗与通透感，且不影响子元素；需避免使用opacity以免连带降低子内容透明度；兼容性方面IE8以下需添加纯黑降级；配合backdrop-filter可实现毛玻璃效果。
-
HTML转PDF字体丢失的根本原因是@font-face加载失败、PDF工具不支持远程字体且仅认本地.ttf/.otf文件；weasyprint需同目录.ttf+正确声明，wkhtmltopdf须系统安装字体并匹配家族名。
-
WebStorm双击HTML打不开是因浏览器file://协议限制现代API，需用HTTP服务；内置服务配JavaScriptDebug配置URL为http://localhost:63342/路径，或装LiveServer插件启用自动刷新。
-
必须禁用双击缩放并适配安全区域：在HTML中添加viewport禁用缩放，Native端关闭scrollView回弹或侧滑返回；H5与Native通信需用WKScriptMessageHandler或JSBridge加密传输密码；触摸坐标须用getBoundingClientRect计算相对位置，并在capture阶段绑定touchmove事件。
-
本文详解如何在可横向滚动的div容器中实现点击按钮触发的平滑滚动效果，涵盖纯CSS的scroll-behavior:smooth全局方案、现代JavaScript的scrollTo()API（支持behavior:'smooth'），并针对常见误区（如scrollLeft直接赋值不触发过渡）提供可落地的优化代码。
-
border-image不可动画，需用双层background模拟渐变边框：外层linear-gradient配background-clip:padding-box和background-position动画实现流动效果，兼容性好且性能优。
-
答案是使用JavaScript控制CSS类或CSS变量切换主题，并结合localStorage持久化。通过定义:root变量或主题类，动态修改属性或class实现样式切换，页面加载时从localStorage读取并应用用户偏好，确保主题持久生效。
-
位运算符在JavaScript中通过操作二进制提升性能，适用于取整、乘除优化、奇偶判断、标志位管理等场景，尤其在高频计算和底层逻辑中仍具优势。
