前言

  1. 个人观点,供您参考
  2. 观点源自作者的使用经验和日常研究
  3. 排名基于框架的受欢迎度, 语法结构, 易用性等特性
  4. 希望大家能够基于此视频找到最适合自己的框架
  5. 下面介绍的都是严格的前端框架和库

前言

Top5: Polymer

Polymer是由谷歌Chorme组织内的前端开发团队领导的一个开源项目, 该项目的口号是: [UseThePlatform]. 团队相信, 拥抱现代Web平台是向用户和开发人员提供应用的最佳方式. 该producer介绍了Polymer的以下特性:

  1. Web组件:基于W3C标准的Web组件API.
  2. 使用原生浏览器的技术:Web组件内嵌于原生浏览器, 所以不需要像jQuery, dojo等第三方库 ,可以和其他Web组件无缝协作.
  3. Behaviors:其独有的Behaviors去分享Web组件和申明其属性.
  4. 封装:能够将代码和结构封装到相同位置.
  5. 自定义元素:开发人员能够自定义元素, 添加标签和属性

Polymer

Top4: Ember

Ember.js是一款开源的JavaScript MVC框架,用来创建Web应用程序。它免除了样板文件并提供了一套标准的应用程序架构。 项目口号是:「A framework for creating ambitious web applications」。

  1. 高效的生产力:其友好的API和符合人体工程学的设计理念, 使得开发人员能够快速完成构建工作
  2. 命名约定: Ember通过命名约定这种方式最少的节约代码的缩写
  3. Ember-CLI: 开发Ember应用程序的官方命令行工具包,通过提供您在一个集成包中构建可生产就绪的Web应用程序所需的一切
  4. 丰富的插件: Ember提供丰富的插件,能够轻松的在应用程序之间共享通用代码
  5. Handlebars集成模板: 能够在底层数据更改时自动更新, 可以大大减少代码量

Ember

Top3: Angular

AngularJS最初由Misko Hevery 和Adam Abrons于2009年开发,后来成为了Google公司的项目。AngularJS弥补了HTML在构建应用方面的不足,其通过使用标识符(directives)结构,来扩展Web应用中的HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易.

  1. 全功能框架:具有HTML模块, 其特有的模块化, 自动化双向数据绑定, 语义化标签, 依赖注入等属性. 特别适合重量级的应用开发.
  2. 十分流行:首先它由Google维护. 其次是因为Angular是MEAN全堆栈的一部分
  3. Angular CLI : 只需要掌握几条命令就可以构建Angular项目
  4. TypeScript: Angular默认使用的TypeScript写,对喜欢TypeScript的开发者更加友好.
  5. 使用Ionic框架: Ionic框架被用来建立Hybrid App, 是目前最有潜力的一款HTML5手机应用开发框架.

Angular

Top2: React

React 起源于 Facebook 的内部项目, 近年来,React从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案. React的理念是:[ Learn once, write everywhere]

  1. 轻量&高效: 和Angular不同,React并不是全功能框架, 所以比较轻量. 虚拟DOM也使得拥有很好的性能表现.
  2. 十分火: 可以替代Angular成为MERN全堆栈的一部分.
  3. Flux&Redux: 虽然React在视图层中运行,但是也可以使用Flux和Redux
  4. 创造响应式应用:React提供了响应式的视图组件和自有的命令行
  5. 移动端应用:Producer认为React是最好用的搭建移动端应用的框架

React

Top1: Vue.js

Vue.js是一种渐进式的JavaScript框架. 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.

  1. 简单: 比较其他框架,有着更友善的学习曲线, 只有使用者有基本的HTML和JavaScript知识, 都可以学习使用Vue
  2. 灵活 & 生产性高: 在Vue2.0版本中添加了模板功能,其简单小巧的核心,渐进式的技术栈,可以应付所有应用.
  3. 速度快: Vue的虚拟DOM优化很好,速度十分的快,特别适合开发要求比较高的数据可视化和动画的应用中.
  4. v-model & 2 way data binding: 可以使用v-model和2 way model进行数据绑定
  5. Vue-CLI:Vue有自己的命令行,部署Vue比Angular简单很多.

Vue.js

学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群

343599877,我们一起学前端!

2017年JavaScript框架---Top5的更多相关文章

  1. 2017年 JavaScript 框架回顾 -- 前端框架

    概述: 对于 JavaScript 社区来说,npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架.npm 强大的搜索功能能够帮助找到一组相关的软件包,同时其内置的的 ...

  2. 2017年 JavaScript 框架回顾 -- React生态系统

    前一篇文章中,我们介绍了2017年 JavaScript 框架的整体情况.我们也了解到在众多的前端框架中,目前最为庞大又在快速增长的当属 React 了,本文就来重点介绍 React 的生态系统. 首 ...

  3. 2017年 JavaScript 框架回顾 -- 后端框架

    本文是2017年 JavaScript 框架回顾系列的最后的一篇文章,主要介绍 JavaScript 的后端框架情况. 从上图中可以看到,Express 作为用 JavaScript 编写的后端服务的 ...

  4. 神奇JavaScript框架---Top5

    前言 个人观点,供您参考 观点源自作者的使用经验和日常研究 排名基于框架的受欢迎度, 语法结构, 易用性等特性 希望大家能够基于此视频找到最适合自己的框架 下面介绍的都是严格的前端框架和库 前言 To ...

  5. 2017最好的JavaScript框架、库和工具 — SitePoint

    与开发者数量相比,可能有更多的JavaScript框架.库和工具.截止到2017年5月,在GitHub上快速搜索能搜到超过110万的JavaScript项目. 在npmjs上有50万的可用包,并且这些 ...

  6. 1分钟选好最合适你的JavaScript框架

    欢迎大家持续关注葡萄城控件技术团队博客,更多更好的原创文章尽在这里~~​ Javascript框架(以下简称框架)也被称为Javascript库,是一组包含丰富功能和函数的JavaScript代码集, ...

  7. 一张图告诉你最流行的 7 个 JavaScript框架特点

    欢迎大家持续关注葡萄城控件技术团队博客,更多更好的原创文章尽在这里~~​ AngularJ.js                                                  由g ...

  8. Vue, React, AngularJS, Angular2 我们对流行JavaScript框架们的选择

    转自<奇舞周刊>,好文章mark一下 分割线 一个有趣的事实是:IBM发表的2017年最值得学习的编程语言名单中,JavaScript榜上有名.这位IT巨头指出,JS在网站中惊人地达到94 ...

  9. 12个实用的 JavaScript 框架分享给前端开发者

    JavaScript库是预先编写的 JavaScript 工具代码,让开发者可以更容易开发 JavaScript 应用.这个列表我们列出了2017年1月份功能丰富的 JavaScript 库,可以帮助 ...

随机推荐

  1. bzoj5441: [Ceoi2018]Cloud computing

    跟着大佬做题.. 这题也是有够神仙了.观察一下性质,c很小而f是一个限制条件(然而我并不会心态爆炸) %了一发,就是把电脑和订单一起做背包,订单的c视为负而电脑的v为负,f由大到小排序做背包 #inc ...

  2. Google Deepmind AI tries it hand at creating Hearthstone and Magic: The Gathering cards

    http://www.techrepublic.com/article/google-deepmind-ai-tries-it-hand-at-creating-hearthstone-magic-t ...

  3. PCB Genesis脚本C#使用WPF窗体实现方法

    用C#写脚本做UI界面基本上都是用WinForm界面,如果想制作很漂亮动态的界面用WPF界面挺不错的选择, 这里介绍如何使用控制台程序调用WPF窗口 一.方法一 在控制台程序中,通过Main方法启动W ...

  4. DotNetCasClient加载失败问题分析

    最近公司在接入整理单点登录方案的时候,选择了CAS方案,实际版本采用了4.0.当我们把服务端附属完毕,基于.NET平台Web版的客户端DotNetCasClient进行定制化修改后,在测试环境通过.然 ...

  5. Djnago进阶

    详情请戳 Cookie和Session及分页设置 Ajax Django中间件 Form和ModelForm组件 auth认证组件 Django 缓存的使用 Django 信号的使用 Django a ...

  6. 省市区县的sql语句——区县

    DROP TABLE IF EXISTS `area`; CREATE TABLE `area` (  `id` int(11) NOT NULL AUTO_INCREMENT,  `code` va ...

  7. jQuery顺序加载图片(初版)

    浏览器加载图片区别: IE:同时加载与渲染 其他:加载完之后再渲染 根据这个差异用jQuery做个实例:按顺序加载一组图片,加载完成后提示. <!DOCTYPE html> <htm ...

  8. 彻底去除Google AdMob广告

    应用中包含广告是能够理解的,但经常造成用户误点,或者广告切换时造成下载流量,就有点让人不舒服了. 以下就以Google AdMob广告为例,看怎样彻底去除他. 先分析一下Google AdMob的工作 ...

  9. dubbo之直连提供者

    在开发及测试环境下,经常需要绕过注册中心,只测试指定服务提供者,这时候可能需要点对点直连,点对点直联方式,将以服务接口为单位,忽略注册中心的提供者列表,A 接口配置点对点,不影响 B 接口从注册中心获 ...

  10. https 认证总结

    https 握手阶段 服务器会下发一个证书链: 客户端默认的处理是使用系统的根证书对这个证书链进行合法性认证: 自签名证书,则需要自己完成证书链认证: 其他附属信息认证: 说白了就是一个数据检查的过程 ...