如果新的虚拟dom是多个节点，那就先进入第一轮遍历，遍历的时候一一对应，如果不能复用，就立马跳出第一轮循环，进入第二轮循环，将剩余的老fiber放入一个以老fiberkey或者索引为key，value

最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论....

引言 【前端面试】从小作坊走到大厂，回头看这条路真的好长 书接上文，继续分享React Hooks相关面试题 广告时间 程序员和NBA球员一样，黄金时间就这么几年，如果你是一个有进取心的少年，想摆脱如

React Hooks 可以说完全颠覆了之前 Class Component 的写法，进一步增强了状态复用的能力，让 Function Component 也具有了内部状态，对于我个人来说，更加喜欢 Hooks 的写法。当然如果你是一个使用 Class Component 的老…

styled-components,这次一定会！产生原因用js写所有的趋势react致力于用js写所有html以及逻辑相关的代码部分，既然如此，何不用js写css控制组件样式呢？styled-comp

什么是Redux？Redux是一个状态的容器，是一个应用数据流框架，主要用作应用状态的管理。它用一个单独的常量状态树（对象）来管理保存整个应用的状态，这个对象不能直接被修改。Redux中文文档见http://www.redux.org.cn 在我们的应用中有很多歌曲列表页，点击…

上一节开发了推荐页面，这一节实现专辑页面开发、进入动画和图片拉伸动画。话不多说，先看效果图 打开chrome浏览器，地址栏输入QQ音乐官网：https://y.qq.com。打开后点击专辑 这个时候回弹出一个新的窗口，直接关闭它。回到刚才的开发者工具，可以看到有一个请求，这个请…

接着上一节内容，这一节抓取QQ音乐移动Web端推荐页面接口和PC端最新专辑接口数据。通过这些接口数据开发推荐页面。首先看一下效果图 用chrome浏览器打开手机调试模式，输入QQ音乐移动端地址：https://m.y.qq.com。打开后点击Network，然后点击XHR，可以…

颜色可以随意设置。如果使用普通图片，图片颜色已经是设计好的，如果要换颜色需要借助工具来对图片进行修改 制作字体图片首先我们需要svg图片。svg图片可以从iconfont阿里矢量图标库自行选择。笔者已经下载了项目需要的svg图片 借助一个叫iconmoon的网站。浏览器地址上输…