前端常用的JavaScript 库和框架

Posted kwy1226

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端常用的JavaScript 库和框架相关的知识,希望对你有一定的参考价值。

1.jQuery

jQuery       jQuery 是前端开发人员最常用的库之一。它是一个小型、免费、开源的库,为网站开发提供了许多有用的功能,例如 AJAX、轻松操作 DOM(CSS、html)、处理事件、动画效果等。jQuery 是一个快速而简洁的 javascript 库,由 John Resig 在2006年创建,它有一个很好宗旨:写得少,做得多。它是一个跨浏览器的 JavaScript 库,旨在简化 HTML 的客户端脚本。目前有超过 1900 万个网站正在使用jQuery!WordPress、Facebook、Google、IBM 和其他许多公司都依赖 jQuery 提供网络浏览。

 2.React

React – A JavaScript library for building user interfaces        React 是一个开源 JavaScript 库,用于为 Web 应用程序构建界面。它允许您从小的、独立的和可重用的代码段创建复杂的 UI。此外,它由 Facebook 维护和开发,因此,您完全可以放心将这个库用于您的项目中。有许多大公司在他们的网站上使用它,例如 Facebook、Twitter、Netflix、WhatsApp 等。React 在 MVC 中,主要是 View。它完全专注于 MVC 那部分,无视应用程序的其它部分。它提供了一个成分层,可以更容易使用UI元素,并将它们组合在一起。它抽象了 DOM,使其擅长于优化渲染,并允许使用 node.js 来表述 React ; 它实现了一个单向灵活的数据流,使得它更容易理解和使用其它框架。

3.Vue.js

Vue.js        Vue是Evan You在Google工作后使用AngularJS为多个项目中创建的。它在2018年首次发布,Evan分享了他创建Vue的动机,他说:“我想,如果我能提取出我真正喜欢Angular的那部分,然后构建一些真正轻量级的东西会怎么样呢?”Vue继续在JavaScript开发人员中得到广泛采用,这种趋势应该还会继续下去。根据npm调查,一些开发人员更喜欢Vue而不是React,因为他们觉得“在保持可扩展性的同时更容易上手”。Vue是一个允许开发人员构建交互式Web界面的库。它提供类似于React的数据反应组件,具有简单灵活的API。与React或Angular不同,Vue的一个好处是它产生的干净的HTML输出。其他JavaScript库往往会在代码中留下散布着额外属性和类的HTML,而Vue会删除它们以产生干净的语义输出。它通过官方维护的支持库和包为复杂应用程序提供高级功能,如路由,状态管理和构建工具。

4.Angular JS

Angular        Angular 是最强大、最高效、最开源的 JavaScript 框架之一。该框架由Google 运营,用于开发单页应用(SPA)。这个开发框架之所以出名,主要是因为它为开发人员提供了将JavaScript 与 HTML 和 CSS 结合起来的最佳条件。有超过五十万个网站如 google.com、youtube.com 等正在使用 Angular。AngularJS 是一个 MVC 类型的框架,它提供了双向的数据模型和视图之间的绑定。这种数据绑定,允许在双方只要有一个数据变化时,自动进行更新。它使你可以构建可重用的 View 组件。同时,它也提供了一个服务框架,以便前后端服务的轻松通信。当你正在建立一个复杂的 web 前端应用程序,并且需要一个模块化的框架来处理一切时。

5.Anime.js

anime.js • JavaScript animation engine      Anime.js 是一个库,通过使用 CSS 属性、SVG、DOM 属性、JavaScript 对象,可以轻松地为网页构建快速动画,具体的动画参数、具体的目标值、多个定时值、播放控制和运动路径等特点。

 6.Aos

 AOS - Animate on scroll library      AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,你可能会觉得它和 WOWJS 一样,的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库,当你滚动页面的时候能让元素动起来,达到循环动画的效果。是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。

7.D3.js

D3.js - Data-Driven Documents      D3.js 是一个 JavaScript 库,用于通过 SVG、Canvas、HTML 进行数据可视化和渲染。它是开源的,每周通过 npm 下载超过 100 万次。以上数据可以帮助我们在一定程度上了解其受欢迎程度。此外,它还提供了许多内置示例来帮助您学习如何将 D3.js 应用于您的网站。但是,它也有一些限制,例如,初学者很难使用,或者它不能在 IE8 等较旧的浏览器上运行。

8.Chart.js

 Chart.js | Open source HTML5 Charts for your website      Chart.js 库可帮助您的网站创建漂亮的图表。它有很多图表,让我们在使用库时可以灵活处理传递给图表的数据。它还定期更新新版本,并在许多不同的设备屏幕上做出响应。

9.Video JS

Video.js - Make your player yours | Video.js      VideoJS 是基于 HTML5 视频平台构建的视频播放器,支持多种格式,例如 YouTube 和 Vimeo 流媒体。它是在 2010 年代中期开发的,数百名程序员为该项目做出了贡献,超过 450,000 个网站正在使用该库。VideoJS的一些优点:设计美观,有多种主题可供选择,适用于媒体播放器,可以在电脑和手机上运行,提供100多个插件来帮助您轻松计算和添加新功能。

 10.Pixi JS 

PixiJS      Pixi是一个使用最快、最灵活的 2D WebGL 渲染器创建精美的数字内容。它可以帮助你显示、动画和管理交互式图形,可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。它有一个合理的,整洁的API,并包括许多有用的功能,如支持纹理地图集和提供一个精简的系统,为动画精灵(交互式图像)。它还为您提供了一个完整的场景图,这样您就可以创建嵌套精灵(精灵中的精灵)的层次结构,并允许您将鼠标和触摸事件直接附加到精灵上。而且,最重要的是,Pixi可以让您自由的使用,使其适应您的个人编码风格,并与其它框架无缝集成。Pixi.js中文网什么是Pixi | Pixi.js中文网

 感兴趣的可以试一下,小编感觉用起来挺有意思的,在这里分享给大家!

以上是关于前端常用的JavaScript 库和框架的主要内容,如果未能解决你的问题,请参考以下文章

最佳的 JavaScript 前端框架库和工具

前端常用的库和实用技术之JavaScript高级技巧

常用js库和框架(echarts)

常用js库和框架(vue&element ui与webpy)

常用js库和框架(ueditor)

常用js库和框架(jsPlumb)