-
localStorage和sessionStorage只支持字符串，存对象需JSON.stringify()序列化、JSON.parse()解析；IndexedDB是事务型键值数据库，需open、onupgradeneeded建库、事务内操作；容量限制需estimate()检测并降级处理；清理应按前缀而非全局clear()。
-
外边距重叠仅发生在垂直方向块级元素间，需同时满足：标准流、无隔离、相邻或特定父子关系；合并规则为取较大值、绝对值较大者或代数相加；推荐用padding/border、display:flow-root、Flex/Gridgap解决。
-
使用position:sticky与Flexbox可创建固定导航栏，sticky使导航在滚动时吸附顶部，需设置top和z-index；Flexbox通过display:flex实现内容对齐与响应式布局，配合justify-content与align-items控制间距和垂直居中，结构清晰且无需JavaScript，注意避免父容器overflow:hidden影响粘性效果。
-
fetch()是现代JavaScript发送HTTP请求的首选，但需手动检查response.ok；XMLHttpRequest适用于进度监听和中止请求；axios解决fetch痛点且支持AbortController取消请求。
-
应改用row-gap和column-gap（或gap）替代已废弃的grid-gap，确保写在display:grid的容器上，避免显式定位、margin干扰及浏览器旧语法兼容问题。
-
box-shadow通过rgba控制阴影透明度，opacity影响整个元素；单独调整阴影透明需用rgba，多重阴影可叠加不同透明效果以增强层次感。
-
HTML5的input元素的formaction属性允许为特定提交按钮指定独立提交URL，覆盖表单的action属性，实现多操作表单提交。1.formaction属性使同一表单的不同提交按钮可指向不同后端接口，适用于如“加入购物车”和“立即购买”等场景；2.动态提交表单主要通过JavaScript实现，使用FetchAPI或XMLHttpRequest进行AJAX请求，避免页面刷新；3.使用formaction可简化多目标提交逻辑，减少对JavaScript的依赖，提升HTML结构的可维护性和行为表达能力
-
内联样式应优先移除重复、带逻辑、响应式及纯装饰性四类；转为语义化class命名并分层管理；推荐使用外部CSS文件以提升缓存、协作与工程化能力。
-
JavaScript事件循环由运行时环境实现，JS引擎只负责执行代码与维护队列；每次执行一个宏任务后清空全部微任务，setTimeout(0)仍属宏任务，queueMicrotask更及时。
-
<p>JavaScript数组排序的关键是使用sort()方法并传入比较函数以实现自定义排序规则，1.对于数字数组需用a-b实现升序、b-a实现降序；2.排序对象数组时可通过属性值比较或localeCompare方法按字符串排序；3.sort()会改变原数组，可用slice()创建副本避免修改；4.处理null或undefined时可先过滤或在比较函数中判断；5.sort()时间复杂度平均为O(nlogn)，最坏O(n²)，不同引擎实现不同；6.特定场景可选用计数排序等算法，但多数情况sort
-
纯CSS瀑布流受限于内容不可控性：column-count会劈裂卡片且不支持item交互，Grid需手动设跨行或依赖内容高度，响应式切换易导致视觉跳变与DOM/渲染顺序不一致，真实项目推荐Masonry或JS库。
-
z-index用于控制定位元素在层叠上下文中的垂直堆叠顺序，其生效前提是元素position不为static，且层级比较仅限于同一层叠上下文中；创建层叠上下文的条件包括设置z-index、opacity<1、transform不为none等，父级上下文的层级决定子元素整体堆叠位置，子元素高z-index无法突破父级上下文限制；负z-index可将元素置于父元素背景之下但边框之上，适用于背景特效或底层交互；避免层级混乱的关键是理解层叠上下文边界、使用小数值递增、借助CSS变量统一管理，并通过开发者工具
-
符合HTML5规范的网页需：一、用<!DOCTYPEhtml>和<htmllang="zh-CN">等结构；二、以<header><nav><main><article><footer>替代div；三、用<video><audio>及<source>嵌入媒体并设备用文本；四、用type="email"/required等增强表单；五、正确使用Canvas与SVG绘图。
-
移动端Flex布局异常时应优先用媒体查询切换flex-direction为column。常见场景包括按钮重叠、卡片文字过窄、表单错位等；推荐断点max-width:768px，并配合align-items、justify-content、width等属性优化，真机测试必不可少。
-
HTML5开发核心是HTML搭骨架、CSS控样式、JS实现交互；需掌握语义化标签、CSS选择器与盒模型、DOM操作与事件监听，并协同完成如折叠面板等闭环功能。
