-
HTML中直接敲空格失效是因浏览器执行空白折叠；应优先用CSS（如margin、gap）控制间距，仅在无CSS环境才选用语义匹配的空格实体（如 、 ）。
-
节流是按固定时间间隔执行函数，首次触发立即执行，后续每wait毫秒最多执行一次；核心用时间戳判断差值，确保过程快照而非最终状态。
-
使用Flexbox可创建灵活的表格布局，通过flex-grow控制列的扩展比例，flex-shrink管理压缩行为，flex-basis设定初始宽度，实现响应式设计中的动态列宽调整，适用于表单、卡片列表等场景。
-
必须设置animation-iteration-count:infinite才能实现真正循环，仅定义@keyframes不足；该值不可替换为loop、true或0，且需与animation-name、animation-duration配合生效。
-
JavaScript变量声明推荐使用let和const，避免var；数据类型分为原始类型（如number、string、boolean、null、undefined、symbol、bigint）和引用类型（如object、array、function），前者按值访问，后者按引用访问，类型检测建议用typeof、instanceof和Object.prototype.toString.call()结合Array.isArray()判断数组。
-
:first-child:last-child仅匹配父容器中唯一子元素；需差异化处理首尾时应分开使用，避免混淆:first-of-type；注释等节点会影响匹配，布局间距控制是其典型用途。
-
语义化颜色命名的核心原则是用途优先而非外观，如primary表示主按钮用色而非蓝色，设计变更时自动适配；命名按品牌、交互、状态、表面、文本等抽象层级划分，避免blue-500等外观描述，确保可维护性与无障碍适配。
-
可通过五种方法保存网页HTML源代码：一、“另存为”保存完整网页；二、开发者工具复制outerHTML；三、地址栏输入view-source:协议；四、命令行用wget下载；五、安装SingleFile等扩展一键导出。
-
HTML表格数据实现本地存储的核心技术包括localStorage、sessionStorage和IndexedDB。1.localStorage适合数据量小、结构简单的场景，如用户偏好设置或小型数据缓存，通过JSON.stringify()序列化数据后存储；2.sessionStorage用于临时性数据，如多步表单中的页面状态，关闭标签页后自动清除；3.IndexedDB适用于数据量大、需复杂查询的场景，支持异步操作、事务处理和索引查询，能高效管理结构化数据；4.其他方案如ServiceWorkers结
-
WebSocket是浏览器原生支持的基于TCP的全双工通信协议，需正确使用构造函数、处理生命周期、安全收发消息、避免轮询替代，并设计心跳与降级机制。
-
confirm方法是浏览器提供的用于获取用户“是/否”确认的机制，其核心作用是返回布尔值：点击“确定”返回true，点击“取消”或关闭对话框返回false。它常用于删除操作、提交表单前确认、离开未保存页面提示等场景。1.confirm具有阻塞性，会暂停JavaScript执行；2.样式不可控，无法与现代UI统一；3.信息展示有限，不支持复杂内容；4.移动端体验不佳；5.存在轻微安全风险。替代方案是使用自定义模态对话框，具备样式可控、交互丰富、非阻塞、兼容框架等优势，并可通过HTML/CSS/JavaScr
-
background-clip:text非HTML5特性，需color:transparent与-webkit-background-clip:text（Chrome/Safari）配合，Firefox不支持，须用@supports回退或SVG替代。
-
纯CSS无法精确实现抛物线动画，因其@keyframes仅支持线性、缓动或分段关键帧，无法描述二次函数轨迹；推荐JS计算坐标+CSS硬件加速方案，或用两段cubic-bezier近似模拟。
-
HTML5不提供布局能力，真正起作用的是CSS伪类选择器配合Flexbox、Grid等布局机制实现动态样式控制；伪类仅匹配元素并应用样式，不能替代display/flex/grid等基础布局声明。
-
JavaScript可选链（?.）用于安全访问嵌套属性、方法、数组索引及动态属性，遇null/undefined即短路返回undefined；可与??搭配设默认值；不可用于赋值左端或链式调用中非可选部分。
