HTML5通过内联<svg>标签实现SVG动画，而非<img>引用；需用CSS/JS控制内联SVG的DOM元素，避免SMIL兼容性问题，注意内联、显示状态和容器溢出等上下文陷阱。

Day.js解析HTML5date输入值时因时区转换可能导致日期偏移，推荐用dayjs(${dateStr}T00:00:00)显式按本地时间解析，避免隐式UTC转换导致的“前一天”问题。

ContextAPI是数据传递机制而非状态管理库，Redux是独立状态容器；中等复杂度场景优先用useContext+useReducer，仅在需调试、持久化等时选Redux。

答案：CSS中position:relative使元素在原位置进行视觉偏移，但仍占据文档流空间，常用于为absolute子元素提供定位基准；而position:absolute使元素脱离文档流，不占空间，相对于最近的已定位祖先元素定位，若无则以初始包含块为基准。两者核心区别在于是否脱离文档流及定位参照物不同，合理使用可实现精准布局，滥用则易导致响应式问题和定位错乱。

flex-grow先减去各子项基准尺寸再按比例分配剩余空间；flex-shrink在主轴空间不足且总基准宽超容器时生效，受min-width和不可折行内容影响；二者共存需谨慎设值，避免抖动；flex-basis优先级高于width但max-width仍限制最终尺寸。

掌握WebGL及Three.js可实现Web端三维可视化，通过着色器、缓冲区、纹理与矩阵运算完成图形渲染，结合数据驱动与性能优化构建动态3D应用。

答案：构建离线可用的PWA博客需配置manifest.json、注册ServiceWorker并缓存资源。首先添加WebAppManifest定义应用元数据，通过link标签引入；接着在页面注册ServiceWorker（如sw.js）以拦截请求；利用CacheAPI预缓存静态资源，并动态存储文章内容；采用Workbox管理路由和缓存策略，结合静态生成与IndexedDB实现内容持久化；部署时启用HTTPS，设置正确MIME类型，确保更新机制可靠，最终实现离线浏览已访问文章的完整PWA体验。

本文介绍如何在React父组件中统一管理多个子组件的状态，避免为每个子组件声明独立state变量，而是使用数组或对象集中存储，并通过索引或唯一ID精准更新指定子组件状态。

柯里化是将多参数函数转换为一系列单参数函数的过程，核心是参数分步传递和闭包记忆已传参数，支持部分应用、复用及函数组合，适用于配置预设、事件处理等场景。

严格模式通过"usestrict"启用，使JavaScript错误显式报错而非静默处理，解决全局变量污染、with语句模糊作用域、this指向异常、arguments.callee不安全等问题，ES6模块和现代框架已默认启用。

position不是布局工具，而是用于脱离文档流的精确锚定，仅适用于下拉菜单、气泡提示等满足不参与主内容流、需相对参照物对齐、由交互触发且生命周期短的场景。

HTML注释应聚焦关键逻辑，解释“为什么”而非“做什么”。避免重复元素语义，如对nav、button等自带含义的标签添加冗余说明。推荐对复杂模块整体注释，如“主导航与用户菜单组合区域”，而非逐个标签标注。采用模块化注释方式，如“登录表单：包含用户名与密码字段”，提升可读性与维护效率。精炼有意义的注释有助于团队协作。

剩余参数（...）用于函数形参末尾收集多余实参并生成真数组，扩展运算符（...）用于调用、赋值等场景展开可迭代对象；二者写法相同但位置与作用相反，混用将报错。

CSS动画结合filter属性可实现动态模糊等视觉效果，核心方法是使用transition或@keyframes控制blur值变化，适用于悬停交互或复杂动画；现代浏览器对filter兼容性良好，但backdrop-filter需注意旧版兼容与性能；为优化性能，应合理使用will-change、GPU加速、控制模糊半径，并避免复合昂贵动画；此外，filter还支持黑白、亮度、色相旋转等创意动画，提升界面表现力。

JavaScript事件流分捕获、目标、冒泡三阶段；addEventListener第三参数决定监听阶段（true为捕获，false或省略为冒泡）；stopPropagation可阻止后续传播，事件委托依赖冒泡实现。