温佳鑫

React 是当今最流行的前端框架之一，它的设计理念和实现原理值得深入学习。本文将从核心概念出发，详细解析 React 的工作原理，包括 Fiber 架构、渲染流程、diff 算法、key 的作用、批处理机制以及并发模式等关键内容，帮助你彻底理解 React 的内部工作机制。

【面试速答版】

【面试速答版】

【面试速答版】

【面试速答版】

混合 mixins 和继承 extends

看看官方文档怎么写的，其实两个都可以理解为继承，mixins 接收对象数组（可理解为多继承），extends 接收的是对象或函数（可理解为单继承）。

需求：父组件通过 props 传递给子组件 caseList 数组，这里需要遍历该数组来展示每个 case 元素的一些属性，其中就包括创建时间 create_time 和图片地址 cover。但父组件传过来的 create_time 是一个时间戳，我们希望时间以年 - 月 - 日的形式来呈现。而 cover 的格式是 ["http:/xxxxxx.jpg"]，直接赋给图片 src 是不行的。所以子组件需要想办法修改 props 值。

只要涉及到 MVVM 框架就不得不提到双向绑定，毕竟它是 Vue 的三要素之一。

• 响应式：例如如何监听数据变化，其中的实现方法就是双向绑定
• 模板引擎：如何解析模板
• 渲染：Vue 如何将监听到的数据变化和解析后的 HTML 进行渲染

如下图所示，要求循环滚动一系列文本信息。

1
2
3

let vue = new Vue({
    render: h => h(App)
}).$mount('#app')

vue-cli 配置齐全，大家也都习惯于使用 vue-cli 开发，因此可能会忽略了入口文件中 Vue 实例是怎么去 new 的，以及 #app 元素是怎么渲染到页面的。