首页 web前端 js教程 前端的js框架总结以及用途讲解

前端的js框架总结以及用途讲解

Dec 04, 2017 pm 12:08 PM
javascript 用途

今天给大家介绍一下前端的js框架总结以及用途讲解,我总结了10个前端框架库,下面一一给大家介绍一下这些框架库的区别以及亮点。

一、前端框架库:

1.Zepto.js

描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。

2.SUI Mobile

描述:SUI Mobile 是一套基于Framework7开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

用途:你也看到了,他是用于无线端的Web App的开发。

3.Node.Js

描述:Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。   Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

用途:

1. RESTful API

这是NodeJS最理想的应用场景,可以处理数万条连接,本身没有太多的逻辑,只需要请求API,组织数据进行返回即可。它本质上只是从某个数据库中查找一些值并将它们组成一个响应。由于响应是少量文本,入站请求也是少量的文本,因此流量不高,一台机器甚至也可以处理最繁忙的公司的API需求。

2. 统一Web应用的UI层

目前MVC的架构,在某种意义上来说,Web开发有两个UI层,一个是在浏览器里面我们最终看到的,另一个在server端,负责生成和拼接页面。

不讨论这种架构是好是坏,但是有另外一种实践,面向服务的架构,更好的做前后端的依赖分离。如果所有的关键业务逻辑都封装成REST调用,就意味着在上层只需要考虑如何用这些REST接口构建具体的应用。那些后端程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的,他们也不用管用户数据更新是通过Ajax异步获取的还是通过刷新页面。

3. 大量Ajax请求的应用

例如个性化应用,每个用户看到的页面都不一样,缓存失效,需要在页面加载的时候发起Ajax请求,NodeJS能响应大量的并发请求。  总而言之,NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。

4.angular.Js

描述:AngularJS[1]诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

用途:通过描述我们应该就能很好的明白AngularJS的真实用途了,MVVM,模块化,自动化双向数据绑定等等。除了简单的dom操作外,更能体现Js编程的强大。当然应用应该视场合而定。

5.JQuery Mobile

描述:Query Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

用途:jQuery Mobile 是创建移动 web 应用程序的框架。

jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

6.requirejs

描述:RequireJS的目标是鼓励代码的模块化,它使用了不同于传统

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

剪映积分有什么用 剪映积分有什么用 Feb 27, 2024 pm 01:16 PM

现在越来越多的人选择使用剪映来剪辑短视频,因为它不仅功能全面,而且素材丰富。在剪映中,你可以通过签到或完成任务的方式轻松获得积分。这些积分可以用来兑换各种物品奖励,让你的剪辑过程更加有趣。那么剪映APP中的积分究竟有什么用呢,这篇教程攻略就将为大家带来详细的内容介绍,为大家详细介绍剪映app中的积分怎么使用希望能帮助到大家。剪映积分怎么获得?1、首先在主页面选择右下角的我的选项。2、然后选择每日打卡选项。3、最后即可获得20积分,还能通过其它任务获取积分。

详解win10安全模式的实际应用 详解win10安全模式的实际应用 Dec 31, 2023 am 11:05 AM

很多用户们在使用电脑的时候,在电脑有问题的时候,都会进入安全模式,但是很多的用户们都可能还不知道安全模式有什么用,今天就带大家一起来了解一下安全模式的重大作用。win10安全模式有什么用:答:安全模式可以方便地检测与修复计算机系统的错误,它对于用户轻松地修复系统的一些错误,起到事半功倍的作用。平常我们一般不会进入电脑安全模式,但在系统出现一些难以解决问题的时候,借助安全模式可以比较方便的解决。安全模式的工作原理是在不加载第三方设备驱动程序的情况下启动电脑,使电脑运行在系统最小模式,这样用户就可以

抖音星图入驻需要多少粉丝?入驻星图有什么用? 抖音星图入驻需要多少粉丝?入驻星图有什么用? Mar 23, 2024 pm 01:56 PM

在如今的社交媒体平台中,抖音已经成为了一个极其受欢迎的短视频分享平台。许多人都希望能够在抖音上积累一定的人气和影响力。而对于想要入驻抖音星图的用户来说,一个常见的问题是,到底需要多少粉丝才能够达到入驻的资格呢?一、抖音星图入驻需要多少粉丝?抖音星图是抖音推出的一项特殊服务,它专为那些拥有一定影响力和粉丝基础的用户而设。因此,成为抖音星图的成员并非易事。目前,抖音对入驻星图的要求主要围绕两个方面:粉丝数量和用户活跃度。抖音并没有公开明确的标准来要求粉丝数量。然而,根据观察和报道,一般认为,想要被抖

艾尔登法环追忆有什么用 艾尔登法环追忆有什么用 Mar 08, 2024 pm 01:52 PM

在艾尔登法环这款游戏中,若打败某些特定boss,玩家可获其追忆力量,可选择摧毁以换取大量卢恩,或在大赐福与老太太兑换为boss的武器或战技,乃颇实用的道具。艾尔登法环追忆有什么用1、追忆即在游戏中击败BOSS后所得的道具。2、玩家可选摧毁,兑换为大量卢恩,用以升级加点。3、也能在大赐福与老太太兑换为boss的武器或战技。4、然而,并非所有追忆所含武器和战技都是好的,部分可能是废武器。5、当然对于收集党来说,可以追求一下这些武器战技的。

JavaScript和WebSocket:打造高效的实时天气预报系统 JavaScript和WebSocket:打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的实时天气预报系统引言:如今,天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展,我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中,我们将学习如何使用JavaScript和WebSocket技术,来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

小米视频工具箱有什么用 小米视频工具箱有什么用 Feb 28, 2024 pm 09:30 PM

小米视频作为小米手机中不可或缺的软件之一,不仅为用户提供了丰富的视频资源,还在观看体验上进行了诸多优化。当你渴望欣赏一段视频时,小米视频总能为你提供优质的服务。更令人欣喜的是,小米视频还内置了工具箱,这一功能为众多用户提供了便捷。但是很多用户们对小米工具箱在哪打开的位置还不太了解,那么这篇攻略就将为大家详细介绍小米工具箱的位置,希望能帮助到大家带来更加良好的看视频体验!小米视频工具箱怎么打开?1、打开手机设置,点击打开特色功能,2、在特色功能里面找到视频工具箱,点击打开,3、点击视频右侧的滑块,

See all articles