资讯专栏INFORMATION COLUMN

2017 年底如何比较 Angular 4, React 16, Vue 2 的开发和运行速度?

Miracle_lihb / 723人阅读

摘要:作者链接来源知乎著作权归作者所有。的富文本也需要注意一下,托管输入什么的我搞不懂,反正知乎超级卡开发速度方面。会造成影响的变量相当多。的社区最活跃工具最多,于是天秤座人士对社区表示强烈谴责。总觉得开发时,编辑器的响应速度更快也可能是错觉。

作者:Teeea
链接:https://www.zhihu.com/questio...
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

运行速度有许多网站都有对比,不过就具体的数值来说,差不多可以认为是没有比较价值了。各框架在最佳实践下运行速度都不会成问题,甚至于广受诟病的Angular1都不见得会有大问题。不过有些小问题还是要注意一下的。比如说angular你得避免频繁触发的事件被zone托管到。react的富文本也需要注意一下,托管输入什么的我搞不懂,emmmmmm……反正知乎超级卡……
开发速度方面。会造成影响的变量相当多。比如说react你想自己搭一套带ssr、路由懒加载的架子,多半会直接累死,其他家也都差不多。我经历的项目里,开发速度很大程度取决于选用的是什么脚手架……就目前的体感来说,用起来最舒服的算是vue的nuxt了,大部分事情都帮你处理好了。angular的cli工具也不错。react的社区最活跃工具最多,于是……天秤座人士对react社区表示强烈谴责。
因为恰巧三个框架都用过一点点,所以说一下我的感觉吧,可能不对……React的单函数组件真的是非常的干净,是能让人感到开心的东西。有些时候从一个项目移到另一个项目都没有成本的。思路清晰,引用方便,我觉得能提高开发效率。Redux和Vuex这类的东西,写起来是有点繁琐的。但是调试时又是另外一种情况了,打开调试工具,读一下那些action,非常迅速的就能定位到bug。繁琐之处可以考虑自己封装一套decorator之类的,虽然好像各个平台的实现和ES的标准都有些出入,但是真的能提高效率。前端页面复杂了就是各种状态值满天飞,指不定什么时候就组合出了一套bug……
Angular是规定得最死的一套框架。初学的感觉就是“繁琐到上天”,但这实际上是个假象……cli很方便,规定得死也就意味着大家写的代码看上去风格更统一,这真不是坏事。只要你想认真做项目,前期一点点的学习成本还是值得回票价的。
Vue如果使用单文件组件的话……小心文件大小,超过500行就及时拆分吧,等代码行数涨到一千以上时就干啥都晚了……因为Vue的data、computed、method、watch之类的东西是拆分开的,很容易相关联的数据、函数之类的东西,被打散分散在不同的地方,那种绝望是没有体验过同事写的两千多行的超大页面的人无法想象的。
用React的别笑,上面那一条对React的JSX也有效……如果是redux的用户,你还得考虑做connect的粒度。粒度太粗组件间传递数据很麻烦,粒度太细……其实你没发现context和全局对象是差不多的概念吗,虽然React对context做了许多限制,但是效果并不觉得好……组件库是框架的重要加分项,React优势很大,可以一波A过去…用好Typescript可以极大提高你的开发效率,这个不是开玩笑的。尤其是你同时接了几个项目的维护,想要跪在地上哭嚎“人脑记忆力是有极限的啊!”的时候。这一点上Angular加分应该很大。总觉得React开发时,编辑器的响应速度更快……也可能是错觉。
最后一提,其实维护阶段很可能会比开发阶段更长更持久,谈“开发速度”时不把维护算进去是有些不合理的。一个组件、一个模块能不能从一处摘下来、随手插到别的地方很轻松就跑起来,过一段时间能不能轻松读懂,是不是能避免各种魔法字符串……这些反而是真正开发中比较需要关注的细节……至少对我来说是这样。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89721.html

相关文章

  • 前端每周清单年度总结与盘点

    摘要:前端每周清单年度总结与盘点在过去的八个月中,我几乎只做了两件事,工作与整理前端每周清单。本文末尾我会附上清单线索来源与目前共期清单的地址,感谢每一位阅读鼓励过的朋友,希望你们能够继续支持未来的每周清单。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清单年度总结与盘点 在过去的八个月中,我几乎只做了...

    jackwang 评论0 收藏0
  • 王下邀月熊_Chevalier前端每周清单系列文章索引

    摘要:感谢王下邀月熊分享的前端每周清单,为方便大家阅读,特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清单系列,并以年月为单位进行分类,具体内容看这里前端每周清单年度总结与盘点。 感谢 王下邀月熊_Chevalier 分享的前端每周清单,为方便大家阅读,特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清单系列,并以年/月为单位进行分类,具...

    2501207950 评论0 收藏0
  • 2018年前端开发回顾

    摘要:在整个年,看到发布版增加了许多功能,包括新的生命周期方法新的上下文指针事件延迟函数和。它在等待渲染异步响应时数据,是延迟函数背后用来管理组件的代码分割的。发布自第版开始将近年后,于年发布。 前端发展发展迅速,非常的快。 本文将回顾2018年一些重要的前端新闻,事件和 JavaScript 趋势。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! showImg(ht...

    crelaber 评论0 收藏0
  • 2019 年值得学习顶级 JavaScript 框架与主题

    摘要:我们的目标是找出最有职业投资回报率的主题和技术。比特币在几年内增长了若干个量级。比特币倍拐点在这个图表中,每个箭头始于倍点,指向价格修正后的最低点。 showImg(https://segmentfault.com/img/remote/1460000017919159); 图:Jon Glittenberg Happy New Year 2019 (CC BY 2.0) 又到了一年的...

    legendaryedu 评论0 收藏0

发表评论

0条评论

Miracle_lihb

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<