没有合适的资源？快使用搜索试试~ 我知道了~

文库首页后端JavaReact 60 道面试题及答案.docx

React 60 道面试题及答案.docx

面试题

需积分: 0 0 下载量 91 浏览量 2023-07-07 23:47:32 上传评论收藏 124KB DOCX 举报

温馨提示

试读

25页

React 60 道面试题及答案.docx

资源推荐

资源详情

资源评论

区分Real DOM和Virtual DOM

RealDOM

VirtualDOM)

1、更新缓慢。

1、更新更快。

2、可以直接更新HTML。

2、无法直接更新HTML。

3、如果元素更新,则创建新DOM。

3、如果元素更新,则更新JSX。

4、DOM操作代价很高。

4、DOM操作非常简单。

5、消耗的内存较多。

5、很少的内存消耗。

什么是React?

1、React是Facebook 在2011年开发的前端JavaScript库。

2、它遵循基于组件的方法，有助于构建可重用的UI组件。

3、它用于开发复杂和交互式的Web和移动UI。

4、尽管它仅在2015年开源，但有一个很大的支持社区。

React有什么特点?

React的主要功能如下：

1、它使用虚拟DOM而不是真正的DOM。

2、它可以用服务器端渲染。

3、它遵循单向数据流或数据绑定。

列出React的一些主要优点。

React的一些主要优点是：

1、它提高了应用的性能

2、可以方便地在客户端和服务器端使用

3、由于JSX，代码的可读性很好

4、React 很容易与Meteor,Angular等其他框架集成

5 使用React,编写UI测试用例变得非常容易

React有哪些限制?

React的限制如下:

3、新手程序员可能很难理解

1、React 只是一个库，而不是一个完整的框架

2、它的库非常庞大，需要时间来理解

4、编码变得复杂，因为它使用内联模板和JSX

什么是JSX?

JSX 是JavaScript XML的简写。是React 使用的一种文件,它利用JavaScript 的表现力和类似

HTML 的模板语法。这使得HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高其性

能。下面是JSX的一个例子：

render(){

return(

<div>

<h1>Hello World from Edureka!!</h1>

</div>

);

}

你了解Virtual DOM 吗?解释一下它的工作原理。

Virtual DOM是一个轻量级的JavaScript对象,它最初只是real DOM的副本。它是一个节点树，它

将元素、它们的属性和内容作为对象及其属性。React的渲染函数从React 组件中创建一个节点

树。然后它响应数据模型中的变化来更新该树，该变化是由用户或系统完成的各种动作引起的

。

2、然后计算之前DOM表示与新表示的之间的差异。

Virtual DOM工作过程有三个简单的步骤

1、每当底层数据发生改变时，整个UI都将在Virtual DOM描述中重新渲染。

3、完成计算后，将只用实际更改的内容更新real DOM。

为什么浏览器无法读取JSX?

浏览器只能处理JavaScript对象,而不能读取常规JavaScript对象中的JSX。所以为了使浏览器能够读取JSX

，首先，需要用像Babel这样的JSX转换器将JSX文件转换为JavaScript对象，然后再将其传给浏览器。

与ES5 相比,React 的ES6 语法有何不同?

以下语法是ES5与ES6中的区别：

1,require与import

//ES5

var React =require('react');

//ES6

import React from 'react';

1、 export 与exports

//ES5

module. exports=Component;

//ES6

export default Component;

1、component 和function

//ES5

var MyComponent=React. createClass({

render:function(){

return

<h3>Hello Edureka!</h3>;

}

} );

//ES6

class MyComponent extends React. Component {

render() {

return

<h3>Hello Edureka!</h3>;

}

〕

1、props

//ES5

var App=React. createClass({

propTypes:{name:React. PropTypes. string},

render:function(){

return

<h3>Hello,{this. props. name}!</h3>;

}

});

//ES6

class App extends React. Component {

render() {

return

<h3>Hello,{this. props. name}!</h3>;

剩余24页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

入伍击寇

粉丝: 129
资源: 4706

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

React 60 道面试题及答案.docx

React 45 道面试题及答案.docx

React 35 道面试题及答案.docx

React 17 道面试题及答案.docx

Android 60 道面试题及答案.docx

HTTP 60 道面试题及答案.docx

前端 60 道面试题及答案.docx

Redis 60 道面试题及答案.docx

JavaScript 60道面试题和答案.docx

JavaScript 60道面试题及答案.docx

Java面试题及答案-共60道.docx

JavaScript面试题及答案-共60道.docx

Java 60 道面试题及答案.docx

Vue 60 道面试题及答案.docx

Java 60道面试题和答案.docx

安卓期末大作业（AndroidStudio开发），垃圾分类助手app，分为前台后台，代码有注释，均能正常运行

SwitchHosts

Notepad++安装包

微信小程序源码-合集1.rar

2024北森能力测评题库.7z

ruoyi-vue-pro开发指南PDF下载

Java面试八股文2023最新版

最新资源