必必要会的50个React口试题

副问题[/!--empirenews.page--] 假如你是一位有幻想的前端措施员并筹备口试，那么这篇文章很得当你。本文是你进修和口试 React 所需常识的美满指南。 JavaScript 器材迟钝而不变地在市场中扎根，对 React 的需求呈指数级增添。选择吻合的技能来开拓应用或网站变得越来越有挑衅性。个中 React 被以为是增添最快的 Javascript 框架。 制止本日，Github 上约有1,000名孝顺者。 Virtual DOM 和可重用组件等奇异成果吸引了前端开拓职员的留意力。尽量它只是 MVC（模子 - 视图 - 节制器）中“视图”的库，但它对 Angular，Meteor，Vue 等全面的框架也组成了强力的挑衅。下图为风行的 JS 框架的趋势： JS 框架的趋势 React 口试题 以下是口试官最有也许问到的 50 个 React 口试题和谜底。为利便你进修，我对它们举办了分类： 根基常识 React 组件 React Redux React 路由 根基常识 1. 区分Real DOM和Virtual DOM

2. 什么是React？

• React 是 Facebook 在 2011 年开拓的前端 JavaScript 库。
• 它遵循基于组件的要领，有助于构建可重用的UI组件。
• 它用于开拓伟大和交互式的 Web 和移动 UI。
• 尽量它仅在 2015 年开源，但有一个很大的支持社区。

3. React有什么特点？

React的首要成果如下：

1. 它行使假造DOM 而不是真正的DOM。
2. 它可以举办处事器端渲染。
3. 它遵循单向数据流或数据绑定。

4. 列出React的一些首要利益。

React的一些首要利益是：

1. 它进步了应用的机能
2. 可以利便地在客户端和处事器端行使
3. 因为 JSX，代码的可读性很好
4. React 很轻易与 Meteor，Angular 等其他框架集成
5. 行使React，编写UI测试用例变得很是轻易

5. React有哪些限定？

React的限定如下：

1. React 只是一个库，而不是一个完备的框架
2. 它的库很是复杂，必要时刻来领略
3. 新手措施员也许很难领略
4. 编码变得伟大，由于它行使内联模板和 JSX

6. 什么是JSX？

JSX 是J avaScript XML 的简写。是 React 行使的一种文件，它操作 JavaScript 的示意力和相同 HTML 的模板语法。这使得 HTML 文件很是轻易领略。此文件能使应用很是靠得住，并可以或许进步其机能。下面是JSX的一个例子：

render(){ 
    return(         
        <div> 
            <h1> Hello World from Edureka!!</h1> 
        </div> 
    ); 
} 

7. 你相识 Virtual DOM 吗？表明一下它的事变道理。

Virtual DOM 是一个轻量级的 JavaScript 工具，它最初只是 real DOM 的副本。它是一个节点树，它将元素、它们的属性和内容作为工具及其属性。 React 的渲染函数从 React 组件中建设一个节点树。然后它相应数据模子中的变革来更新该树，该变革是由用户或体系完成的各类举措引起的。

Virtual DOM 事变进程有三个简朴的步调。

    1.每当底层数据产生改变时，整个 UI 都将在 Virtual DOM 描写中从头渲染。

    2.然后计较之前 DOM 暗示与新暗示的之间的差别。

    3.完成计较后，将只用现实变动的内容更新 real DOM。

8. 为什么赏识器无法读取JSX？

赏识器只能处理赏罚 JavaScript 工具，而不能读取通例 JavaScript 工具中的 JSX。所觉得了使赏识器可以或许读取 JSX，起首，必要用像 Babel 这样的 JSX 转换器将 JSX 文件转换为 JavaScript 工具，然后再将其传给赏识器。

9. 与 ES5 对比，React 的 ES6 语法有何差异？

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

1.require 与 import

// ES5 
var React = require('react'); 
  
// ES6 
import React from 'react'; 

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!