![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 86
rsspub
这个作者很懒,什么都没留下…
展开
-
React - Facebook开源Javascript库
1. React 概述React是Facebook开源的一套Javascr库,使用了类似XML的JSX语法来构建组件。JSX与我们常规的JS语法最大的不同就是,JSX任何东西都是组件/节点(Components),我们无需像普通JS那样子去CreateElement,取而代之的是直接编写HTML代码,所有的HTML标签均被解析为DOM节点。例如:正常情况下我们创建一个DOM节点使用 d原创 2013-05-31 16:28:32 · 3614 阅读 · 0 评论 -
React中文教程 - Mixins | Traits(代码组合|代码复用机制)
代码组合是为了让多个组件之间封分享代码,实现代码复用机制,概念与Python中的Mixins和PHP的Traits相类似。React | Mixinsa{color:#00f;cursor:pointer;}a:hover{text-decoration:underline;}/** @jsx React.DOM */var Mixin1 = { compone原创 2013-06-04 19:49:57 · 1822 阅读 · 0 评论 -
React中文教程 - Event Handling(事件处理)
React | Event Handlinga{color:#00f;cursor:pointer;}a:hover{text-decoration:underline;}/** @jsx React.DOM */var Clicker = React.createClass({ render: function() { var bind = this.handleBind.原创 2013-06-04 16:13:55 · 3645 阅读 · 0 评论 -
React中文教程 - Component Data(外部参数及私有变量)
React | Component Dataa {color:#000; cursor:pointer;}/** @jsx React.DOM */var LikeLink = React.createClass({ getInitialState: function() { return {isClicked: false}; }, render: function(原创 2013-06-04 10:54:14 · 2960 阅读 · 1 评论 -
React中文教程 - Component Lifecycle(组件的生命周期)
React | Component Lifecycleh1{font-size:30px;}/** @jsx React.DOM */React.renderComponent(Hello, world!, document.body);setTimeout(function() { React.renderComponent(Goodbye, world., document原创 2013-06-04 11:56:55 · 1804 阅读 · 0 评论 -
React中文教程 - Component Basics(组件基础)
1. 什么是组件?React,一切尽是组件!可以为React组件传递参数等,这些组件可以附件到已经存在页面中的任何DOM节点;使用React.renderComponent这个方法:// Replaces everything in `document.body` with Hello, world!;React.renderComponent(Hello, world!, do翻译 2013-06-03 15:54:01 · 1605 阅读 · 1 评论 -
React中文教程翻译文档 - JSX Syntax(语法)
JSX:使用XML语法编写JAVASCRIPTReact强烈推荐使用JSX,JSX一套使用XML语法编写JAVASCRIPT的脚本解析工具。1. 为什么选用JSXJSX并非唯一的选择,如果不习惯JSX的语法您也可以使用常规JS来编写;但请您了解完JSX的语法后再做决定,我们推荐您使用JSX下面是使用常规JS使用React的代码:var link = React.DO翻译 2013-06-03 14:53:12 · 4298 阅读 · 0 评论 -
React中文教程翻译文档 - Getting Started
Getting StartedDownload React Starter KitHello, world!在开发包解压文件夹根目录创建一下内容的文件,并命名为 helloworld.htmlHello World - Getting Starter /** @jsx React.DOM */ /** 上面一行注释代码不能删除,否则React翻译 2013-06-01 11:28:39 · 2752 阅读 · 0 评论 -
React中文教程翻译文档 - Common Questions 常见问题
1. React 支持那些浏览器?React支持Chrome, Firefox, Safari最新的两个版本,支持IE8 With Polyfills或以上。2. 如何让React在IE8也能运行?您需要下载并在HTML页面包含ES5 Shims,ES5 Shims是Javascript代码段。3. 谁在使用React?知名Instagram网站是使用React翻译 2013-06-03 11:19:08 · 2197 阅读 · 0 评论 -
React牵手JSX - 使用XML语法编写JAVASCRIPT
1. 什么是JSXJSX (Javascript XML syntax transform) 是使用XML语法编写Javascript的一套解析工具;X代表XML;也可以理解为扩展(eXtension),因为实现JSX功能本身就是使用Javascript;React建议使用JSX(但非必要)2. 为什么选择JSXReact和JSX是两个完全不相关的技术,但JSX是Rea原创 2013-05-31 17:12:43 · 2876 阅读 · 0 评论 -
React中文教程 - Advanced Components(组件高级使用)
所谓高级组件均继承ReactCompositeComponent类,ReactCompositeComponent提供一套完善的预处理函数,使用它可以简易的部署很多功能。1. 生命周期函数下面按照组件的生命周期顺序说明组件的预处理函数解释不是很全面,注意看函数的名字,“Will”代表“将”,“Did”代表“已经”1.1 Mounting 添加组件getIniti原创 2013-06-05 10:50:05 · 2244 阅读 · 0 评论