网站首页 > 基础教程 正文
就是吐槽下,Angular、Vue、React都是优秀的框架,大家基本上都是“用户”不是“造”框架的主,所以请不要非此即彼的。
作为创业小公司,三大框架我都是在用的,从jQuery到MVVM框架,效率是成倍提升呀。最早接触angular.js 1.x是学起来困难的语言,后来再出来Angular 2又花了一大把时间为那些“变态”的概念头疼。但是Angular掌握了以后真的太爽了!可能是纯天然typescript的原因吧。
目前来说,React,Vue源代码和正式版本,基本上还是以js为主,轮子更是js,我常有的几个轮子基本上也是js。
前几日有人在那骂,说框架好不好和IDE/编辑器有何关系?
然后不好用就是人的问题之类云云,如果你还是那个人,求你关闭页面别看啦,反正我就吐槽一下,顺带安利Angular的好和Vue的好。
这些问题你说了不算,我说了也不算,我们吐槽无非就是给部分需要信息的人一个参考而已。能不能被带环,还得看自己,哈哈。
只看开发节奏进行Angular Vue对比
只看开发节奏,也就是不管性能、体积(Angular如果你用的是开源的后台模板,整合bootstrap jQuery那些,体积巨大无比,我说的是打包以后的体积)
Vue比Angular好的理由:
学起来简单:学Vue是最简单的,没几天就完全熟练了,网上学习资源也特别多,是华人开发的,所以人数众多
轮子特多:如果你不会造轮子或者根本没有造轮子那个时间,那么选择Vue是正确的,这也是我选择Vue做开发的原因,很多时候Vue确实是现成的轮子就包装好一个项目了。十分快捷!
Vue dev-tools插件也不错
能Script引入:比如你有个HTML网页,想不改变原来的jQuery代码,那Vue和React可以像jQuery一样引入,十分方便。适合维护老旧项目,不打紧项目或不想花大力气重构的旧网页,个人认为这种引入比jq ajax还是强太多的,当然你只能创建一个局部Vue实例在你的已有dom 页面。
UI组件库多:国内很多UI库基本上就是Vue的。Angular组件就少的可怜,只有一个能用的那就是Ant Designer for Angular!
移动端支持:uni-app、mpvue等很多Vue的项目,做手机端不再发愁,还能做APP。。
现成模板也多:element-ammin、ant design pro vue、iview-admin、heyUI admin、D2 admin等等。其中有框架我也做过代码贡献,有的用的较早,后面没用了,感觉太死板了,2017 2018就在用了,在群里跟作者也学了很多东西,以前还在群里讨论问题。
Angular后台模板基本没有,只有一个ng-alain,缺点是作者更新太快了,要追官方版还是跟不上!
Angular比Vue爽的理由
编辑器支持
首先就是编辑器是否友好。Vue有点差了!在Vscode 虽然插件是真的多,但是怎么折腾要么插件多了冲突,比如webpack别名路径,es新语法好像不怎么支持。可能还得寻找插件!
年纪大了还叫我这么折腾!无情啊!
Angular就不一样,完全爽歪歪。
在HTML模板方便的使用可选属性,不用重复判断,这点实在太爽,因为后台是我自己写的,我写的也是乱七八糟的,唯有Angular能自己埋坑。
组件的属性提示也是完全正确!
Vue很多组件库,完全不会提示,或者提示的都是全局变量,编辑器都找不到你是从哪引入的,这一点Angular的module引入这种还真是好用得很。
比如组件有个属性,别指望编辑器给你提醒。所以要是对组件对API没用的滚瓜烂熟,那编辑器不能帮忙那还真是折煞生命。
浏览器里报错能力超强,基本上能定位到模板或者ts脚本代码里。Vue的话调试还是差了些,毕竟目前我安装的版本还是2.6.11,没有Angular那样的ts代码表现力强。真是用了ts回不去js!就好比先用php这种动态类型然后去用静态类型的语言,忽然要维护一个动态类型的语言,自己看着都费劲。静态类型的好处就这样,维护爽快。
写错了自动纠错能力也超强!还有Deprecated提示,即将抛弃的api可以尽早升级迭代。
命令行工具强大,基本上加页面,加模块完全命令行工具搞定,不需要手动就配置好了,直接写页面逻辑就行了。
吐槽而已,文章写乱了!
天天加班,被客户催的要死要死的。
造轮子是不可能造轮子的,这辈子都不可能造轮子。客户才不会因为你造轮子而给你加钱呢!
But!!!
无论选择哪个框架,总还是有需要自己写的地方,并不能依赖轮子就可以完成所有的“需求”!
吐槽一下,肯定有Vue见不得吐槽Vue,那就留下你们是要Vue的“黑技术”吧!
让我默默的偷偷的用起来!
猜你喜欢
- 2024-11-14 angular8 ui-grid升级方案 angular8升级angular10
- 2024-11-14 angular8 日常开发避坑指南(30个)
- 2024-11-14 Angular 11.1.0-next.2 发布 angular 11发布的影响
- 2024-11-14 「Angular项目实战」Angular2+如何去除URL中的#号
- 2024-11-14 Angular9构建一个后台管理系统(二)
- 2024-11-14 AngularJs入门,一个简单的demo angular实战
- 2024-11-14 Angular1升级到Angular2之组件样式封装
- 2024-11-14 逆袭之路系列-AngularJS 1.2版本编程入门-01
- 2024-11-14 Angular9构建一个后台管理系统(一)
- 2024-11-14 聊一聊新发布的Deno 2 deno怎么样了
- 06-18单例模式谁都会,破坏单例模式听说过吗?
- 06-18Objective-c单例模式的正确写法「藏」
- 06-18单例模式介绍(单例模式都有哪些)
- 06-18前端设计-单例模式在实战中的应用技巧
- 06-18PHP之单例模式(php单例模式连接数据库)
- 06-18设计模式:单例模式及C及C++实现示例
- 06-18python的单例模式(单例 python)
- 06-18你认为最简单的单例模式,东西还挺多
- 最近发表
- 标签列表
-
- jsp (69)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- tail-f (79)
- queryselectorall (63)
- location.search (79)
- bootstrap教程 (74)
- 单例 (62)
- linuxgzip (68)
- 字符串连接 (73)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)