阅读更多

0顶
0踩

Web前端
作为目前Web领域最具人气的编程语言,JavaScript在发展之初并不受欢迎——因为设计并未考虑到服务器端编程的实际需求。然而,随着用户体验在Web开发领域所占比重的持续提高,专注于设计用户界面的特性愈发受到重视,这也成为JavaScript如今被广泛使用的根本原因。而随着HTML 5与CSS 3在创建适应性与响应式网站中的作用快速提高,JavaScript亦起到可观的辅助作用。

目前市面上存在大量有助于建立JavaScript应用架构的库与框架。而MV*正是指那些能够实现MVP与MVVM模式的库。其中最新且最值得关注的方案选项包括:

1、Backbone.js

这套框架具备键值绑定、自定义事件、集合等模型,且可将这些因素通过RESTful JSON接口全部接入您的现有API。这套轻量化JavaScript库专门用于支持单页面Web应用。依赖于UnderscoreJS库运行,后者能够为各类常见JS任务提供一面重要的实用功能。在它的帮助下,您的数据将作为模型加以表达,并可面向服务器实现创建、验证与保存。视图将显示该模型的状态,可通过事件变更自行触发重新渲染。在这方面,Backbone作为重要的结构化方案能够保证数据始终与HTML UI保持同步。

2.Angular.JS

这基本上属于一套用于为应用扩展HTML词汇表的工具集。允许用户创建自定义HTML标签。Angular当中的可复用组件——即directives——也相当强大且能够帮助用户创建您自己的语义可复用HTML语法。Angular会直接修改页面DOM而非添加内部HTML代码,这意味着其速度表现相当出色。大家可以通过Angular采取多种方式实现同样的效果,因此该框架能够广泛适应各类扩展样式与任务需求。

3.Ember.JS

Ember.JS是一套可用于创建高复杂度Web应用的JS框架。提供大量由Handlebars Templating语言、视图、模型以及路由机制编写而成的模板。这些Handlebars模板通常能够实现自动更新,因此您的HTML也可享受到更新收益——包括底层模型的变化。要使用Ember.JS,您不需要编写任何JS代码。这套平台可以说代表着未来Web平台的使用体验水平,提供的各项组件允许用户创建指向当前应用的自定义HTML标签。

4.Knockout.JS

这套高人气JS库旨在通过使用MVVM模式以简化JS UI。利用Knockout,基于数据的高复杂度UI的创建工作将变得相当简单。这套库能够独立实现上述效果,亦可为jQuery等其它库提供支持。其最为擅长的是将各UI元素接入被定义为JS对象的基础数据模型当中,当我们对UI进行变更时,对应模型也将自动完成更新。

5.Agility.JS

这套框架允许大家编写出易于维护且无需解决基础设施运行负担即可复用的浏览器代码。其可帮助开发者更快编写出Web应用,使用方式与jQuery相同,但同时亦可降低MVC下各可用对象的维护难度。Agility能够全面支持JS代码编写,但其同时亦不会强制要求编写JS代码。Agility采用单一对象类型,其中包括一套全模型-视图组织堆栈。

6.Can.JS

这是一套不断发展的客户端JS架构库集合,主要目标是在创新性与稳定性间找到平衡点,具体而言即在Web应用的大小、易用性、速度、安全性与灵活性间取得平衡点。对于经验丰富的Web开发者而言,这绝对是最为出色的库选项,特别适合开发项目量庞大的业务场景。Can.JS由大量独立的软件包与模块组成,具体包括can-compute、can-define、can-set、can-connect、can-stache、an-component、can-stache-bindings、、can-route等等。

7.Spine

您是否希望自己的JS应用能够具备最出色的UI?Spine是一款易于使用的轻量化JS框架,旨在帮助开发者轻松获取任何可用框架的高质量说明文档,其中不包括任何需要配置及主题设定的复杂部件。Spine的最大优势在于,其要比之前提到的多数库更为小巧,不含任何集合且必须为对象标识符设置ID。

毫无疑问,JS MV*框架已经成为Web开发者们打造出色Web设计与应用的必要资源。这些框架各具特色与优势,您只需要了解其秉性并根据实际需要进行选取即可。当然,在选择时除了直接收益之外,大家也应当考虑各框架的对应社区支持能力、发展前景与市场占有率,从而真正与行业内最强大的框架一路同行。

原文标题:7 of the Latest JavaScript MV* Frameworks
原文作者:Darrel Henry
  • 大小: 96.4 KB
  • 大小: 64 KB
  • 大小: 63.1 KB
  • 大小: 70.2 KB
  • 大小: 45.8 KB
  • 大小: 14.8 KB
  • 大小: 37.5 KB
  • 大小: 75.8 KB
来自: 51cto
0
0
评论 共 1 条 请登录后发表评论
1 楼 simplyred 2017-02-20 09:57
2012年的也拿出来了

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Java及JavaScript常见框架汇总

    Java的九大顶级框架: 顶级Java框架#1:Spring Spring排在第一位,是由于它能够开发以高性能著称的复杂web应用程序的出色能力。它能够使Java开发人员轻松地创建企业级应用程序。 Web应用程序开发人员可以担保...

  • 2021 最流行的十大 JS 框架,前三又换牌了,最值得关注的是 Svelte 和 Solid 的崛起!

    大家新好呀,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~先来看看排行榜吧,知道一下目前最流行的项目都有哪些。React 首次成为头号 UI 框架,但如果我们考虑到 Vue.j...

  • Vue3.0七大亮点

    大家好,我是漫步,Vue3.0出来了一段时间,刚出来时,我翻译过... 关注下方「前端开发博客」,回复 “加群” 加入我们一起学习,天天进步 如果觉得这篇文章还不错,来个【分享、点赞、在看】三连吧,让更多的人也看到~

  • Vue中值得关注的21个开源项目(推荐)

    Vue 相对不于 React 的一个优点是它易于理解和学习,且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此,时时了解一些新出现又好用的Vue 开源项目也是挺重要,一方面可以帮助咱们更加高效的...

  • JavaScript

    2019年JavaScript状态描述了JavaScript的所有内容: React在前端框架生态系统中的持续流行 TypeScript在数量上的兴起 JavaScript的受众特征 新的后端框架 和更多 对于希望掌握最抢手技能的新开发人员和经验丰富的...

  • 深入解读新一代全栈框架 Fresh

    一方面 Fresh 能解决的问题,如 Hydration 性能问题,其它的框架也能解决(Astro),并且比它做的更好,另一方面 Fresh 的...那么作为 Next.js 和 Remix 的竞品, Fresh 有哪些值得一提的亮点,或者说有哪些差异点呢?

  • Vue vs React: Javascript 框架之战 #转载

    本文详细的介绍了vue.js和react.js的能力;vue.js更灵活,能够更好的结合当前的项目,进行升级... DOM,而react.js的亮点就是模板 vs JSX、状态管理 vs 对象属性、React Native能在手机上创建原生应用; Vue vs Rea

  • 值得关注的开源软件推荐

    在这里我们把你可能用到的开源软件分成 4 大类 15 个小类 45 个软件去有层次的了解和学习。这些被选的开源软件都经过广泛应用、有用户群和稳定的更新频率,它们可能不是最流行的,但具有一定的代表性,提供给大家...

  • android 优秀框架整理

    程序员界有个神奇的网站,那就是github,这个网站集合了一大批优秀的开源框架,极大地节省了开发者开发的时间,在这里我进行了一下整理,这样可以使我们在使用到时快速的查找到,希望对大家有所帮助! 1. Retrofit...

  • 初探 MicroApp,一个极致简洁的微前端框架

    前言哈喽大家好,我是海怪。在微前端的领域里,相信大家都听说过阿里的 qiankun。我自己在上几个月也一直用它来做一些实践:微前端x重构实践落地总结当企微侧边栏遇上微前端在使用过程中我发现...

  • 上百个流行框架

    Android框架排行榜 1.Retrofit 一句话介绍:Retrofit是一款类型安全的网络框架,基于HTTP协议,服务于Android和java语言 上榜理由:Retrofit以21.8k的stars量雄踞github中android子标题榜首,第一当之无愧。 官网...

  • 从零开始写一个框架的详细步骤

    如果你打算写框架,那么肯定心里已经有一个初步的定位,比如它是一个缓存框架、Web MVC框架、IOC框架、ORM/数据访问框架、RPC框架或是一个用于Web开发的全栈式框架。 是 否要重复造轮子?除非是练

  • 2020年最值得收藏的60个AI开源工具

    本文,InfoQ梳理了60个2019年至今GitHub上热门的开源工具,献给那些对新征程满怀期待的开发者们。Flair (顶级 NLP 库)2018 年是 NLP 井喷的一年。像 ELMo 和谷歌 BERT 这样的库层出不穷,正如 Sebastian Ruder 所言...

  • 写一个框架的详细步骤

    所谓定位就是回答几个问题,我出于什么目的要写一个框架,我的这个框架是干什么的,有什么特性适用于什么场景,我的这个框架的用户对象是谁,他们会怎么使用,框架由谁维护将来怎么发展等等。 如果你打算写框架,...

  • 2021年最不可错过学习前端框架和工具库

    结果我一路到现在都是处于这么一种状态:看到一个新的框架—看看文档和场景—嗯哼,不错—学!虽然这样也造成我目前没有特别深入的方向,比如21届的大佬们在工程化、微前端、AST、NodeJS等等方向都已经开始深耕,我...

  • 开源javascript库_如何自动化您的开源JavaScript项目最重复的任务

    如何自动化您的开源JavaScript项目最重复的任务 (How to automate your open source JavaScript project’s most repetitive tasks) When I started my career, my mentor told me: 当我开始职业生涯时,我...

  • 最适合你React项目的JavaScript测试工具,有哪些?

    每个人都信任自己,每个程序员或开发人员都信任代码。但为什么我们不能“完全信任”他们呢? 因为在编程领域,即便是极小的一个错误也会造成很大很大的损失,这就是为什么我们要反复进行测试与验证的根本原因之...

  • 2016 年 7 个最佳的 Java 框架

    点击上面 免费订阅本账号!本公众号主要推送javaweb开发相关技术,基础知识点,同时会深入剖析复杂的问题,分享一些优秀的框架,大型项目经验,当今最流行的Javaweb技术,热点科技新...

  • PHP-JAVA-Python-JavaScript框架介绍&CVE-2018-1002015/CNVD-2018-24942/2x-rce/Spring命令执行/CVE-2021_21234漏洞复现

    这样用户用起来自然轻松许多,但是我们这电脑没有软件其他,会导致很多人用一样的电脑,太死板了就个了一个浏览器什么都不能安装,这适合呢你想自定义某个部件将需要修改这个框架,就需要用到库了,而库就如自己组装...

  • 安装NumPy教程-详细版

    附件是安装NumPy教程_详细版,文件绿色安全,请大家放心下载,仅供交流学习使用,无任何商业目的!

Global site tag (gtag.js) - Google Analytics