-
不可变数据结构指创建后无法修改的数据，其核心优势包括避免副作用、简化状态管理、提升代码可预测性与调试效率，并支持函数式编程。在JavaScript中，直接修改对象可能导致意外变更，而通过扩展运算符等技术实现不可变更新，则能保留原始数据完整性。例如，使用{...obj}创建新对象而非修改原对象，确保状态变化可追踪。在React和Redux中，不可变性使浅比较有效，优化渲染性能。尽管频繁生成新对象可能带来性能开销，但结构共享（如Immer或Immutable.js）可缓解此问题。总体而言，不可变性增强了程序的
-
HTML5本身不提供高斯模糊原生API，需依赖CSSfilter:blur()（快捷但粒度粗、近似模拟）或Canvas手动实现（可控但开销大），二者均受限于性能、跨域、精度与导出质量。
-
深层嵌套DOM拖慢渲染，因样式计算、布局开销倍增，CSS选择器匹配变慢，冗余wrapper增加DOM节点与内存负担；应优先用CSS实现布局效果、slot/属性替代逻辑嵌套、DocumentFragment批量插入来扁平化结构。
-
使用CSS的scroll-behavior:smooth可实现全局平滑滚动，JavaScript则通过scrollIntoView或scrollTo方法精确控制滚动行为，适配复杂交互。
-
steps()动画不能直接用CSS变量控制，因为浏览器无法在animation-timing-function的函数参数中解析var()为有效数值，导致退化为ease或失效；需通过@property（Chrome103+/Safari16.4+）间接调控或JS动态重写animation字符串实现真正动态调速。
-
HTML中输入真正空格需用 （不间断空格）或CSS的white-space:pre-wrap属性，前者适合单个空格控制，后者能完整保留空格、换行和制表符并允许折行。
-
history.scrollRestoration='manual'用于禁用浏览器在前进/后退和刷新时自动恢复滚动位置，默认为'auto'；设为'manual'后需配合beforeunload和pageshow事件手动调用scrollTo(0,0)确保置顶。
-
断点失效主因是视口宽度≠设备物理宽度，须配<metaname="viewport"content="width=device-width,initial-scale=1">；推荐移动优先用min-width；媒体查询禁用em/rem断点；JS检测宽应以CSS类名为唯一事实源。
-
HTML本身不能直接CDN加速，需将script/link/img等外部资源托管至CDN并替换为CDN域名；通过浏览器Network面板检查请求URL域名是否为CDN地址来判断是否生效。
-
用HTML表格语义化展示抽奖结果，表头用<thead>、数据用<tbody>，配合响应式CSS（如min-width、word-break、overflow-x）确保多端可读；关键奖项用温和色块+图标高亮，字段设计需提前考虑隐私与公示规范。
-
HTML压缩对传输效率提升有限，仅当服务器未启用Gzip/Brotli时才有效；真正起效的是Content-Encoding:br或gzip响应头，而非本地删减空格注释。
-
HTML5页面与后端数据交互需通过JavaScript发起HTTP请求，主流方法包括XMLHttpRequest、fetchAPI、Axios库、EventSource和WebSocket，分别适用于精细控制、现代简洁请求、封装增强、服务端推送及全双工实时通信场景。
-
HTML5语义化标签提升结构清晰度与可访问性，常见标签包括header、nav、main、article、section、aside、footer、figure、figcaption和time，分别用于定义页面头部、导航、主内容、独立文章、区块章节、侧边内容、底部信息、图文组合及时间，增强SEO、可读性与维护性，使用时需注意标签语义准确性和兼容性处理。
-
opacity只能整体控制元素及其子元素透明度，无法单独设置背景或文字透明；取值0~1，0为全透明，1为不透明；若需仅背景透明，应使用rgba()或transparent。
-
Chrome中font-smoothing无效是因-webkit-font-smoothing仅macOS有效，Windows/Linux下被静默忽略；应优先使用font-optical-sizing:auto等标准属性，而非依赖私有平滑控制。
