前端常用的JavaScript 库和框架

Posted 2021-12-15 kwy1226

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中文网

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