React 认知 一
来源:互联网 发布:森海塞尔大馒头 知乎 编辑:程序博客网 时间:2024/05/17 04:45
掌握相关的React的知识,有利于我们进行开发。React不是一个MVC框架,主要的作用来设计UI.
我们来认识 React相关的模板代码
首先是React的核心库 react.js文件。(以下文件可以从官网上下载,同时博客附有下载链接)
其次是DOM相关的核心库react-dom.js文件。
再是将JSX转化JavaScript语法的browser.main.js文件。
<!DOCTYPE html><html><head> <meta CHARSET="UTF-8"> <title></title> <!--react.js 是react的核心库--> <script src="./build/react.js"></script> <!--react-dom.js 提供与dom相关的功能--> <script src="./build/react-dom.js"></script> <!--browser.main.js 将jsx转化为js语法--> <script src="./build/browser.min.js"></script> <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>--></head><body><!--React 渲染的模板内容 会插入到这个dom节点中,作为一个容器--><div id="container"></div></body><!--在react的开发中 使用jsx 跟js不兼容 在使用是 使用babel--><!--babel是一个转换编译器,es6转换成浏览器运行的代码--><script type="text/babel"> //此处 编写react</script></html>以上代码就是编写React相关程序的代码模板。
react.js、react-dom.js、browser.main.js 文件下载链接http://download.csdn.net/download/gl_mine_csdn/9875116点击打开链接
阅读全文
1 0
- React 认知 一
- react.JS初步认知
- React 认知 二 HelloWorld
- React 认知 三 组件Component
- React 认知 四 Props 属性
- React 认知 五 state 状态
- React 认知 六 lifeCyle 生命周期
- 一.OpenCV 基本认知
- 一封邮件的认知
- JMS开发(一):基础理论认知
- RecyclerView学习(一)----初步认知
- (一)RocketMQ初步认知
- Hadoop集群认知(一)
- 一、runtime之元素认知(一)
- 认知
- 认知
- 认知
- 认知
- SecureCRT 设置 vim 颜色
- 多线程
- 在一个集合中存储了无序并且重复的字符串,定义一个方法,让其有序(字典顺序),而且还不能去除重复
- C#单例与继承MonoBehaviour的单例
- 学习资料【2017年前端框架、类库、工具大比拼】
- React 认知 一
- [VC++]如何让MSChart的饼图显示百分比
- 从键盘接收一个字符串, 程序对其中所有字符进行排序,例如键盘输入: helloitcast程序打印:acehillostt
- 自然场景下植物图像的基元检测
- Spark图计算(二)
- Linphone录音器的初始化流程分析
- 国内访问Google的方法(Google学术、Google香港、Twitter等)
- 数据包捕获与分析
- 程序启动后, 可以从键盘输入接收多个整数, 直到输入quit时结束输入. 把所有输入的整数倒序排列打印