reactjs(vue和react对比)

reactjs，vue和react对比？

你好，我是「前端雨爸」，希望我的回答对你有所帮助。

首先

前端发展迅速，每天都让我们反复进入“学不动”的漩涡中。

但作为一个开发者，尤其是前端开发，我不希望各位把中心放在谁好谁坏上，更多的应该知道目前三大框架的不同，在项目实战中有针对性的选择。

同时，有精力还是都接触下，毕竟都是最优秀的框架。

官方对比

Vue 官网给出了详细的异同对比，相信这是最权威的比较（来自：尤大 作者的视角）

相同点：

使用了虚拟 DOM

提供响应式编程概念，组件化思想

渐进式编程，重点放在核心库，其他交给社区或者第三方库完成

不同之处：

1. diff 方式。

react 需要通过 PureComponent 或者实现 方法来优化组件渲染。

而 vue 不需要额外的设置，完全交给框架来完成。

2. JSX 和 Template

首先 Vue 也提供了渲染函数（render）。React 主推 JSX（就是那个让大部分程序员，刚上手不习惯的渲染函数语法糖），会有种错觉：HTML（React 元素） 和 Javascript 逻辑居然写在了一起。

Vue 通过 vue-loader ，帮助我们把 template、script、css 分离开，或者最后组合在一起。完全可以像以前的 web 开发一样，入门门槛降低。

3. 脚手架

React 提供了 create-react-app 工具，虽然是不错的脚手架，但不涉及 webpack 等的配置的修改能力；

相反，Vue 依靠 vue.config.js 让我们更定制化的修改脚手架配置。

4. 其他

React 学习成本更高，Vue 更符合我们的开发模式（习惯）

最后

意思就是自己使用下来，并结合 Vue 官网说明的总结。两个框架都不错，vue 更是借鉴了 angular 和 react 的产物。随着版本的升级，他们三者越来越趋于同化，相信未来我们前端会走的越来越好。

欢迎关注「前端雨爸」，让我们一同在前端路上成长进步。

初学reactjs？

本教程将帮助展望第一次处理ReactJS的JavaScript开发人员。我们将尝试通过展示简单易懂的代码示例来介绍每个概念。完成所有章节后，您将对与ReactJS合作充满信心。作为奖励，我们将介绍可与ReactJS良好配合的其他元素，以帮助您了解最佳实践并遵循现代JavaScript趋势。

预备知识：原文：codingdict.com/article/8358

如果你想使用ReactJS，你需要有扎实的JavaScript，HTML5和CSS知识。即使ReactJS不使用HTML，JSX也是如此，因此您的HTML知识将会非常有用。我们将在下一章中更详细地解释这一点。我们还将使用EcmaScript 2015语法，因此这方面的任何知识都可能有所帮助。

Reactjs怎么和jquery结合开发？

webpack-dev-server已经在用了吧，只要通过npm install或package.json配置安装jquery就行了，在用的地方import $ from 'jquery'或var $=require('jquery')就可以用了。

用react的地方需要用jquery配合的不多，通常在componetDidUpdate的时候用多，注意:不允许使用jquery操作react的数据渲染组件，无论是使用了state还是props数据，事实上也只有在数据变更后要求做些无关react渲染特殊效果，或者需要做些dom判断时才有用。

react之类的框架是不是弱化了对前端人员js水平的要求？

你去一线互联网公司面试很有可能会遇到的问题有，

请解答以下问题，

数据结构，算法，树，图，排序。

等等，这不是前端，三大框架都不问吗？

请阐述双向绑定的实现原理，让你写你会怎么写？性能怎么样？

路由呢？渲染列表？组件？生命周期又是什么？

react原理？

React 根据W3C 规范来定义自己的事件系统，其事件被称之为合成事件 (SyntheticEvent)。而其自定义事件系统的动机主要包含以下几个方面：

（1）抹平不同浏览器之间的兼容性差异。最主要的动机。

（2）事件"合成"，即事件自定义。事件合成既可以处理兼容性问题，也可以用来自定义事件（例如 React 的 onChange 事件）。

（3）提供一个抽象跨平台事件机制。类似 VirtualDOM 抽象了跨平台的渲染方式，合成事件（SyntheticEvent）提供一个抽象的跨平台事件机制。

（4）可以做更多优化。例如利用事件委托机制，几乎所有事件的触发都代理到了 document，而不是 DOM 节点本身，简化了 DOM 事件处理逻辑，减少了内存开销。（React 自身模拟了一套事件冒泡的机制）

（5）可以干预事件的分发。V16引入 Fiber 架构，React 可以通过干预事件的分发以优化用户的交互体验。