ReactJS
关注
分享
扫一扫
文章平均质量分 79
abloume
这个作者很懒，什么都没留下…
展开
-
【ReactJS】React项目构建的几种方式
前言：构建React项目的几种方式：构建：create-react-app 快速脚手架构建：generator-react-webpack1）构建：create-react-app 快速脚手架FaceBook官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具create-react-app。creat-react-app优点无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就可转载 2018-01-01 00:18:22 · 5351 阅读 · 1 评论 -
【ReactJS】困惑于text/babel与browser.js还是babel.js？
使用JSX 使用JSX，可以极大的简化React元素的创建，JSX抽象化了React.createElement()函数的使用，其语法风格类似于HTML语法风格。对比如下代码可以让你更好的理解这一点。// 使用React.createElement()return React.createElement('div',null,'Hello',this.props.name);//使用JSXre原创 2018-01-01 17:37:00 · 6266 阅读 · 0 评论 -
【ReactJS】尝试理解React新的前端思维方式
要了解一样东西的特点，最好的方法当然是拿这个东西和另一样东西作比较。我们就拿React和jQuery来比较。 jQuery：是一个JavaScript 的库，借鉴了结合CSS简化和精简了JavaScript的操作方式和解决浏览器兼容问题。选中一些DOM元素，然后对这些元素做一些操作，这是一种最容易理解的开发模式。但当业务逻辑复杂的时候，每行代码都会有不知所云的感觉。 R原创 2017-12-08 15:23:40 · 530 阅读 · 2 评论 -
【ReactJS】V0.14版本前后的变化
V0.14版本之前 V0.14版本之后 React.render ReactDOM.render React.findDOMNode ReactDOM.findDOMNode react component上的ref属性指向的是对React DOM Component的引用，并不是页面上真实的DOM节点 ref开始指向真实的DOM节点 只需引入 react.js 需原创 2017-12-05 13:25:50 · 1248 阅读 · 0 评论 -
【React】深入理解prop、state与render函数
为了创建一个渲染数据模型的应用的静态版本，你将会构造一些组件，这些组件重用其它组件，并且通过 props 传递数据。 props 是一种从父级向子级传递数据的方式。如果你对 state 概念熟悉，那么不要使用 state 来构建静态版本。 state 仅用于实现交互功能，也就是说，数据随着时间变化。 state应该包括那些可能被组件的事件处理器改变并触发用户界面更新的数据。这种数据一般很小且能被J原创 2017-12-06 10:50:25 · 4992 阅读 · 0 评论 -
【ReactJS】通过一个例子学习React组件的生命周期
源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"原创 2018-01-02 18:42:16 · 1778 阅读 · 0 评论