-
帮助中心主结构应使用语义化标签：用<main>包裹全部内容，每个FAQ用<section>包裹并设唯一id，标题用<h2>，答案用<p>，折叠功能优先用<details><summary>；搜索框和分类导航置于<aside>中，确保SEO锚点与无障碍支持。
-
使用Materialize实现响应式导航需引入其CSS和JS文件，构建含sidenav的nav结构，并通过JavaScript初始化Sidenav组件，利用hide-on-med-and-down和sidenav-trigger等类名适配不同屏幕，自动实现移动端折叠菜单与桌面端常显菜单的切换。
-
旧版安卓WebView中inline-block元素间间隙源于空白字符被渲染为文本节点，产生约4px不可见行框；font-size:0作用于父容器可消除该间隙，但需重置子元素字体且不适用于含真实文字的场景。
-
EdgeLegacy（≤79）完全不支持datalist，因其EdgeHTML引擎从未实现该HTML5规范，输入框无下拉建议、DOM忽略datalist、JS无法获取list属性，须用JS模拟下拉组件。
-
@page{size:landscape}是唯一能直接控制打印纸张方向的CSS机制，必须置于@mediaprint中，且需配合内容样式调整以避免截断或错位。
-
class选择器是CSS和JS配合的最优解，因其唯一支持可复用、多值、语义化及动态增删；推荐querySelectorAll而非getElementsByClassName，操作用classListAPI，命名需作用域明确。
-
PageVisibilityAPI仅通知页面可见状态，不提供加密能力；需通过模糊化日志、限制监听器、HTTPS安全上下文、多信号校验等措施保障隐私与安全。
-
根本原因是html2canvas默认按视口截图而非内容宽度，需设容器width为scrollWidth、禁用fixed元素、用break-inside:avoid控制分页；puppeteer需禁用preferCSSPageSize、用@page和固定px单位；移动端要移除viewport标签并替换响应式单位为px。
-
Pinia中defineStore的字符串ID必须全局唯一，重复将导致状态覆盖；推荐用模块前缀（如'admin/user'）或import.meta.url动态生成ID，并通过集中注册校验确保唯一性。
-
min-content在grid-row-height中实际表现为行高收缩至该行所有网格项中“最窄内容能撑开的最小高度”，通常等于单行纯文本或未设min-height块级子项的自然行高；它对padding、border、line-height或多行flex子项响应弱，易被误判为失效；仅在显式grid-template-rows中有效，grid-auto-rows需配合minmax(min-content,auto)才生效；推荐使用minmax(min-content,auto)替代纯min-content
-
HTML页面左上角图标需通过<link>标签显式声明favicon，而非美化教程；推荐用SVG为主并配PNGfallback，注意路径、MIME类型、sizes属性及强缓存问题。
-
适合Base64内联的图标须同时满足：单文件≤4KB（PNG/JPEG）或≤2KB（SVG）；仅首屏少量使用；无动态变色缩放需求；非CDN高命中资源。
-
必须先用getContext('2d')获取CanvasRenderingContext2D对象才能绘图，否则调用fillRect等方法会报错；fillRect填充矩形，strokeRect仅描边，二者样式不共享；Canvas尺寸应通过width/height属性设置，而非CSS；动画中需每帧clearRect并合理管理状态。
-
用HSL调提示色更直观可靠，因H、S、L三维度独立可控；推荐参数：H90–160°、S60%–85%、L80%–92%，并确保文字对比度≥4.5:1。
-
空状态插图的alt属性应明确传达状态语义与操作指引，如“暂无收藏内容，请点击加号添加”，需包含可交互提示、控制在125字符内，并避免元描述词；SVG需用role="img"、aria-labelledby和<title>协同实现无障碍；多语言场景须服务端注入文案，确保SSR首屏正确。
