23

10个很棒的JavaScript库,提升Web开发效率

 4 years ago
source link: http://developer.51cto.com/art/202007/621998.htm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

JavaScript是最流行的编程语言之一。过去的20年中程序员们见证了它的爆发式增长。现在,JavaScript几乎可以执行任何操作,并且可以在包括物联网在内的多个平台和设备上运行。其流行的原因之一是大量框架和库的可用性。作为程序员,拥有和使用正确的JavaScript库会更有效率,并让编程变得更加轻松、快捷。每年,都会有不少的JavaScript库出现,也有不少的逐渐成为程序员的主流库。看看本文提到的这些,是不是你的菜?

Leaflet

Leaflet是将移动友好的交互式地图添加到应用程序中的最佳开源库。它只有39kB大小,凭借跨平台的效率和完善的API,Leaflet成为许多程序员的选择。在Leaflet中,需要提供一个平铺层,因为默认情况下没有平铺层。所以可以从免费和高级的多种层中进行选择。

VZriYvv.jpg!web

fullPage.js

开源库fullPage.js可以帮助程序员创建全屏滚动网站,如上面的GIF所示。它易于使用,并具有许多自定义选项,它被成千上万的程序员所使用,并且在GitHub上拥有超过3万颗星。

3IzEnuv.jpg!web

fullPage.js可以将其与流行的框架一起使用,例如:react-fullpage、vue-fullpage、angular-fullpage。

Anime.js

Anime.js是目前最好的动画库之一,它灵活且易于使用。它能够帮你向项目中添加一些非常酷的动画。Anime.js与CSS属性,SVG,DOM属性和JavaScript对象很好地结合在一起,可以轻松地集成到应用程序中。

903bdc55f9f740186d8c4e650dc99104.jpg

Screenfull.js

如果你正在寻找有全屏功能,建议你使用Screenfull.js,因为它具有跨浏览器的效率。而且它很小,压缩后只有0.7KB。

Moment.js

使用日期和时间可能会非常麻烦,尤其是使用API​调用,不同的时区,本地语言等等。Moment.js可以帮助程序员解决所有这些问题,无论是验证,解析还是格式化日期或时间。

9ee1457498b30b952a57b0854fc99fb8.jpg

Hammer.js

Hammer.js是一个轻量级的JavaScript库,可让程序员向Web应用中添加多点触摸手势。它可以识别由触摸,鼠标和pointerEvents做出的手势。对于jQuery用户,建议使用jQuery插件。

BVBbQ37.jpg!web

Masonry

Masonry是JavaScript的网格布局库。它可以使用简单的网格元素,并根据可用的垂直空间放置它们。可以Masonry库以不同的方式显示你的项目,可与卡片,图像,模态等一起使用。

zMr632N.jpg!web

D3.js

D3.js可以高效和精美地处理数据的库。在GitHub上有超过9.2万颗星,D3.js是许多程序员最喜欢的数据可视化库。

FrIv2iI.jpg!web

Slick

Slick具有完全响应能力,启用了滑动功能,无限循环等功能。仅需几行代码,就可以为轮播添加很多功能。

iyQRVn6.jpg!web

Popper.js

Popper.js是一个轻量级的JavaScript库,具有零依赖关系,它提供了可靠且可扩展的定位引擎,可用于确保所有popper元素都放置在正确的位置。仅有3KB大小。

yMj2A3.jpg!web

【责任编辑:庞桂玉 TEL:(010)68476606】


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK