javascript 框架设计-6 个值得学习的 JavaScript 框架

2023-08-29 0 3,326 百度已收录

译者:GH兰迪

俗话说,条条大路通罗马,但哪一条适合我呢? 由于构建后端页面的现代技术的出现,JavaScript 已成为 Web 开发社区的热门话题。 通过在网页上编译几个函数并提供执行逻辑,可以很好地支持HTML(主要是针对页面的表现或者布局)。 如果没有 JavaScript,页面将根本没有任何交互功能。

如今的框架和库已经从野蛮时代崛起,很多老技术已经开始将功能分离成模块。 现在不再需要支持整个核心语言中的所有功能,开发人员允许所有用户创建库和框架来增强核心语言的功能。 这样,语言的灵活性就得到了显着的提高。

如果您已经在使用 JavaScript(和 JQuery)来支持 HTML,那么您一定知道开发和维护一个小型应用程序需要花费多少精力和复杂的代码,而 JavaScript 框架可以帮助您快速创建交互式 Web 应用程序(包含单页面应用程序或多页面应用程序)。

当一个开发新手想要学习JavaScript时,他往往会被各种JavaScript框架所吸引。 幸运的是,有许多社区,任何开发人员都可以通过在线教程或其他资源轻松学习。

然而,唉! 大多数程序员很难决定学习和使用哪个框架。 所以在这篇文章中,我将推荐6个值得学习的JavaScript框架。 开始吧。

1.AngularJS

(注:这是我个人最喜欢的框架)

无论您何时听说过 JavaScript,您都有可能听说过 AngularJS,因为它是 JavaScript 社区中使用最广泛的框架。 它于 2000 年发布,由 Google 开发(足以令人信服地让你使用它),它是一个开源项目,这意味着你可以阅读、编辑和更改其源代码以更好地满足你的需求,并且无需向其开发人员支付费用一毛钱(这不是很酷吗?)。

如果你认为通过纯 JavaScript 代码编译一个复杂的 Web 应用程序很困难,那么你肯定会兴奋地跳上它,因为它会显着减轻你的编码负担。 它符合支持单向数据绑定的MVC(模型-视图-控制模型-视图-控制器)设计基准。 如果您不熟悉 MVC,您只需要知道这意味着每当检测到单个更改时javascript 框架设计,它都会手动更新后端(例如 UI 端)和前端(代码或服务器端)数据。

MVC 可以大大减少创建复杂应用程序所需的时间和精力,所有您只需要关注一处(DOM 编程接口将手动同步更新视图和模型)。 由于视图组件与模型组件是分离的,因此您可以轻松创建可重用的组件,使用户界面看起来不错。

如果由于某种原因,你已经使用了 TypeScript(一种与 JavaScript 非常相似的语言),那么你可以轻松上手 AngularJS,因为三者的句型高度相似。 这种与 TypeScript 的相似性在一定程度上促成了 AngularJS 的流行。

目前Angular2.0已经发布,但是联通的性能得到了提升,这足以向一个新开发者证明该框架的开发足够活跃并且定期更新。

AngularJS 拥有大量用户javascript 框架设计,包括(但不限于)Udemy、福布斯、GoDaddy、福特、NBA、奥斯卡等。

对于那些想要一个高效的 MVC 框架来开发具有强大而现代基础设施的全方位单页应用程序的人,我不禁推荐这个框架。 这是第一个为缺乏经验的 JavaScript 开发人员设计的框架。

2. 反应

反应

与AngularJS类似,React也是一个MVC(模型-视图-控制模型-视图-控制器)类型的框架,但不同的是它完全针对视图组件(因为它对UI非常定制)并且可以使用与任何框架无缝连接。 这意味着您可以立即将其实施到您的网站中。

它从核心功能中抽象出 DOM 编程接口(但为此使用虚拟 DOM),因此您可以快速渲染 UI,这使您还可以通过 node.js 将其用作客户端框架。 它是 Facebook 开发的一个开源项目,其他开发者也为其贡献代码。

如果您看过并喜欢 Facebook 和 Instagram 的界面,那么您一定会喜欢 React。 使用 React,您可以为应用程序的每个状态设计一个简单的视图,当数据发生变化时,视图会手动发生显着变化。 只要你愿意,你就可以创建各种复杂的UI,并且你可以在任何应用程序中重用它。 在服务器端,React也支持通过node.js进行渲染。 对于其他套接字,React 也足够灵活。

除了 Facebook 和 Instagram 之外,许多公司也在使用 React,包括 Whatsapp、BBC、PayPal、Netflix 和 Dropbox 等。

如果你只需要一个后端开发框架来创建一个极其复杂、功能强大、界面优秀的视口,那么我强烈推荐这个框架给你,但是你需要有足够的经验来处理各种类型的 JavaScript 代码,但是你不再需要其他组件(因为您可以自己集成它们)。

3.余烬

余烬

这个JavaScript框架即将于2011年发布,是由Yehuda Katz开发的开源项目。 它有一个庞大且活跃的在线社区,因此如果您有任何疑问,可以在社区中提问。 该框架吸收并整合了很多常见的 JavaScript 风格和经验,以确保开发者能够尽快开箱即用。

它使用MVVM(模型-视图-视图模型模型-视图-视图模型)设计模式,这使得它与MVC有些不同,因为它使用绑定器来帮助视图与数据连接器进行通信。

为了实现 DOM 编程套接字的快速服务器端渲染,它利用 Fastboot.js,这可以极大地提高这些复杂 UI 的性能。

其现代路由架构和模型引擎还支持 RESTful API,这确保您可以使用这些最新技术。 支持手柄集成模板Handlebarsintegratedtemplate手动更新数据。

早在 2015 年,它就一度超越 AngularJS 和 React,成为最好的 JavaScript 框架,这对于它在 JavaScript 社区的可用性和吸引力应该有足够的说服力。

对于不追求高灵活性和小架构,只是为了去构建期,完成任务的用户,我个人推荐这个JavaScript框架,

4.阿多尼斯

阿多尼斯

如果你之前使用过 Laravel 和 NodeJS,那么使用这个框架你会感觉相当得心应手,因为它是一个结合了这两个平台优点的框架。 对于任何一种现代应用,这一切都变得非常专业、时尚和奢华。

它使用了NodeJS,所以是一个相当不错的前端框架,而且它还附带了一些后端功能(与上面提到的更注重后端的框架不同),所以想要踏入的菜鸟开发者前端开发会发现这个框架相当诱人。

与NoSQL相比,很多开发者更喜欢使用SQL数据库(因为需要提高与数据的交互性和其他特性),这种现象在这个框架中得到了很好的体现,而且它更接近标准也更容易让开发者使用。

如果你身处各个PHP社区,那么你一定对ServiceProviders很熟悉,而且因为其中包含了Adonis对应的PHP风格,所以在使用的时候你会有一种爱上它的感觉。

在它的所有功能中,最好的就是极其强大的路由引擎,支持使用函数来组织和管理应用程序的所有状态,支持错误处理机制,支持通过SQLORM进行数据库查询,支持生成器,支持箭头函数arrowfunctions,支持用于代理等等。

如果您喜欢使用无状态 REST API 来构建服务器端应用程序,我推荐它,因为您会爱上这个框架。

5.Vue.js

Vue.js

这个开源 JavaScript 框架于 2014 年发布,具有极其简单的 API,用于为现代 Web 界面 ModernWebInterface 开发交互式组件 Reactivecomponents。 其设计注重简单性和易用性。 与Ember一样,它使用MVVM(模型-视图-视图模型模型-视图-视图模型)设计范式,从而简化了设计。

该框架最吸引人的地方之一是您可以根据需要选择使用哪些模块。 例如,你需要编译简单的HTML代码,抓取JSON,然后创建一个Vue实例来完成可重用的小特效。

与之前的这些JavaScript框架类似,它使用双向数据绑定来更新模型和视图,也使用连接器来完成视图和数据连接器之间的通信。 这是一个还没有完全成熟的框架,因为它的所有重点都在视口上,所以你需要自己处理其他组件。

如果你熟悉AngularJS,那么你会感觉很舒服,因为它大量嵌入了AngularJS的框架。 如果您了解 JavaScript 的基本用法,您的许多项目都可以轻松迁移到此框架。

如果你只是想把事情做好,或者想提高自己的 JavaScript 编程体验,或者需要学习不同 JavaScript 框架的精髓,我强烈推荐这个。

6. 骨干.js

骨干JS

该框架可以轻松集成到任何第三方模板引擎中。 默认为 Underscore 模板引擎,但该框架只有一个依赖项(JQuery),因此它享有轻量级的声誉。 它支持带有 RESTfulJSON 套接字的 MVC(模型-视图-控制器)(后端和前端可以手动更新)设计范例。

如果您以前使用过著名的社交新闻网络服务reddit,您一定听说过它在多个单页应用程序中使用了Backbone.js。 Backbone.js 的原始创建者已经完善了 Underscore 模板引擎,其可与 CoffeScript 相媲美,因此您可以放心,开发人员知道该怎么做。

该框架在一个包中提供了通配符对键值模型、视图和多个打包模块,因此您无需下载额外的外部包,这可以节省大量时间。 该框架的源代码可以在GitHub上查看,这意味着您可以根据您的需求进行深度定制。

如果您正在寻找一个入门级框架来快速构建单页面应用程序,那么这个框架特别适合您。

总而言之

到目前为止,我已经在本文中重点讲解了 6 个值得学习的 JavaScript 框架。 我希望您在阅读本文后能够决定使用该框架来完成您的任务。

如果你还在选择框架时不知所措,请记住,这个世界是实践的,而不是教条的。 最好的办法是从列表中选择一个并使用它,看看它最终是否满足您的需求和兴趣,如果不满足,请尝试另一个。 你可以放心,列表中的框架绝对够用了。

译者简介:

GHLandy[1]——人生所有的欢乐和痛苦都应该藏在心里,有些事情注定是未知的,也无法谈论。

通过:

作者:DanyalZia[2] 译者:GHLandy 校对:wxy

本文由LCTT原创编译[3],Linux中国荣幸推出

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript 框架设计-6 个值得学习的 JavaScript 框架 https://www.wkzy.net/game/169517.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务