-
watch适合监听WebSocket状态更新UI，但不可用于心跳与重连——心跳需独立定时器驱动，重连应封装为函数由watch触发；所有定时器和连接须在onBeforeUnmount中显式清理。
-
应直接用localStorage.setItem('theme','dark')存字符串，页面加载时立即读取并设document.documentElement.className，切换时实时写入；注意iOS隐私模式等场景需try/catch捕获SecurityError，并fallback到prefers-color-scheme。
-
Poseidon主题中HTML图片默认不居中，因其将img设为display:block并施加强CSS约束；应优先用Flex容器控制对齐，避免依赖vertical-align，并注意line-height、object-fit等细节影响。
-
margin-top和margin-bottom用于控制元素垂直间距，分别设置上、下外边距，常用于标题、段落等元素间留白；需注意块级元素间外边距合并现象，即相邻上下外边距取较大值而非相加，可通过统一使用margin-bottom、添加边框或设置overflow:hidden避免；推荐使用rem/em单位并保持方向一致性以提升布局可控性与响应性。
-
CSP不是XSS替代品，而是限制已存在XSS影响范围的策略层防线；必须配合服务端输出编码、禁用unsafe-inline/eval、合理使用nonce与strict-dynamic才能有效防御。
-
outline不占布局空间而border会，这是误用根源；outline仅用于焦点提示等纯视觉场景，不可控形状且不参与事件，需用box-shadow或border替代以满足可访问性与设计需求。
-
本文详解为何为元素同时设置display:inline-block和display:grid会引发布局异常（如看似“存在右外边距”实则因display覆盖导致换行），并提供两种专业级修复方案：精简CSS逻辑或重构DOM+Flex布局。
-
最直接有效的JavaScript调试方式是结合浏览器DevTools断点调试、console高级用法、debugger语句及VSCode集成调试；核心在于Sources面板设断点，善用console.table/group/time/trace，条件断点与debugger配合，再通过VSCode实现源码级调试。
-
<picture>标签本身不加载图片，仅作为容器；真正触发加载的是内部<source>规则匹配后对应的资源及必需的<img>元素——无<img>则无渲染、无请求。
-
navigator.onLine是获取用户网络连接状态的直接方法，通过返回布尔值判断是否在线，并结合监听window的online和offline事件实现状态变化响应。1.初始检查navigator.onLine可判断当前是否联网；2.监听online和offline事件以实时响应网络变化；3.但其存在局限，仅能检测是否连接局域网而非能否访问互联网；4.建议配合轻量请求验证真实网络可达性；5.利用NetworkInformationAPI（navigator.connection）可获取更详细的连接信息，
-
真正要记的是12个高频语义标签，如<main>、<section>、<article>、<aside>、<nav>、<header>、<footer>、<time>、<button>、<figure>、<figcaption>、<table>，它们影响可访问性、SEO和CSS行为。
-
本文详解如何解决因重复绑定scroll事件导致的锚点跳转失效问题，通过合并多个scroll监听器为单一高性能处理函数，确保Bootstrap导航徽章高亮与原生<ahref="#id">锚点跳转共存兼容。
-
真正有用且被主流浏览器一致支持的http-equiv值仅有Content-Type、Refresh和Content-Security-Policy；其中Content-Type仅在无metacharset时降级生效，Refresh存在历史记录破坏与用户交互限制，CSP则能力弱于响应头且不支持nonce等关键特性。
-
用flex布局实现两行头部最可控：外层display:flex+flex-direction:column，第一行设min-height:64px，第二行用flex:0048px；避免absolute/float和line-height伪布局，响应式推荐rem/vh加clamp()。
-
HTML旧代码的语义化重构，核心目标是提升代码的可读性、可维护性和对搜索引擎及辅助技术的友好性。它不是简单地重写标签，而是通过合理使用现代HTML5语义标签，让页面结构更清晰、逻辑更明确。1.分析现有HTML结构在开始重构前，先通读原始代码，理解当前页面的布局和功能模块。重点关注以下几点：页面由哪些区块组成（头部、导航、内容区、侧边栏、页脚等）是否大量使用div和class来模拟结构（如）是否存在嵌套过深或冗余标签文本层级是否合理（标题是否按h1-h6正确使用）这个阶
