2019独角兽企业重金招聘Python工程师标准>>>

简评:很多框架都没用过,学不完学不完。

本文将比较相同 RealWorld 应用 不同实现的各种指标。

RealWorld 示例程序 有以下特点

  • 真实的应用程序:不仅仅是简单的 TODO 项目。
  • 标准化: 符合特定规则的项目。提供后端API,静态标记,样式和规范。
  • 由专家撰写或审阅:这些项目由该领域的专家构建或审查。

我们正在比较哪些库/框架?

比较的指标有:

  • 性能:此应用程序显示内容并到可用花费的时间?
  • 大小:该应用有多大?我们只会比较已编译后 JavaScript 文件的大小。CSS 对于所有变种都是通用的,并且从 CDN(内容交付网络)下载。HTML 也适用于所有变体。所有技术都可以编译或转换成 JavaScript,因此我们只比较 JavaScript 文件的大小。
  • 代码行:作者需要根据规范创建 RealWorld 应用程序需要多少行代码?我们量化标准是应用程序src/中的代码行数。

性能

使用 Chrome 的 Lighthouse Audit 来进行首次有效绘制测试。首次游戏绘制的时间越短体验越好。

大小

转换的代码大小来自 Chrome network tab 数据显示。从服务器返回的 GZIPed 响应标头加上响应主体。文件越小意味着下载越快(并且解析速度越快)。

这取决于你的框架大小、你添加的额外依赖关系以及你的构建工具如何压缩。

可以看到 Svelte, Dojo 2 和 AppRun 表现非常的出色。

代码行(编译前的代码量)

我们使用 cloc 来计算每个 repo 的 src 文件夹中的代码行。空白和注释会被忽略。

代码量越小,出现错误的概率就越小。

原文:link

转载于:https://my.oschina.net/jpushtech/blog/1861794

2018 前端开发框架对比相关推荐

  1. Web前端开发框架对比

    近几年随着 jQuery.Ext 以及 CSS3 的发展,以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野,可谓应接不暇.不论是桌面浏览器端还是移动端都涌现出很多优秀的框架,极大丰富了 ...

  2. 最实用前端开发框架对比评测

    现在,各种开发框架层出不穷,但是,真正的精品却为数不多.今天我们根据Github上的流行程度整理了2014年最受欢迎的5个前端开发框架,并进行对比说明,希望帮助有需要的朋友选择合适自己的前端框架. 1 ...

  3. .国内外主流前端开发框架对比

    来源:http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsframeworks/ 转载于:https://www.cnblogs.com/ba ...

  4. 目前最流行的前端开发框架

    作为前端开发者,各种框架的层出不穷,促使我们要不断学习才能防止落后,但是我们不可能做到每个框架都有学习的时间,我们只需要掌握流行的,坑少的即可.从以下三个方面了解目前流行的前端开发框架. 一.跨多平台 ...

  5. 2021 年 Angular vs. React vs. Vue 前端框架对比

    2021 年 Angular vs. React vs. Vue 前端框架对比 一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架 ...

  6. 2018前端开发面试备忘录(1年以上经验初中级别前端开发)-面试篇

    2018前端开发面试备忘录-面试篇 -面试篇 -简历篇 -跳槽选择篇 18年过年之前离职了,在家闲着也没事就去面试了下,试试水. 2018前端开发面试备忘录,主要是查漏补缺,我自己的面试作答,后面会在 ...

  7. 2018前端校招总结

    2018前端校招总结 虽然现在很多大公司的校招都已经接近尾声了我才拿到满意的一个offer,但还是稍微分享一下我觉得前端校招的一些内容. 基本上的大公司对于前端校招同学的要求都不仅仅局限于前端领域,因 ...

  8. 根据黑马pink老师讲的bootstrap而做的笔记(不过多赘述,简洁高效)第二章 第二节 bootstrap前端开发框架以按钮为例(引用网站上已经设置的布局和样式)

    咱们大部分围绕着两个问题来叙述 是什么? 怎么做? 一.目录(总体,这门课要学的目录)(现在是第二章,bootstrap前端开发框架) 1.响应式开发 2.bootstrap前端开发框架 3.boot ...

  9. 2021年选择 Web 前端开发框架的方式

    Web 前端开发是时下最热门的领域之一,为了提升开发效率和用户体验从而创造更具竞争力的产品,选择适合自己项目或团队的开发框架成为技术决策者首先需要解决的问题. 但是近年来随着技术和开发理念的发展和进步 ...

最新文章

  1. 深入理解Nginx工作原理
  2. 关于yum库的相关问题
  3. stream pipe的原理及简化源码分析
  4. Java DataInputStream readUnsignedByte()方法(带示例)
  5. 音速索尼克 怪人_如何使用AI玩刺猬索尼克。 真干净!
  6. [机器学习-实战篇]Imdb数据集情感分析之贝叶斯
  7. express中间件系统的基本实现
  8. PyTorch中的Variable类型
  9. android 混淆打包教程,Android 混淆打包
  10. 网易云音乐的所有歌手列表
  11. 智能门锁电路图_智能门锁工作原理分析及智能门锁基本工作流程技术原理介绍...
  12. vue使用openlayers描边中国地图
  13. 3D建模操作详细步骤
  14. SaaS 系统的应用与架构
  15. 重启c语言-找出总分最高的学生
  16. 一阶线性微分方程计算公式推导
  17. 麻将公式一定要背下来「大全」
  18. 男教师的着装面试礼仪
  19. WEB 前端面试题 (实战)(大全)
  20. 美拍里的视频要去哪里批量保存到电脑上

热门文章

  1. oracle package 函数,Oracle 存储过程procedure,函数function用法,以及package用法
  2. 从0开始做Windows Phone 7开发
  3. Js高级(1) 事件11.30
  4. bootstrap 简介
  5. 实例分解神经网络反向传播算法(转)
  6. laravel 模块化管理 插件 caffeinated
  7. UVa 11998 破碎的键盘(数组实现链表)
  8. 创建nim+安装vioc分区
  9. 在JavaScript中使用json.js:Ajax项目之POST请求(异步)
  10. 7,7显示选中的目标信息