码迷,mamicode.com
首页 > Web开发 > 详细

杂项:React.js

时间:2018-06-25 18:58:59      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:实现   组件   技术   mod   image   ops   技术分享   red   框架   

ylbtech-杂项:React.js

 

1.返回顶部
1、
react (软件行业名词)
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。
 
外文名:React
公    司:Facebook
作    用:架设Instagram 的网站
特    点:声明式设计、高效、灵活
由于 React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。
这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目,目标更是宏伟,希望用写 Web App 的方式去写 Native App。如果能够实现,整个互联网行业都会被颠覆,因为同一组人只需要写一次 UI ,就能同时运行在服务器、浏览器和手机。
React主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。
特点:
1.声明式设计:React采用声明范式,可以轻松描述应用。
2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
3.灵活:React可以与已知的库或框架很好地配合。
示例 [1] 
下面这段代码将会在在页面容器中呈现出“Hello Tom”:
[xml]view plaincopy
  1. /**@jsxReact.DOM*/
  2. varHelloMsg=React.createClass({
  3. render:function(){
  4. return<div>{‘Hello‘+this.props.name}</div>;
  5. }});
  6. React.renderComponent(<HelloMsg name="Tom"/>,mountNode);
该例使用一个类似XML语法的JSX来构建组件,实现一个render()方法,并且根据输入的数据返回相应的结果。输入的数据作为XML属性传递给组件,render()方法通过this.props访问这些输入的数据。
2、
2.返回顶部
 
3.返回顶部
 
4.返回顶部
 
5.返回顶部
0、
1、
2、
3、
 
6.返回顶部
 
技术分享图片 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

杂项:React.js

标签:实现   组件   技术   mod   image   ops   技术分享   red   框架   

原文地址:https://www.cnblogs.com/storebook/p/9225591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!