-
HTML/CSS边框错位的五大精准对齐方案：一、box-sizing:border-box统一尺寸基准；二、消除inline-block空白间隙；三、CSSGrid像素级控制；四、border-collapse处理表格边框；五、transform:translateZ(0)修正亚像素渲染。
-
根本原因是缩放导致CSS像素与物理像素对齐错位，触发0.5px级渲染裂缝；应优先用vw/vh替代px、避免单位混用，并将偏移交由支持亚像素的transform:translate()处理。
-
height:auto是块级元素默认行为，无需手动设置；常见问题包括显式height、flex布局中父容器无高度、absolute定位脱离文档流、box-sizing导致视觉异常，且min-height:fit-content兼容性差。
-
Electron使JavaScript能开发桌面应用，其核心是主进程（Node.js，管理窗口和系统能力）与渲染进程（Chromium，负责UI），通过IPC通信；需main.js、index.html和package.json三文件启动，但存在体积大、内存高、安全配置复杂等代价。
-
最轻量方案是用dialog元素，语义清晰、可访问性好，但Safari15.4前不支持；需fallback到带aria-modal和焦点管理的div；注意scroll-behavior、链接安全及法律有效性。
-
应将watch与副作用整体封装为useXxx组合函数，如useFormValidation、useSearchSuggestion；优先用watchEffect自动追踪依赖；按业务域限定监听边界，避免跨域耦合；内部配合onBeforeUnmount自动清理，确保内存安全。
-
帮助中心主结构应使用语义化标签：用<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模拟下拉组件。
-
用IntersectionObserver实现视频自动播放与离开暂停，需监听视口交集、设置静音autoplay、防抖处理状态、兼容降级。核心是isIntersecting为true时try-catch调用play()（确保muted），false时pause()；不支持时回退scroll+getBoundingClientRect模拟。
-
函数式响应式编程通过数据流建模事件与状态变化，核心是信号与变换。使用map、filter、merge、scan等无副作用操作组合信号，实现如搜索建议等功能时可借助debounce、switchMap控制请求频率与取消，逻辑集中且易维护。主流工具包括RxJS、Most.js、Bacon.js，适用于前端框架中处理异步流，需注意订阅管理与链式调用复杂度，保持流的单一职责以提升可读性与类型安全。
-
container-type:inline-size是唯一实用的取值，父容器须显式声明才能触发容器查询；size难稳定触发，normal不支持查询；勿设于body或:root；应使用常规块级容器，并在@container内通过CSS规则调整子元素样式。
-
Intl.NumberFormat的notation:'compact'在Chrome79+、Firefox72+、Safari14+中支持K/M/B或“万/亿”，需显式指定locale（如'en-US'/'zh-CN'）、设置compactDisplay:'short'/'long'，旧版浏览器或精简ICU环境会静默降级为standard。
-
JSP中使用HTML5语义化标签需声明<!DOCTYPEhtml>、设置UTF-8编码、正确嵌套标签、为旧IE引入HTML5Shiv并显式设display:block、用JSTL替代脚本片段动态生成结构、最后验证DOM与样式。
