-
柯里化将多参函数转化为单参函数链，组合通过pipe或compose连接函数，实现逻辑清晰、可复用的函数式编程。
-
闭包是JavaScript执行模型的自然结果，内部函数引用外部变量并被带出原作用域时即形成；它使变量在外部函数执行完毕后仍存活，用于封装私有数据、实现柯里化与记忆化等，但滥用会导致内存泄漏。
-
CSS性能优化核心是合并文件、压缩体积、按需加载。通过减少HTTP请求、启用Gzip/Brotli压缩、提取关键CSS内联及异步加载非关键样式，可显著提升页面加载速度。
-
使用gap属性、相对单位和弹性布局优化移动端Flex间距。1.用gap统一控制子元素间隔，避免多余空白；2.结合rem或vw实现响应式间距，提升适配性；3.配合媒体查询微调不同屏幕下的间距；4.使用flex-grow与min-width控制换行，保持布局整洁；5.确保点击区域有8–12px间距，提升触控体验。
-
本文教你通过localStorage持久化记录加载状态，使网站在用户跳转至about.html或返回index.html时不再重复执行加载动画，仅首次访问触发一次，提升用户体验与性能。
-
响应式布局核心是断点+容器宽度重置，纯CSS框架依赖预设@media查询和类名切换，不依赖JS；所有响应式类需显式声明对应断点，如md:flex、md:grid-cols-2；Bootstrap容器宽度由SCSS变量硬编码控制；Grid中推荐用minmax(0,1fr)防止fr单位失控。
-
JavaScript的作用域链在函数定义时确定，由词法环境决定，变量查找沿定义时嵌套关系向上进行，未找到则抛ReferenceError；闭包依赖此静态链。
-
错误边界是React中用于捕获子组件树JavaScript错误并渲染降级UI的类组件，通过staticgetDerivedStateFromError和componentDidCatch实现，不捕获事件处理、异步代码、服务端渲染及自身错误。
-
一加Ace系列适配需显式声明viewport的initial-scale=1且禁用缩放，动态设置rem基准字体，触摸坐标需四舍五入校验，避免依赖废弃属性与旧版兼容库。
-
数据加载完成后再启动动画，通过fetch回调触发、CSS变量驱动、差异更新、预解析缓存等策略保障性能与稳定性。
-
用@keyframes配合animation实现逐字打字效果的核心是：固定容器宽度、overflow:hidden、white-space:nowrap，以width+ch单位配合steps(N,end)逐帧显示字符，禁用opacity/transform渐显，确保机械式跳变节奏。
-
现代浏览器原生懒加载推荐使用loading="lazy"属性，仅适用于<img>和<iframe>，需配合width/height防CLS，首屏图应设eager；响应式图片用<picture>+srcset按设备选最小合适资源；精细控制可用IntersectionObserver；WebP/AVIF格式与CDN缓存协同优化才是关键。
-
play()不提供播放进度，需通过currentTime属性获取；必须等待canplay等事件后再读取或设置，推荐用timeupdate事件监听而非setInterval；设置失败多因媒体未就绪或策略限制。
-
应优先用transform:scale()而非width/height做动画，因其不触发重排、仅重绘或合成，性能更优；但需注意缩放原点、布局占位、子元素放大、响应式基准及事件热区等限制。
-
transition无效的主因是hover前后属性类型不匹配：需确保属性名一致、值类型可插值（如颜色/长度/opacity）、初始值非auto/unset，且避免使用display/visibility等不可过渡属性。
