zoukankan      html  css  js  c++  java
  • react

    react.js 

    React 是什么?

    网络上的解释很多。。。我这里把他定义为 通过javascript 的形式组件化 html的框架。。。

    React 仅仅是 VIEW 层。

    React 提供了模板语法以及一些函数钩子用于基本的 HTML 渲染。这就是 React 全部的输出——HTML。你把 HTML / JavaScript 合到一起,被称为“组件”,允许把它们自己内部的状态存到内存中(比如在一个选项卡中哪个被选中),不过最后你只是吐出 HTML。

    React 的安装?

    首先是下载 reactjs的文件包。。http://www.reactjs.cn/react/downloads.html 下载react 使用需要的文件包。。

    下载完成后 我们打开压缩包里面的bulid文件夹

    JSXTransformer.js这个文件主要用来解析 react 自定义的jsx 语法解析器。

    react.js和react.min.js 这2个文件就是react 的核心文件。其中一个是压缩过的。

    react-with-addons.js 和 react-with-addons.min.js 这2个文件里存放了一些react 的插件。

    第一个React 的示例

    复制代码
    <!DOCTYPE html>
    <html>
      <head>
        <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
        <title>holle,world</title>
        <link rel="stylesheet" href="../shared/css/base.css" />
      </head>
      <body>
        <div id="container">
          
        </div>
        <script src="../../build/react.js"></script>
        <script src="../../build/JSXTransformer.js"></script>
        <script type="text/jsx">
          var HolleWorld = React.createClass({
            render: function() {
              return <p>holle  world</p>;
            }
          });
            React.render(
              <HolleWorld  />,
              container
            );
        
        </script>
        
      </body>
    </html>
    复制代码

    总结

    总体来说 起步还是挺顺利的。。我们下节再见吧

  • 相关阅读:
    java继承
    c#中委托和事件区别
    c#委托中的匿名方法和lambda表达式
    c#中内置委托
    iOS消息推送获取不到deviceToken解决方案
    python+appium+iOS自动化测试case如何写?
    Xcode查看iOS崩溃与崩溃日志分析
    iOS性能检测工具instrunments简单介绍
    python实现使用代码进行代理配置
    python+locust性能测试-最简单的登录点击次数
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/4772596.html
Copyright © 2011-2022 走看看