React.js学习之codecademyJSX测试

缺乏、安全感 2022-03-28 10:50 61阅读 0赞

1.Question:What's a difference between a DOM object and a virtual DOM object?

Answer:A virtual DOM object can update much faster than a regular DOM object.

A virtual DOM object can't directly affect HTML.

A virtual DOM object will be updated if ANY JSX element renders.

2.Question:What is the correct way to attach the function 'yo' to a click event?

let yo = () => {
      alert('Yo');
    };

Answer:

<button onClick={yo}></button>

3.Question:What's wrong with this code?

let skateboardDog = (
      <img src="alfie.jpg" />
      <h1>Hiya kids!  I'm a dog on a skateboard.</h1>
    );

Answer:JSX expressions need an outermost element.

4.Question:What should you pass to ReactDOM.render() for its second argument?

Answer:A selector that matches an HTML element.

5.Question:What problem does the virtual DOM attempt to solve?

Answer:Updating DOM objects happens unnecessarily often.

6.Question:Which will render "100" to the screen?

Answer:

ReactDom.render(
      <h1>{10 * 10}</h1>, 
      document.getElementById('app')
    );

7.Question:What should you pass to ReactDOM.render() for its first argument?

Answer:A JSX expression that you want to render.

8.Question:Place the following steps in the right order:

a. The screen looks different than it used to.

b. A JSX element renders.

c. The virtual DOM "diffs," comparing its current self with its previous self.

d. The entire virtual DOM updates.

e. Part of the real DOM updates.

Answer:b, d, c, e, a

9.Question:Can a web browser read JSX directly?

Answer:No, JSX must be compiled before it can be read by a web browser.

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关 ReactJS入门之Model层

目录一：分层二：使用DVA进行数据分层管理三：在model中请求数据四：mock数据 -------------------- 一：分层 ![77f

忘是亡心i/ 2024年03月30日 12:31/ 0 赞/ 82 阅读

相关 ReactJS入门

目录一：前端开发的演变二：ReactJS简介三：搭建环境四：React快速入门 -------------------- 一：前端开发的演变到目前

淡淡的烟草味﹌/ 2024年03月30日 12:28/ 0 赞/ 94 阅读

相关 reactJs 基础

react不是一个完整的mvc,mvvm框架。 react跟web components 不冲突背景原理：基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每

不念不忘少年蓝@/ 2023年08月17日 16:20/ 0 赞/ 160 阅读

相关 ReactJs实战感悟

写这篇博文之前，不免先自我介绍一下，作为一个在编码一线搬砖多年，涉猎过C、C++、Java、C\、Javascript等多种语言，从前台到后台，从工程到理论，从Coder到Ma

系统管理员/ 2022年09月21日 13:26/ 0 赞/ 212 阅读

相关前端开发入门:框架篇-ReactJS入门学习

现在最热门的前端框架，毫无疑问是 [ React][React] 。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 [ Jav

素颜马尾好姑娘i/ 2022年08月18日 12:08/ 0 赞/ 252 阅读

相关 reactJs入门

本文中的react是老版本的，对于新版本只需要改两个地方： <!DOCTYPE html> <html> <head> <me

淩亂°似流年/ 2022年07月16日 03:14/ 0 赞/ 311 阅读

相关 Reactjs－程序员为什么应该学习Android 开发

在使用了一段时间Reactjs后，渐渐感觉到它的局限性。Reactjs的理想是好的：只学一次，通吃Web端和移动端。也大大改进了Web端开发的杂货铺状态（html,css,js

浅浅的花香味﹌/ 2022年07月14日 15:25/ 0 赞/ 175 阅读

相关 React.js学习之codecademyJSX测试

1.Question:What's a difference between a DOM object and a virtual DOM object? Answe

缺乏、安全感/ 2022年03月28日 10:50/ 0 赞/ 62 阅读

相关自动化测试学习之接口测试

在我们学习接口测试之前首先需要知道两点，什么是接口？HTTP协议的请求过程和请求方法？一、什么是接口？　　接口一般来说有两种，一种是程序内部的接口，一种是系统对外的

秒速五厘米/ 2022年01月11日 17:41/ 0 赞/ 486 阅读

相关 ReactJs 注意点

注意点：1.在react创建之初，使用的是React.createClass方法来创建组件类，这种方式下，通过定义组件类的一个getInitialState方法来获取初始值，但

红太狼/ 2021年10月01日 03:24/ 0 赞/ 476 阅读