-
使用CSStransition实现响应式卡片动画，通过设置transform、box-shadow等属性的平滑过渡，并结合媒体查询适配不同设备，提升交互体验。
-
需后端在Access-Control-Expose-Headers中暴露X-RateLimit-Reset，前端用Date.parse(response.headers.get('Date'))获取服务端当前时间，再与X-RateLimit-Reset（秒级时间戳×1000）做差计算剩余秒数，避免客户端时钟偏差。
-
高阶组件是React中复用组件逻辑的设计模式，本质为接收组件并返回增强组件的函数。它通过包装原有组件实现功能扩展，如权限控制、日志埋点、加载状态管理等，无需修改原组件代码。典型形式为constwithEnhancement=(WrappedComponent)=>{...}，利用组合特性实现逻辑抽离。常见应用场景包括权限校验、数据上报、异步加载处理和表单验证增强。使用时需避免在render中创建HOC、注意静态方法丢失及props命名冲突问题，过度嵌套易导致“包装地狱”。随着Hooks普及，许多功能
-
本文介绍如何使用JavaScript批量、自动地为网站多页面中所有出现的特定词语（如“Dog”）统一添加超链接，无需手动逐个修改HTML，兼顾大小写匹配与上下文完整性。
-
移动端布局抖动源于图片/视频加载后重排，核心是提前预留正确容器空间；aspect-ratio是最直接解法，但须配合width/max-width使用，且需注意Safari兼容性、宽高比动态适配及Flex/Grid中的失效场景。
-
Canvas绘图完全依赖JavaScript控制，需先获取2d或webgl上下文并确认可用性，再通过ctx方法绘制图形、实现动画和响应交互。
-
CSS盒模型与定位机制协同决定元素布局。1.盒模型由content、padding、border、margin组成，影响元素总宽高计算；2.relative保留原位置并基于自身偏移，不脱离文档流；3.absolute脱离文档流，相对于最近已定位祖先定位，尺寸仍遵循盒模型；4.fixed相对于视口固定，滚动不变，常用于悬浮组件；5.sticky在滚动阈值前后切换相对与固定定位，适合表头等场景。掌握其结合方式可精准控制布局。
-
<metacharset>必须位于HTML文档前1024字节内，否则浏览器将按默认编码解析导致乱码；应紧接<!DOCTYPEhtml>和<html>之后置于<head>最顶部，避免BOM、注释或空格前置。
-
Vue渲染器是将虚拟DOM转换为真实平台视图的可配置引擎，通过宿主接口实现跨平台适配，核心职责为创建、更新、卸载节点，依赖patch函数协调新旧vnode同步。
-
箭头函数没有自己的this绑定，不支持new调用、arguments对象和yield关键字，适用于无需独立this的短小回调场景。
-
游戏循环应使用requestAnimationFrame而非setInterval，以对齐屏幕刷新率、省电且稳定；需分离更新与渲染，用固定时间步长累积deltaTime并保留余量，避免逻辑帧率波动；update只改状态，render只负责绘制；须清理raf防止内存泄漏。
-
Headless浏览器自动化测试核心在于稳定性、可调试性及符合真实用户行为，推荐Puppeteer和Playwright而非Selenium；前者通过CDP精准控制加载时机、字体就绪、多浏览器兼容等，后者统一API覆盖Chromium/WebKit/Firefox并支持真实Safari预览版。
-
BigInt与Number不兼容，因类型系统禁止隐式转换，混合运算如1n+1会抛TypeError；必须显式转换，且BigInt()构造函数不接受Number参数，JSON、Math、Date等API均不支持BigInt。
-
生成器函数是用function*声明、通过yield暂停恢复执行的特殊函数，调用返回迭代器，next()方法控制执行节奏并支持双向通信。
-
柯里化将多参函数转化为单参函数链，组合通过pipe或compose连接函数，实现逻辑清晰、可复用的函数式编程。
