react-入门基础、细说三大前段框架历史
2018-07-16 20:23
253 查看
前端三大框架
- angular分为:angular 1.X(angularJS)和Angular2.x,两者的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别,angular 1.X 属于MVC框架,但是几乎绝迹,很少使用。Angular2.x 属于MVVM框架。于2012-03-28发布第一版
- Vue.js是一套构建用户界面的渐进式框架。Vue 从根本上采用最小成本、渐进增量的设计。Vue 的核心库只专注于视图层。他是中国大神尤雨溪将angular和react结合取其中的优点创作,所以vue的市场几乎都在中国,也遍布中国。最早版本:0.0.0,于2013-12-07发布第一版
- React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图),重视图层。React 起源于 Facebook 的内部项目,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单。于2011-10-26发布第一版
react基础详解
一、同vue一样都是用来操作虚拟DOM,其性能高,可以解决一些终端问题(PC端,移动端)
二、入门建议使用直接引入react.js
- 下载react.js,(react.js 自己什么也做不了 必须借助插件,例如后边俩)react-dom.js,browser.js。
- 创建html文件夹,将上述js按顺序引入
- 接着就可以写一个最简单的例子
[code] ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') ); //需要创建一个id名为root的容器
三、React 使用 JSX 来替代常规的 JavaScript。JSX 是一个很像 XML 的 JavaScript 语法扩展,JSX可用可不用,他的优点:
- JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。
- 它是类型安全的,在编译过程中就能发现错误。
- 使用 JSX 编写模板更加简单快速。
[code]let a = '<div>aaa</div>'//js中一段代码需要引号括起来 let b = (<div style={{width:'100px'}}> <div>Hello</div> <span>React</span> </div>)//JSX中不需要引号直接编写就好,但是给标签加style需要将样式用双花括号括起来。 ReactDOM.render( <div> <h1>{b}</h1> <input type="text" defaultValue="123"/> <input type="checkbox" defaultChecked/> </div>,//末位的逗号必须有,如果要将b引入到标签中需要花括号括起来,单标签必须在后边加反斜杠 document.getElementById('app') )
欲知后事如何,请听下回分解。
阅读更多相关文章推荐
- es6入门,前端三大框架基础学习
- java 从零开始,学习笔记之基础入门<三大框架整合>(四十二)
- React Native入门基础框架
- java入门一DAY07------java基础 三大技术框架 三元运算 流程控制 方法总结
- Android基础学习【历史流程重走】 ---- Android入门基础(二)
- 基于react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式
- (pomelo系列入门教材)深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 三大框架之hibernate教程入门1
- 《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <三> NSArray
- 【SSH三大框架】Struts2基础第七篇:log4j打印出日志信息
- 最基础SSM(spring springmvc mybatis)框架整合入门解析
- 【SSH三大框架】Hibernate基础第一篇:编写第一个Hibernate程序
- 三大框架之hibernate入门学习教程增删改查
- Python云端系统开发入门——框架基础
- 【SSH三大框架】Hibernate基础第九篇:cascade关联关系的级联操作
- 【SSH三大框架】Hibernate基础第十一篇:对继承映射的操作
- React入门基础(学习笔记)
- React native最基础的入门知识点
- JavaScript的React框架中的JSX语法学习入门教程
- 《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <五> NSDicionary + NSMutableDictionary