javascript框架大对比

  • React 原生渲染,跨平台开发
    • 规模
      • 向上拓展
      • 向下拓展
  • Angular 大型应用
    • TypeScript
    • 体积
    • 学习曲线
  • Ember 全能框架
  • Knockout IE浏览器支持到IE6
  • Ploymer 谷歌项目
  • Riot 微型应用
  • 结束语
  • vue教程
    • vue入门基础教程
    • vue进阶教程

React 原生渲染,跨平台开发

react有着更丰富的生态系统。

react和vue的相似之处:

  • 使用Virtual DOM
  • 提供了响应式(reactive)和组件化(Composable)的视图组件。
  • 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。

规模

向上拓展

Vue 和 React 都提供了强大的路由来应对大型应用。

Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。
React 则是选择把这些问题交给社区维护,因此创建了一个更分散的生态系统。

向下拓展

React 学习曲线陡峭,在你开始学 React 前,你需要知道 JSX 和 ES2015,因为许多示例用的是这些语法。你需要学习构建系统,虽然你在技术上可以用 Babel 来实时编译代码,但是这并不推荐用于生产环境。

Vue 向上扩展好比 React 一样,也需要学习jsx,ES2015,构建系统。但是Vue 向下扩展后就类似于 jQuery,入门简单。

Angular 大型应用

是一个和 AngularJS 完全不同的框架。有优秀的组件系统。
Angular设计目标就是针对大型的复杂应用。

TypeScript

Angular 事实上必须用 TypeScript 来开发,因为它的文档和学习资源几乎全部是面向 TS 的。TS 有很多好处——静态类型检查在大规模的应用中非常有用。
在中小型规模的项目中,引入 TS 可能并不会带来太多明显的优势。
Vue 和 TS 的整合可能不如 Angular 那么深入。

体积

一个包含了 Vuex + Vue Router 的 Vue 项目 (gzip 之后 30kB) 相比使用了这些优化的 angular-cli 生成的默认项目尺寸 (~65KB) 还是要小得多。

学习曲线

Angular 的学习曲线是非常陡峭的——作为一个框架,它的 API 面积比起 Vue 要大得多,你也因此需要理解更多的概念才能开始有效率地工作。

Ember 全能框架

Ember 是一个全能框架。它提供了大量的约定,一旦你熟悉了它们,开发会变得很高效。不过,这也意味着学习曲线较高,而且并不灵活。

Knockout IE浏览器支持到IE6

Knockout 是 MVVM 领域内的先驱,并且追踪依赖。它的响应系统和 Vue 也很相似。它在浏览器支持以及其他方面的表现也是让人印象深刻的。它最低能支持到 IE6,而 Vue 最低只能支持到 IE9。 Knockout 的发展已有所放缓,并且略显有点老旧了。

Ploymer 谷歌项目

Polymer 是另一个由谷歌赞助的项目,事实上也是 Vue 的一个灵感来源。 Vue 的组件可以粗略的类比于 Polymer 的自定义元素,并且两者具有相似的开发风格。 最大的不同之处在于,Polymer 是基于最新版的 Web Components 标准之上,并且需要重量级的 polyfills 来帮助工作 (性能下降),浏览器本身并不支持这些功能。相比而言,Vue 在支持到 IE9 的情况下并不需要依赖 polyfills 来工作。

Riot 微型应用

Riot 3.0 提供了一个类似于基于组件的开发模型 (在 Riot 中称之为 Tag),它提供了小巧精美的 API。Riot 和 Vue 在设计理念上可能有许多相似处。相比Vue 要显得轻一点。

结束语

希望大家能从这里大概了解各个javascript框架了,最合适的才是最好的。
我的博客apeit-程序猿IT欢迎大家访问,希望我们一起共同学习成长。

vue教程

vue入门基础教程

vue简介
vue安装以及Hello world
vue模板template
vue计算属性和侦听器
class与style绑定
vue基本指令
vue组件基础

vue进阶教程

深入vue组件-注册,prop,事件
vue 处理边界情况
vue的过渡和动画效果
vue 可复用性和组合
vue函数渲染和JSX
vue单文件组件.vue
vue规模化-路由,状态管理,安全等
vue深入响应式原理
vue与其他javascript框架对比

几个javascript框架对比(vue,react,Angular等),如何选择?相关推荐

  1. [vue] 如果现在让你从vue/react/angularjs三个中选择一个,你会选哪个?说说你的理由

    [vue] 如果现在让你从vue/react/angularjs三个中选择一个,你会选哪个?说说你的理由 让我选肯定是vue.angularjs没用过.angular倒是用过.挺好用的,但是!!!编译 ...

  2. VUE React Angular

    Typescript, ES6 & ES5 React 专注于使用 Javascript ES6 Vue 使用 Javascript ES5 或 ES6 Angular 依赖于 TypeScr ...

  3. 前端学习(css\vue\react\angular)

    2019独角兽企业重金招聘Python工程师标准>>> 无论是在产品设计,还是在研发上,极简主义的应用简直无处不在.如果你和我一样热衷极简主义,那么本文分享的内容,一定是你的&quo ...

  4. Vue React Angular之三国杀,web前端入坑第六篇 上

    「 懒癌引发血案 」 目前前端技术栈发生了翻天覆地的变化,上篇刚写了只会jquery 要失业,再不学新的你就要被淘汰,虽然有点危言耸听,不过现实情况确实是这样. vue.react.angular对比 ...

  5. Vue\React\Angular的区别

    1. 基本概念 Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. React 是一个用于构建用户界面的 JavaScript 库 Vue (读音 /vjuː/,类似 ...

  6. vue react angular 分别如何创建一个新项目

    前提,这三个框架都需要依赖node.js 环境,并且node.js 包含npm环境 Vue: (vue-cli 3之前的版本) 1. 全局安装vue-cli 和 webpack npm install ...

  7. 2020年Vue、React 和 Angular:该选择哪个框架?

    近几年 ,前端领域出现了两大玩家:Google 发布的 Angular.Facebook 开发的 JavaScript 库 React.在 2018 年,又有一个实力雄厚的玩家加入了这场竞争:Vue. ...

  8. 「前端架构」React,Angular还是Vue,太难选了?看完秒懂。

    我们必须承认,我们在这些框架方面有着极不平等的经验.然而,我们将尽量保持公正,并弄清楚React何时可能不是最佳选择,但首先,简短介绍: React是Facebook维护的最流行的框架.所有的酷孩子, ...

  9. 过去10年最重要的10个 JavaScript 框架

      持续进步的同学都关注了"1024译站" 这是1024译站的第 56 篇文章 告别了2019年,我们迎来了21世纪的第三个十年.过去的这10年,前端技术领域异彩纷呈,各种框架层出 ...

最新文章

  1. 越南qq飞车服务器不稳定,qq飞车帧数不稳定,有时候玩的很顺,有时候画面一顿一顿,帧数不稳,怎么处理?...
  2. 学习笔记(二十二)—— 了解进程和线程
  3. Java面向对象编程(高级)
  4. 运行catia_浅谈CATIA开发——CAA简介
  5. ArcGIS空间分析笔记(汤国安)
  6. 浅谈民用建筑电气设计中智能消防应急照明系统的运用
  7. linux实现进度条
  8. 软件可靠性工程研讨会报告
  9. 剑指 Offer 42. 连续子数组的最大和(官解)
  10. js 实现鼠标拖曳div
  11. 信号坐骑之导引型传输介质
  12. QGC地面站二次开发(三)Qt 简洁地面站
  13. P,NP,PSPACE都是什么,一文讲清计算复杂性分类
  14. MySQL究竟是怎么执行的?看完终于不纠结了
  15. ART世界探险(5) - 计算指令
  16. 在线客服软件作为网页版的即时通讯软件的优势
  17. Qt编写物联网管理平台1-项目框架
  18. Lync 地址簿同步知识点
  19. 微信征途获取服务器列表失败,征途手游回档微信进不了是咋回事 | 手游网游页游攻略大全...
  20. php 自定义编号,中国蚁剑自定义编码用法

热门文章

  1. 第二章 z变换之四 、序列的z变换与连续时间信号的Laplace变换、Fourier变换的关系
  2. 下一代微服务!Service Mesh 2018年度总结
  3. paypal如何认证
  4. 【ELL】ell学习之__builtin_expect(likely-unlikely)
  5. 数据结构C语言实现 勘误
  6. Maben 编译 jenjins配置
  7. 示例代码-Matlab绘制高斯分布曲面图(1)
  8. 华清远见嵌入式学习笔记
  9. dlg和app的区别
  10. 2016年全面前端面试题总结