React
文章平均质量分 72
小猴子豆芽菜
一名90后程序猿,现就任于ThoughtWorks,从事软件开发、大数据开发,同时也是一位健身、羽毛球爱好者。
展开
-
React学习之旅四:JSX的简单应用
目录JSX是什么JSX的优点JSX可以做什么注意点实例:多层嵌套html实例:JSX中写入javascript代码实例:JSX中写入三元表达式实例:内联式样实例:数组 JSX是什么 JSX就是符合xml规范的JS,其语法格式比HTML严谨很多。React使用JSX来代替常规的JavaScript。渲染的时候,JSX本质是先在内部转换为create...原创 2018-07-23 13:02:47 · 413 阅读 · 0 评论 -
React学习之旅五:创建组件的两种方式 使用构造函数创建组件和使用class关键字创建组件
目录 方法一:构造函数创建组件实例:创建一个简单组件实例:向组件传递数据实例:复合组件方法二:class关键字创建组件实例:向组件传递数据方法一:构造函数创建组件使用构造函数来创建组件时,如果要接收外界传递的数据,需要在构造函数的参数列表中使用props来接收; 必须要向外return一个合法的JSX创建的虚拟DOM; 实例:创建一个简单组件 ...原创 2018-07-23 15:21:39 · 910 阅读 · 0 评论 -
React学习之旅一:React介绍以及和Vue的对比区别
React简介React起源于FaceBook的内部项目,因为该公司对市场上的javaScript MVC框架,都不满意,遂决定自己写一套,用来架设Instagram(照片的网站)。做出来之后觉得很好用,于是在2013年5月进行开源了。 由于React的设计思想及其独特,属于革命性创新,性能卓越,代码逻辑却非常简单,所以越来越多的人开始关注并使用,其将成为未来Web开发的主流佛工具。 两...原创 2018-07-20 23:23:17 · 402 阅读 · 0 评论 -
React学习之旅二:虚拟DOM的概念和本质以及Diff算法
虚拟DOM (Virtual Document Object Model)DOM的本质是什么:浏览器中的概念,用JS对象表示页面上的元素并提供操作DOM对象的API; 什么是React中的虚拟DOM:框架中的概念,是程序员用JS对象模拟页面上的DOM和DOM嵌套; 为什么要实现虚拟 DOM(虚拟DOM的目的):为了实现页面中DOM元素的高效更新; DOM元素和虚拟DOM的区别:...原创 2018-07-21 15:27:11 · 881 阅读 · 0 评论 -
React学习之旅三:元素渲染、React.createElement()、ReactDOM.render()
目录 将元素渲染到DOM中通过React渲染简单元素通过定时器改变元素内容将要展示的内容封装成函数将展示内容封装成类将元素渲染到DOM中 通过React渲染简单元素 用react实现该html内容:<h1>这是我的第一个小实验</h1>第一步:创建html文件,引入相应的react和react-dom包,并定义一个容器用于存放虚...原创 2018-07-22 00:56:17 · 2899 阅读 · 0 评论