-
HTML表格标题，说白了，就是用标签给表格加个说明，让大家一眼就知道这表格是干嘛的。这玩意儿挺重要的，尤其是在内容比较复杂或者表格比较多的页面上，能大大提升用户体验。标签是直接写在标签里面的，而且必须是第一个子元素。学生成绩表姓名语文数学英语张三809085李四7585
-
合理运用CSS颜色与box-shadow可增强元素立体感，通过模拟上方光源的阴影偏移、透明度及多层叠加，结合浅色边框、渐变背景与inset内阴影，营造凸起、凹陷等真实光影效果，使卡片、按钮等组件更具视觉层次。
-
倒计时功能通过setInterval每秒更新时间差，先计算目标时间与当前时间的毫秒差，再转换为天、时、分、秒并更新页面显示，最后清除定时器并提示结束。
-
gap属性统一用于Grid和Flex布局中控制子元素间距，推荐使用gap替代margin以提升布局清晰度与维护性，其仅作用于子元素间且支持多种单位，结合响应式设计可灵活调整间距，现代浏览器已广泛支持。
-
使用:focus伪类优化input聚焦状态可提升表单可用性，通过outline、边框、背景色变化及动画、阴影等视觉反馈帮助用户识别当前操作项，同时需兼顾可访问性，确保键盘导航与高对比模式下的清晰可见，避免移除默认轮廓而无替代方案。
-
WebUSBAPI使浏览器能直接与Arduino通信，用户需授权连接，通过指定vendorId请求设备，打开并配置CDC接口，利用transferOut和transferIn实现数据收发，简化了Web与物理设备交互流程。
-
ServiceWorker通过拦截网络请求实现离线访问与性能优化，需先注册并安装，预缓存关键资源；激活时清理旧缓存并接管页面；采用分层缓存策略如静态资源缓存优先、主文档网络优先；更新依赖内容变更并配合skipWaiting和clients.claim生效，结合DevTools调试确保离线可用性。
-
Symbol是JavaScript中用于创建唯一标识符的原始类型，可作为对象属性键存储元数据，避免命名冲突。由于Symbol属性不可枚举，不会被Object.keys()等方法遍历到，适合标记对象版本或创建方式。通过Symbol.for()可在多模块间共享同一Symbol，实现跨组件元数据协作。尽管Symbol属性能通过Object.getOwnPropertySymbols()访问，不具备完全私有性，但结合闭包或WeakMap可增强安全性。综上，Symbol为对象扩展提供了低侵入、结构清晰的元数据管理方
-
new操作符创建对象时会连接原型、绑定this并返回实例；通过myNew函数可模拟该过程：创建空对象并继承构造函数原型，调用构造函数并将this指向新对象，若返回值为对象则返回该值，否则返回新对象。
-
relative不脱离文档流，相对于自身原位置偏移，原空间保留；2.absolute脱离文档流，相对于最近的已定位祖先元素定位，无则相对视口；3.relative不影响布局，absolute可能引发其他元素位置变化，常用于弹窗、悬浮等场景。
-
使用CSS变量统一管理颜色，通过语义化命名和主题适配实现可维护的配色系统，提升项目协作效率与一致性。
-
使用<a>标签创建超链接，href属性指定目标地址，标签内为可点击文本，如<ahref="https://www.example.com">访问示例网站</a>。
-
通过监听wheel事件可实现自定义滚动交互，利用deltaY和deltaX获取滚动手势，结合preventDefault阻止默认行为，并操作scrollTop实现精确控制，配合requestAnimationFrame实现平滑滚动效果。
-
通过JavaScript结合CSS类、自定义属性和localStorage实现主题切换，支持深浅模式切换与系统偏好匹配，提升用户体验。
-
使用link标签结合media属性是实现不同屏幕分辨率下加载不同CSS文件最实用且兼容性好的方法，通过在HTML中为每个CSS文件设置对应媒体查询条件，浏览器会自动加载匹配当前视口宽度的样式表；虽然也可用@import方式在CSS内引入，但因性能较差且兼容性不佳而不推荐；现代开发更倾向将所有响应式规则整合到单一CSS文件中，利用内部媒体查询管理样式，减少HTTP请求，提升加载效率。
