-
最简表格结构为<table><tr><td></td></tr></table>，必须包含table、tr、td三层标签，缺一不可；th用于表头，td用于数据；需用CSS设置border和border-collapse:collapse来控制边框。
-
HTML本身不能做数据权限控制，真正起作用的是后端在查询时就过滤数据，如SQL中添加WHEREcreator_id=?，确保返回的JSON不包含用户无权查看的行或字段，前端仅依据后端提供的权限标记（如editable、actions）动态渲染UI。
-
用window对象全局分发事件实现跨组件状态同步，本质是利用CustomEvent在全局广播状态变更，各组件通过addEventListener监听并响应，需注意生命周期管理、命名规范及内存泄漏风险。
-
HTML/CSS边框错位的五大精准对齐方案：一、box-sizing:border-box统一尺寸基准；二、消除inline-block空白间隙；三、CSSGrid像素级控制；四、border-collapse处理表格边框；五、transform:translateZ(0)修正亚像素渲染。
-
根本原因是缩放导致CSS像素与物理像素对齐错位，触发0.5px级渲染裂缝；应优先用vw/vh替代px、避免单位混用，并将偏移交由支持亚像素的transform:translate()处理。
-
JavaScript的函数式风格指以纯函数、不可变数据、声明式组合为核心的编程范式，要求函数无副作用、不修改状态、用const替代let/var，并通过pipe/compose组合单参数纯函数。
-
height:auto是块级元素默认行为，无需手动设置；常见问题包括显式height、flex布局中父容器无高度、absolute定位脱离文档流、box-sizing导致视觉异常，且min-height:fit-content兼容性差。
-
Electron使JavaScript能开发桌面应用，其核心是主进程（Node.js，管理窗口和系统能力）与渲染进程（Chromium，负责UI），通过IPC通信；需main.js、index.html和package.json三文件启动，但存在体积大、内存高、安全配置复杂等代价。
-
:active无法实现导航栏“点击后保持展开”，因其仅为瞬时伪类，不记录状态、不触发重排、不能配合display或max-height过渡；正确做法是用JS切换.active类并结合CSS过渡与可访问性支持。
-
最轻量方案是用dialog元素，语义清晰、可访问性好，但Safari15.4前不支持；需fallback到带aria-modal和焦点管理的div；注意scroll-behavior、链接安全及法律有效性。
-
应将watch与副作用整体封装为useXxx组合函数，如useFormValidation、useSearchSuggestion；优先用watchEffect自动追踪依赖；按业务域限定监听边界，避免跨域耦合；内部配合onBeforeUnmount自动清理，确保内存安全。
-
JavaScript中的this在函数执行时根据调用方式动态决定：默认绑定（非严格模式指向全局，严格模式为undefined）、隐式绑定（obj.method()中this指向obj）、显式绑定（call/apply/bind手动指定）、new绑定（优先级最高，指向新实例）。
-
font-smoothing无法解决跨浏览器字体渲染问题，因其仅为WebKit/Blink私有属性，Firefox/IE不支持，且macOS与Windows行为不一致，实际渲染由系统API决定，CSS仅能微调。
-
帮助中心主结构应使用语义化标签：用<main>包裹全部内容，每个FAQ用<section>包裹并设唯一id，标题用<h2>，答案用<p>，折叠功能优先用<details><summary>；搜索框和分类导航置于<aside>中，确保SEO锚点与无障碍支持。
-
使用Materialize实现响应式导航需引入其CSS和JS文件，构建含sidenav的nav结构，并通过JavaScript初始化Sidenav组件，利用hide-on-med-and-down和sidenav-trigger等类名适配不同屏幕，自动实现移动端折叠菜单与桌面端常显菜单的切换。
