前端学习(1841):前端面试题之react和vue区别

  1. 相同点
  1. 都有组件化开发和Virtual DOM
  2. 都支持props进行父子组件间数据通信
  3. 都支持数据驱动视图, 不直接操作真实DOM, 更新状态数据界面就自动更新
  4. 都支持服务器端渲染
  5. 都有支持native的方案,ReactReact Native,VueWeex
  1. 不同点
  1. 数据绑定: vue实现了数据的双向绑定,react数据流动是单向的

组件写法不一样, React推荐的做法是 JSX , 也就是把HTMLCSS全都写进JavaScript

 

  1. ,'all in js'; Vue推荐的做法是webpack+vue-loader的单文件组件格式,html,css,js写在同一个文件
  2. state对象在react应用中不可变的,需要使用setState方法更新状态;vue,state对象不是必须的,数据由data属性在vue对象中管理
  3. virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制
  4. React严格上只针对MVCview,Vue则是MVVM模式

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/418762.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

94--SKU检索

1.SKU就是指每种商品,各种参数不同的就是一种 2.为什么用and,因为这个and用括号把or条件括起来 3.ge大于 le 小于 4.打印日志 这个包下的所有debug都调成debug

redis 缓存 key常量命名规则

package com.awj.mall.restfulapi.common.consts;public class CacheConsts {// 短信验证码类型/*** 登录*/public static final String SMS_TYPE_LOGIN "cache:api:sms_login_";/*** 重置密码*/public static final String SMS_TYPE_RESETPWD "cache:api:sms…

谷粒商城---新增收货地址,设置默认地址实现

今天实现了新增收货地址,设置默认地址的功能。 1、接收两个参数: RequestMapping("/setdefualt") public R setdefualt(RequestParam("memberId")Integer memberId, RequestParam("id")Integer id){memberReceiveAddress…

mysql自增id获取失败

php 数据库pdo对象,如果是返回,如以下伪代码 function getData(){ return $data; } $data getData(); $id $data->lastInsertId(); 此时会获取不到,因为mysql的lastInsertId是和连接相关的,我猜想是返回后,这个数…

Map 的初始化

ImmutableMap 的一些使用:https://www.baeldung.com/java-immutable-maps package com.awj.mall.restfulapi.config;import java.util.HashMap; import java.util.Map;import com.google.common.collect.ImmutableMap;public class Test {public static void main(…

工作容易,赚钱很难

李宗盛有首歌的歌词里写到:「工作是容易的,赚钱是困难的」。乍一听感觉有点矛盾,工作的一个重要结果不就是赚钱么,为什么工作容易赚钱却难?但仔细一想就恍然其中想表达的意思了。 工作的本质是出售劳动价值&#xff0c…

spring框架中@PostConstruct的实现原理

https://www.cnblogs.com/supercj/p/10303645.html

【集合框架】JDK1.8源码分析HashSet LinkedHashSet(八)

一、前言 分析完了List的两个主要类之后,我们来分析Set接口下的类,HashSet和LinkedHashSet,其实,在分析完HashMap与LinkedHashMap之后,再来分析HashSet与LinkedHashSet,就会变成异常简单,下面开…

JavaScript实现快速排序

快速排序是各大IT公司面试必考算法题之一,正好在百度前端技术学院(IFE)做任务时遇到一道题,要求可视化一个排序算法的计算过程,我第一时间就想到了用JS手写一个快排算法,正好作为练手。 // 快速排序 functi…

js函数节流

我们知道,js有些事件例如resize,mousemove等是会不间断触发的,例如我们简单的一个scroll事件: function scrollFn(){console.log(1) } window.onscrollscrollFn 我们需要在滚动的时候去做一些事情,如上图可见&#…

前端学习(1841):前端面试题之redux管理状态机制

对Redux基本理解 redux是一个独立专门用于做状态管理的JS库, 不是react插件库它可以用在react, angular, vue等项目中, 但基本与react配合使用作用: 集中式管理react应用中多个组件共享的状态和从后台获取的数据 Redux的工作原理Redux使用扩展 使用react-redux简化redux的编码使…

@DateTimeFormat 和 @JsonFormat 注解

https://blog.csdn.net/zhou520yue520/article/details/81348926

结对开发——返回一个整数数组中最大子数组的和 (首尾相接版)

一、题目及题目要求 题目:返回一个整数数组中最大子数组的和。要求:(1)输入一个整形数组,数组里有正数也有负数。(2)数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和。&#xf…