vue&react

先有问题再有答案 vue中如何获取dom的宽高属性？ 100条数据就要设置100个dom嘛？ 每个弹幕动画的运行效果 具体是如何实现的？ 每个弹幕的长度是不固定的 如何正确获取长度值 给动画设置正确的

先有问题再有答案 react中的ref是做什么的 为什么需要它？ 该如何正确的使用ref？ 官方为什么不提倡过渡使用? 如何理解useRef? React.createRef又是什么? forward

先有问题再有答案 插槽的设计目的是什么？ 插槽如何使用？ 我们能用插槽做什么？ 如何立即默认插槽 具名插槽 作用域插槽？ 插槽的本质是什么？ 为什么插槽不能访问子组件的作用域？ 设计目的 插槽 (sl

先有问题再有答案 如何理解Vue的批处理？ 与浏览器是event loop有什么关系 ？ vue自动收集批量更新的基本单位是什么？ 和react批处理有什么区别嘛？ 前置文章 react中的内循环与批

先有问题再有答案 如何理解vue框架 vue架构可以分为哪些部分？ 如何理解响应式数据系统？ 为什么vue不需要开发者手动处理 性能就很好？ 作为前端领域的主流框架之一, Vue.js 的核心任务是将

背景： 在进行技术栈的选择时，决策过程往往涉及多个层面的考量，尤其是当选项众多且技术日益成熟的今天。React 和 Vue 作为当下流行的前端框架，各有其独特的优势和特点。然而，决定使用哪一个并不仅仅

先有问题再有答案 要如何理解react内部的事件循环？ UI,状态,副作用的依赖关系是如何描述的？ 如何理解react中的批处理 react内部多次调用setState和异步多次调用有什么区别？ 一图

先看如下代码 bug的代码很简单 实现的逻辑就是父组件通过一个开关 判断是否可以渲染子组件的内容。默认renderChildren=false 即不渲染子组件... 先有问题再有答案 上面的代码能正常

先有问题再有答案 react是什么 react设计理念是什么 有哪些核心概念 如何系统性的认识react 一图胜千言 设计理念 数据驱动视图UI=fn(data)： 在 React 中，UI 完全由数

nextTick： 保证在dom更新 后执行回调函数。 先有问题再有答案 vue中的dom什么时候更新完 为什么不是保证dom渲染完成 dom更新和浏览器渲染是一回事嘛？ 更新后这个后是多久？ vue

vue3的diff算法名称是快速diff算法。是在vue2双端diff的基础上增加了最长递增子序列的逻辑。下面一起看下是如何实现的

先有问题在有答案 1. `diff算法中key有什么用` 2. `key可以重复嘛 为什么?` 3. `为什么不建议使用index作为key?`

vue3的diff的算法用到了最长递增子序列 那么到底vue3是如何实现的呐？ 本文将通过一系列图文的方式，给大家分析下，最后会附上Vue3的源码和注释。多图警告 接下来我们一步一步通过图文的方式看v

react和vue作为前端领域两个巨头，做的都是从数据渲染到UI的事情，下面用一张图从渲染角度来看下两者是如何实现的，两者有什么区别？

本文根据2019年GitHub上尤大回复原文_rfcs 的讨论和自己的一些思考总结而来。 先有问题再有答案 为什么react需要fiber时间分片而vue没有? 为什么react在开发中要手动实现优化