-
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属性防闪烁。
-
position:absolute元素点击区域与视觉位置不一致，本质是布局坐标与渲染坐标脱节，主因是transform或可滚动父容器导致hit-testing区域偏移。
-
grid-template是CSSGrid布局的核心复合属性，它通过一行代码同时定义网格的行、列结构和命名区域。1.使用时需先设置容器为display:grid或inline-grid；2.它是grid-template-rows、grid-template-columns和grid-template-areas的简写形式；3.语法上，/前定义行结构与区域名称，/后定义列结构；4.支持fr单位实现弹性空间分配，minmax()函数设定轨道尺寸范围，从而提升响应式设计能力；5.可结合媒体查询实现不同屏幕尺寸
-
在AndroidStudio中运行HTML文件需将其放入assets目录，并通过WebView加载。首先创建assets文件夹并放入HTML文件，然后在布局中添加WebView组件，接着在Activity中启用JavaScript并使用loadUrl加载本地HTML文件，若HTML涉及网络请求还需在AndroidManifest.xml中添加互联网权限，最后运行项目即可在设备或模拟器中显示页面内容。此方法适用于基于WebView的混合开发场景。
-
:hover触发放大阴影需加transition实现平滑动画，用transform:scale()和完整box-shadow值，显式设初始态，行内元素需display:inline-block，移动端应兼容touch事件并避免父容器overflow:hidden或transform裁剪。
-
HTML表格通过table、tr、td、th标签构建，用于清晰展示数据。示例包含姓名、年龄、城市三列，使用border-collapse合并边框，提升可读性与语义化，便于SEO和辅助技术识别。
-
多选框应使用<inputtype="checkbox">而非<selectmultiple>，因其支持单点切换、全选联动、键盘操作且语义明确；需确保DOM就绪后查询、过滤disabled元素、反选逻辑鲁棒、前后端均校验选中项并防重复提交。
