-
HTML空元素共14个，是W3CHTML5标准明确定义的无内容、无闭合标签元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。
-
用IndexedDB实现离线笔记搜索的核心是建notes仓库、预处理searchText字段并建索引，再通过游标遍历+includes匹配实现模糊搜索，辅以分词、缓存和防抖优化体验。
-
绝对定位元素居中失效的核心原因是父容器未设置position:relative等定位属性且无明确高度，导致top/left基准错误及50%计算为0；需确保父容器有定位上下文和有效高度来源。
-
用父容器scaleX(-1)翻转，子元素再scaleX(-1)抵消即可保持文字正常；该方法不影响布局、事件和顺序，比rotateY(180deg)更轻量兼容。
-
表单验证通过JavaScript在提交前检查数据有效性，首先构建包含用户名、邮箱、密码的HTML表单，接着绑定submit事件并阻止默认行为，调用validateForm()函数进行字段校验：用户名不能为空，邮箱需符合正则格式，密码长度不少于6位，任一失败则通过showError()显示错误信息并聚焦对应输入框，支持实时blur验证提升体验，最终验证通过后提交并清空表单。
-
JavaScript国际化依赖Intl对象进行数字、日期、货币等格式化，不处理文本翻译；需结合ICU消息格式资源包、语言检测与动态切换逻辑实现完整本地化。
-
JavaScript修改DOM样式主要有四种方式：直接操作style属性（需驼峰命名、手动加单位）、用classList增删预定义CSS类（推荐）、调用getComputedStyle获取渲染后样式（只读，避免高频调用）、通过setProperty修改CSS变量实现主题切换。
-
fetch()不必须走网络请求，但绝大多数场景下会发起HTTP请求；它不支持直接读取file://协议文件，开发时需本地服务，例外是可fetchBlob或data:URL模拟响应。
-
售后页面需三秒内明确“我能做什么”“要填什么”“填完怎么走”，须用语义化form、fieldset/legend、label绑定、flex布局适配、文件上传优化及提交状态管理。
-
IndexedDB的objectStore不能直接模糊搜索。原生仅支持精确匹配、范围查询和前缀匹配（需IDBKeyRange.bound配合'\uffff'），不支持LIKE、通配符或正则；中间/结尾模糊须全量JS过滤，性能差；大小写敏感需手动处理；全文检索需服务端或降级方案。
-
JavaScript函数式编程以纯函数为核心，强调确定性（相同输入必得相同输出）和无副作用（不修改外部状态、不触发I/O），从而保障可缓存性、可测试性与可组合性；副作用需显式隔离于逻辑层之外。
-
用CSSGrid实现勋章墙需设display:grid、grid-template-columns:repeat(auto-fill,minmax(120px,1fr))、gap:12px；勋章容器用flexcolumn居中内容；遮罩须挂body下并合理设置z-index；动态加载后需强制重排。
-
核心是用classList.toggle()切换预设类名并由CSStransition实现渐变，配合requestAnimationFrame节流和window.scrollY阈值判断，避免强制同步布局，确保性能、维护性与兼容性。
-
referrerPolicy属性名必须严格小写，首字母小写、P大写、其余小写；拼写错误（如referrerpolicy）会被浏览器忽略，退化为默认策略；fetch的referrerPolicy选项同理，且服务端Referrer-Policy响应头优先级更高。
-
CSSGrid可高效拼接群聊头像：通过grid-template-areas精准定位，统一设border-radius:50%、object-fit:cover及overflow:hidden；按人数（2×2/3×3）和屏幕断点响应式布局，配合z-index层级控制右下角叠加，并用width/height属性防闪烁。
