angular4.0和angularJS、react.js、vue.js的简单比较
angularJS特性
模板功能强大丰富(数据绑定大大减少了代码量)
比较完善的前端MVC框架(只要学习这个框架,按照规定往里面填东西就可以完成前端几乎所有的的问题)
引入了Java的一些概念
angularJS的一些问题
性能问题【(脏检查机制)在angular中被废除了,整体性能被提升
路由问题【(使用的是第三方模块)在angular中路由器是主要的机制
作用域问题【(不能用原生的事件,想用就要调用一个方法)在angular中任何原生的事件都可以直接处理
表单验证问题【在angular中提供全新的表单,比如响应式表单
JavaScript语言问题【没有类型系统,在angular中用typescript有类型系统,可以在开发阶段解决一些类型问题
学习成本高【需要学习大量的概念,在angular中核心就是组件,其他的东西都是围绕组件进行的。使用装饰器语法更加人性化。
angular比较牛的技术
angular-cli工具
服务端渲染 SEO搜索引擎优化
移动和桌面兼容 用框架可以很容易创建移动端应用。
从架构中比较angularJS和angular
angular和react对比
react优点:
速度(react采用虚拟DOM方式,调用的时候先更新虚拟DOM,然后在和实际的DOM比较,有变化就更新,这个过程和angularJS更新DOM的方式比较,一个是更新的DOM次数少,另一个就是更新DOM内容少,这就导致了react更新的速度非常快。在angular中采用了一个与react模型类似的方式,实现了一个新的变更检测算法,在速度上已经和react不相上下了。)
FLUX架构(react更关心UI 的组件化和数据的单向更新,react支持ES6,angular也支持ES6)
服务器端渲染(单页应用对搜索引擎有很大的限制,react可以在服务器上预先渲染应用在发送到客户端)
(因为搜索引擎依赖的是服务端的响应而不是JavaScript的执行)
react是一个UI组件通常要和其他框架组合使用。react是view层的东西
angular是一个完成的前端框架
与Vue对比
Vue优点:简单,学习使用难度不高,灵活,中国人开发,官方和中文文档很丰富,尺寸小,性能很好,利用虚拟DOM。
Vue是个人主导,服务端渲染,只关注WEB
angular是由Google主导,服务端渲染
Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库。
Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统。
Vue.js的特性如下:
1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化
angular4.0和angularJS、react.js、vue.js的简单比较的更多相关文章
- 浅析angular,react,vue.js jQuery使用区别
前端越来越混乱了,当然也可以美其名曰:繁荣.当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子? PS:大牛留言讨论那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所 ...
- 浅析angular,react,vue.js jQuery-1
作者:尚春链接:https://www.zhihu.com/question/38989845/answer/79201080来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出 ...
- 「译」Blazor VS React React / Angular / Vue.js
原文作者: Christian Findlay 原文链接: https://christianfindlay.com/2020/06/04/blazor-vs-react-angular-vue-js ...
- SpringBoot+Activiti+bpmn.js+Vue.js+Elementui(OA系统审批流)
引言:OA系统用到请假.加班.调休.离职,需要使用工作流进行流程审批 一:activiti流程设计器的选择(通过学习activiti工作流过程中,发现一款好的流程设计器将会更好的方便的设计好流程(主要 ...
- 项目公共js(vue.js)
var urlHead = "http://hm.runorout.com/";// var urlHead = "/";/*加入跑班相关*/var urlGe ...
- Node.js/Vue.js使用jsSHA库进行SHA1/2/3加密
1 概述 jsSHA是一个用JS+TS实现完整SHA系列加密算法的加密库,包括: SHA1 SHA-224/256/384/512 SHA3-224/256/384/512 SHAKE128/256 ...
- Awesome Vue.js vue.js学习资源链接大全 中文
https://blog.csdn.net/caijunfen/article/details/78216868
- 我从Angular 2转向Vue.js, 也没有选择React
译者按: 通过使用Angular的经历,作者已经完全转为Vue粉了!我们Fundebug目前还是用AngularJS 1,坦白说,学习曲线蛮陡的. 原文: Why we moved from Angu ...
- Vue.js Is Good, but Is It Better Than Angular or React?
Vue.js is a JavaScript library for building web interfaces. Combining with some other tools It also ...
随机推荐
- 【BZOJ1858】序列操作(线段树)
[BZOJ1858]序列操作(线段树) 题面 BZOJ 题解 这题思路很简单,细节很烦,很码 维护区间翻转和区间赋值标记 当打到区间赋值标记时直接覆盖掉翻转标记 下放标记的时候先放赋值标记再放翻转标记 ...
- Longest Word in Dictionary through Deleting - LeetCode
目录 题目链接 注意点 解法 小结 题目链接 Longest Word in Dictionary through Deleting - LeetCode 注意点 长度一样的字符串要按字典序返回较小的 ...
- 安装配置openstack-dashboard(horizon)
这里把dashboard安装在controller节点上. 1.安装程序包 # yum install -y openstack-dashboard 2.修改配置文件 # vim /etc/opens ...
- python之旅:并发编程之多线程
一 threading模块介绍 multiprocess模块的完全模仿了threading模块的接口,二者在使用层面,有很大的相似性,因而不再详细介绍 官网链接:https://docs.python ...
- (二)C语言文本流和二进制流的区别
转至:http://www.cnblogs.com/xiangzi888/archive/2011/11/10/2244336.html 一.首先回答,什么是文件,流 一个文件通常就是磁盘上的一段命名 ...
- 五、java面向对象编程_3
目录 十五.Object类 1.toString 2.equals 十六.对象转型(casting) 十七.动态绑定(多态) 十八.抽象类(abstract) 十九.final关键字 二十.接口 十五 ...
- Linux运维四:文件属性及文件权限
一:文件属性 我们使用ls -lhi命令来查看文件时,会列出一堆的文件属性,如: [root@Gin day7]# ll -hi total 7.8M 260674 -rw-r--r-- 1 root ...
- HAproxy Json日志格式配置
通过日志工作分析日志时,非json日志分析起来比较麻烦.通过以下的配置,可以让生成的日志为json. log-format {"haproxy_clientIP":"%c ...
- ElasticStack系列之八 & _source 字段
有很多人会有这样的一个疑问: _source字段存储的是索引的原始内容,那 store 属性的设置是为何呢?elasticsearch 为什么要把 store 的默认取值设置为 no?设置为 yes ...
- asp.net webapi http请求生命周期
先附上webapi http生命周期图. 原始的图片地址为:https://www.asp.net/media/4071077/aspnet-web-api-poster.pdf