三大框架 | 青训营笔记

82 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第24天

我记得这个好像是我进入青训营的那个面试题来着:简答题写react和vue的优缺点

1.三大JS框架的区别: Angular带有比较强的排它性的 React主张是函数式编程的理念,侵入性没有Angular那么强,主要因为它是软性侵入。 Vue 渐进式的

你如何看待react /什么是react

react就是一个框架 他相对于mvc来说只是其中的v 他适用于开发数据不断变化的大型应用程序

react相对其他框架优势: 高性能高效率 实现了前端界面的高性能高效率开发,所以说react很擅长处理组件化的页面

2.React与Vue对比

相同之处

虚拟 DOM。映射真实 DOM,通过新旧 DOM 的 diff 对比,更好的跟踪渲染页面。 组件化。将应用拆分成一个个功能明确的模块,每个模块之间可以通过合适的方式互相联系。 构建工具。都有自己的构建工具,通过 Webpack + Babel 去搭建脚手架。 Chrome 开发工具。两者都有很好的 Chrome 扩展去帮助查找 Bug。 配套框架。Vue 有 Vue-router 和 Vuex,而 React 有 React-router 和 React-Redux

不同之处

模板 VS JSX。Vue 推荐编写近似常规 HTML 的模板进行渲染,而 React 推荐 JSX 的书写方式。 监听数据变化的不同。Vue 使用的是可变数据,而 React 更强调数据的不可变。在 Vue 中通过 v-model 绑定的数据,用户改变输入值后对应的值也相应改变。而 React 需要通过 setState 进行设置变化。 Diff 不同。Vue 通过双向链表实现边对比边更新 DOM,而 React 通过 Diff 队列保存需要更新的 DOM,得到 patch 树,再统一批量更新 DOM。 开发团队。Vue 一开始核心就是 Evan You,后面再招了其他人组成团队;React 的话是一开始就是 Facebook 团队搞的。所以网上的人比对源码情况的话,Vue 的比 React 的简单易懂点。