关于最近流行的vuejs.angularjs,Reactjs等前端框架的简单对比及体验
来源：互联网 发布：caj阅读器for mac 编辑：程序博客网 时间：2024/05/22 19:39
今天公司没怎么给我分任务，所以有点闲下来的时间去了解一些比较流行的前端框架
先说angular.js吧，啊~（大声一叹）用了一次以后，我发现深深的喜欢上这么前端框架，为什么？它的响应式编程的魅力太强大的，请听我一一说来
先写一个html页面，通过牛*哄哄的地址引入原文件，所谓的cdn技术啊，自行百度，亲们
然后通过小tom（tomcat）部署它，通过地址打开它，http://localhost:8080/angularjs/hello-angularjs.html
回车，访问，然后就可以看到这样的页面
好了，体验完angular.js
然后我们体验一下react.js
同样，react.js也是用强大的cdn地址引入源文件，然后
编写我们的html，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>react</title>
</head>
<script src="http://static.runoob.com/assets/react/react-0.14.7/build/react.min.js"></script>
<script src="http://static.runoob.com/assets/react/react-0.14.7/build/react-dom.min.js"></script>
<script src="http://static.runoob.com/assets/react/browser.min.js"></script>
<script type="text/babel">
ReactDOM.render(
<center><h3>Hello, ReactJS!</h3></center>,
document.getElementById('example')
);
</script>
<body>
<div id="example"></div>
</body>
</html>
我们可以看到，Facebook团队写的react有自己的特色，对应当前公司用的extjs到这里就不太习惯。
我们看到页面直接打印出
Hello, ReactJS!
<html>
<head>
<meta charset="UTF-8">
<title>vue</title>
</head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>
最后，我不想比较这三种最近流行框架的好坏，因为我还没真正深入去了解这两门技术，所以我在这不作太多的评论。
- 关于最近流行的vuejs.angularjs,Reactjs等前端框架的简单对比及体验
- VueJs与ReactJS&AngularJS的差异对比
- VueJs与ReactJS&AngularJS的异同点
- VueJs与ReactJS和AngularJS的异同点_javascript技巧
- 【前端】从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 前端流行的框架
- 最流行的5个前端框架对比
- 前端流行使用的五种框架对比
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 从Java的角度理解前端框架，nodejs，reactjs，angularjs，requirejs，seajs
- 一些关于AngularJS和ReactJS的资料
- 关于套套：最近流行的一道智力题
- 几种流行的AJAX框架对比
- angularjs和vuejs的区别
- Jquery布局下载地址
- 动态库与静态库优缺点比较
- ubuntu-16.04 密码忘记后重设密码
- 鸟人的Android揭秘(8)——搭建Android SDK开发环境（四）
- Thrift入门及Java实例演示
- 关于最近流行的vuejs.angularjs,Reactjs等前端框架的简单对比及体验
- DWZ表单自定义验证规则
- Java 语言也只包含五十多个关键词
- svn: OPTIONS of 'https://svn.rl.com/svn': 200 OK
- 远程仓库管理
- 用JavaScript设置宽度高度为100%
- zookeeper常见面试题
- nginx的安装目录
- java下载并保存网页上的图片
