cubic-bezier 四个参数分别控制什么？
cubic-bezier() 的四个数定义控制点；两个 x 坐标必须在 0 到 1 之间，y 坐标可以越界并产生回弹或超冲。ease 等关键字对应固定曲线，自定义动效时要同时观察起步、收尾和中段速度，不能只看总时长。
核心关键词CSS cubic-bezier 自定义缓动曲线
面试知识索引 · 分类、标签与搜索
动画专题面试题，79 道完整答案
动画专题面试题第 2 页，显示第 51–79 题，共找到 79 道完整解析，可继续按分类、标签与关键词缩小范围。
79筛选结果
52技术分类
178检索标签
2索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
CSS transition 什么时候会触发？display 变化能过渡吗？
transition 需要同一元素的计算后样式发生变化，并且浏览器能识别变化前后的状态。颜色、透明度等属性可插值，display 等离散属性要配合 transition-behavior: allow-discrete；入场还常需 @starting-style 给出起始状态。
核心关键词CSS transition 触发条件 display none 过渡 - 0053
为什么淡出动画要同时用 opacity 和 visibility？
只把元素 opacity 降为零，透明区域仍可能接收点击和焦点。把 visibility 的切换延后到淡出完成，可让退出动画结束后再隐藏；重新显示时延迟规则也要配套调整，否则元素可能先不可见再突然出现。
核心关键词CSS transition visibility 淡入淡出 延迟挂载 - 0054
transition 和 animation 怎么选？
transition 适合按钮悬停、面板开合这类在两种状态间切换的效果；animation 适合多关键帧、循环或自动播放。两者的触发方式、暂停控制和结束状态处理不同，选型应取决于动效是否需要独立时间线。
核心关键词CSS transition 与 animation 如何选择 - 0055
怎样用 prefers-reduced-motion 照顾不适合动画的用户？
prefers-reduced-motion: reduce 表示用户偏好减少非必要运动。可以在该条件下关闭持续位移、缩放、视差等容易造成不适的动画，或换成更温和的淡入；不要假定所有动画都必须彻底删除。
核心关键词CSS prefers-reduced-motion media query - 0056
如何用 preventDefault 阻止滚轮事件引发的页面滚动，但保留自定义滚轮行为？需要注意什么？
如何用 preventDefault 阻止滚轮事件引发的页面滚动，但保留自定义滚轮行为？需要注意什么？ 本文先给出可直接复述的结论，再用最小代码说明wheel 事件 preventDefault 自定义滚动的工作方式、判断依据、项目边界和常见误区。
核心关键词wheel 事件 preventDefault 自定义滚动 - 0057
scroll 事件触发非常频繁，如何有效地控制处理频率？请对比 rAF、timeout 和 passive 的配合。
scroll 事件触发非常频繁，如何有效地控制处理频率？请对比 rAF、timeout 和 passive 的配合。 本文先给出可直接复述的结论，再用最小代码说明scroll 事件节流 requestAnimationFrame的工作方式、判断依据、项目边界和常见误区。
核心关键词scroll 事件节流 requestAnimationFrame - 0058
React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的是哪一帧，为什么只取消一次可能不够？
React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的是哪一帧，为什么只取消一次可能不够？ 本文先给出可直接复述的结论，再用最小代码说明React requestAnimationFrame Effect cleanup 取消 循环的工作方式、判断依据、项目边界和常见误区。
核心关键词React requestAnimationFrame Effect cleanup 取消 循环 - 0059
startTransition 标记的非紧急更新在调度上有什么不同的行为？
startTransition 标记的非紧急更新在调度上有什么不同的行为？ 本文先给出可直接复述的结论，再用最小代码说明startTransition 非紧急更新 并发的工作方式、判断依据、项目边界和常见误区。
核心关键词startTransition 非紧急更新 并发 - 0060
React 19 中 startTransition 接受 async 函数（Action）后与 React 18 的用法有什么不同？
React 19 中 startTransition 接受 async 函数（Action）后与 React 18 的用法有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明React 19 startTransition async Action 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 startTransition async Action 区别 - 0061
为什么不能把受控输入框的 value 更新包在 startTransition 里？
为什么不能把受控输入框的 value 更新包在 startTransition 里？ 本文先给出可直接复述的结论，再用最小代码说明startTransition 受控输入 不能延迟的工作方式、判断依据、项目边界和常见误区。
核心关键词startTransition 受控输入 不能延迟 - 0062
为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益？
为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益？ 本文先给出可直接复述的结论，再用最小代码说明transition 局限 不减少工作量的工作方式、判断依据、项目边界和常见误区。
核心关键词transition 局限 不减少工作量 - 0063
transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换？
transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换？ 本文先给出可直接复述的结论，再用最小代码说明transition Suspense fallback 避免闪烁的工作方式、判断依据、项目边界和常见误区。
核心关键词transition Suspense fallback 避免闪烁 - 0064
用 transition 优化搜索输入与用防抖优化有什么本质区别？
用 transition 优化搜索输入与用防抖优化有什么本质区别？ 本文先给出可直接复述的结论，再用最小代码说明React transition 防抖 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词React transition 防抖 区别 - 0065
优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择？
优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择？ 本文先给出可直接复述的结论，再用最小代码说明useTransition useDeferredValue 选择的工作方式、判断依据、项目边界和常见误区。
核心关键词useTransition useDeferredValue 选择 - 0066
useTransition 返回的 isPending 适合设计什么样的加载反馈？
useTransition 返回的 isPending 适合设计什么样的加载反馈？ 本文先给出可直接复述的结论，再用最小代码说明useTransition isPending 加载反馈的工作方式、判断依据、项目边界和常见误区。
核心关键词useTransition isPending 加载反馈 - 0067
为什么 React Native 中用 Animated 改变 width/height 无法走原生驱动，代价是什么？
为什么 React Native 中用 Animated 改变 width/height 无法走原生驱动，代价是什么？ 本文先给出可直接复述的结论，再用最小代码说明Animated 布局动画 width 原生驱动 不支持的工作方式、判断依据、项目边界和常见误区。
核心关键词Animated 布局动画 width 原生驱动 不支持 - 0068
React Native 列表项入场动画为什么容易和 FlatList 虚拟化冲突？
React Native 列表项入场动画为什么容易和 FlatList 虚拟化冲突？ 本文先给出可直接复述的结论，再用最小代码说明FlatList item 入场动画 复用 冲突的工作方式、判断依据、项目边界和常见误区。
核心关键词FlatList item 入场动画 复用 冲突 - 0069
React Native Animated 的 useNativeDriver 把什么工作移出了 JS 线程，支持哪些属性？
React Native Animated 的 useNativeDriver 把什么工作移出了 JS 线程，支持哪些属性？ 本文先给出可直接复述的结论，再用最小代码说明Animated useNativeDriver 原生驱动 支持属性的工作方式、判断依据、项目边界和常见误区。
核心关键词Animated useNativeDriver 原生驱动 支持属性 - 0070
React Native 中每帧 setState 驱动动画为什么是反模式？
React Native 中每帧 setState 驱动动画为什么是反模式？ 本文先给出可直接复述的结论，再用最小代码说明React Native setState 动画 每帧 反模式的工作方式、判断依据、项目边界和常见误区。
核心关键词React Native setState 动画 每帧 反模式 - 0071
React Native 手势跟手动画要保证 60fps，关键约束是什么？
React Native 手势跟手动画要保证 60fps，关键约束是什么？ 本文先给出可直接复述的结论，再用最小代码说明React Native 手势动画 60fps 掉帧的工作方式、判断依据、项目边界和常见误区。
核心关键词React Native 手势动画 60fps 掉帧 - 0072
React Native 的 InteractionManager.runAfterInteractions 解决什么问题，有什么局限？
React Native 的 InteractionManager.runAfterInteractions 解决什么问题，有什么局限？ 本文先给出可直接复述的结论，再用最小代码说明InteractionManager runAfterInteractions 场景的工作方式、判断依据、项目边界和常见误区。
核心关键词InteractionManager runAfterInteractions 场景 - 0073
React Native 中 JS 线程被长任务阻塞时用户会看到什么现象，为什么？
React Native 中 JS 线程被长任务阻塞时用户会看到什么现象，为什么？ 本文先给出可直接复述的结论，再用最小代码说明React Native JS 线程阻塞 界面卡死的工作方式、判断依据、项目边界和常见误区。
核心关键词React Native JS 线程阻塞 界面卡死 - 0074
React Native LayoutAnimation 适合哪类动画，什么时候不够用？
React Native LayoutAnimation 适合哪类动画，什么时候不够用？ 本文先给出可直接复述的结论，再用最小代码说明LayoutAnimation 适用场景 局限的工作方式、判断依据、项目边界和常见误区。
核心关键词LayoutAnimation 适用场景 局限 - 0075
React Native 中监听 ScrollView 的 onScroll 为什么必须设置 scrollEventThrottle 并谨慎处理回调？
React Native 中监听 ScrollView 的 onScroll 为什么必须设置 scrollEventThrottle 并谨慎处理回调？ 本文先给出可直接复述的结论，再用最小代码说明scrollEventThrottle onScroll 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词scrollEventThrottle onScroll 性能 - 0076
React Native 页面转场卡顿的官方排查思路是什么？
React Native 页面转场卡顿的官方排查思路是什么？ 本文先给出可直接复述的结论，再用最小代码说明React Native 转场卡顿 slow navigator transitions的工作方式、判断依据、项目边界和常见误区。
核心关键词React Native 转场卡顿 slow navigator transitions - 0077
Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报
Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报 本文先给出可直接复述的结论，再用最小代码说明Playwright 视觉测试 抖动 maxDiffPixels 动画的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 视觉测试 抖动 maxDiffPixels 动画 - 0078
Vue 的 nextTick 什么时候用，await 之后到底保证什么？
给出 Vue 修改状态后等待 nextTick 再访问节点的写法，说明它等待更新刷新而不是网络、动画和浏览器绘制，并区分一次操作与持续 post 监听。
核心关键词Vue nextTick 作用 await DOM 更新后 - 0079
小程序逻辑层执行耗时任务会卡住什么，为什么渲染层动画仍可运行但事件响应变慢？
小程序逻辑层执行耗时任务会卡住什么，为什么渲染层动画仍可运行但事件响应变慢？ 本文先给出可直接复述的结论，再用最小代码说明小程序 逻辑层 阻塞 JsCore 耗时任务的工作方式、判断依据、项目边界和常见误区。
核心关键词小程序 逻辑层 阻塞 JsCore 耗时任务