react
Sitwoold
华中农业大学 计算机科学与技术本科在读
展开
-
2018.11.18 react 学习笔记
虚拟DOM:用JS对象的形式,来虚拟页面上DOM嵌套关系;(虚拟DOM是以DOM对象的形式存在的;) 本质:用JS对象,来模拟DOM元素和嵌套关系; 目的:就是为了实现页面元素的高效更新。 diff算法: tree diff :新旧两课DOM树,逐层对比的过程,就是tree diff; component diff:每一层,组件级别的对比 ...原创 2018-11-18 17:22:09 · 107 阅读 · 0 评论 -
React自学 11.19
11.19日 三 使用React.createElement实现虚拟DOM嵌套 1. 渲染页面上的DOM结构,最好的方式就是写HTML代码,React实现了在JS中写HTML的功能 //HTML就是最优秀的标记语言 //所以我们不想用上面的API,而想直接写HTML代码 所以出现了下面这样的 const mydiv=<div id="...原创 2018-11-20 18:16:42 · 127 阅读 · 0 评论 -
React 学习 11.20
11.20 四 JSX语法最基本的使用 1.调用render函数渲染 a.渲染数字 ReactDOM.render(<div>123</div>, document.getElementById('app')) 这样也可以,直接把<div>123</div> 当作一个对象 ...原创 2018-11-20 18:21:07 · 199 阅读 · 0 评论 -
React 学习 11.21
11.21 g、JSX中书写注释 {/* 多行注释*/} { // 单行注释 } h、 为jsx中的元素添加class类名 需要使用使用className来替代class; htmlFor替换;label中的for属性 原因: class和for也属于js中的关键字, 所以在jsx中不能用class和for 在jsx创建DOM的时候,所有的节点,必须有唯一的根元素进行...原创 2018-11-24 13:10:20 · 191 阅读 · 0 评论 -
11.26-11.27 React学习笔记
11.26 注意:React的首字母必须是大写,不然浏览器会把组件当作普通标签出现错误。 import React from ’react’ //导入React //创建并且暴露这个组件 export default function Hello(props){ console.log(props) return <div>这是Hello组件---(props.nam...原创 2018-12-01 12:32:25 · 157 阅读 · 0 评论