2020年11个热门JavaScript 库

web前端开发人员经常会用到一些现成的js库(框架)。框架的使用增加了代码的模块化和可复用性,目前主流的js框架有很多,各有侧重,我们通常只会用到其中一小部分子功能,这里总结了2020年11个热门JavaScript 库。

1: D3.js

star:91.5k
文档: https://d3js.org/
GitHub地址:https://github.com/d3/d3

一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。

2: Three.js

star:60.5k
文档: https://threejs.org/
GitHub地址:https://github.com/mrdoob/three.js

Three.js 是一款运行在浏览器中的 3D 引擎,可以用来创建各种三维场景,包括了摄影机、光影、材质等各种对象,也支持其他渲染器。

3:Chart.js

star:48.7k
中文网:http://chartjs.cn
GitHub地址:https://github.com/nnnick/Chart.js
使用HTML5 Canvas元素的Javascript图形库,支持6种统计图形,不依赖其他库。

4: Lodash.js

star:44.7k
文档: https://lodash.com/
GitHub地址:https://github.com/lodash/lodash

是一个一致性、模块化、高性能的 JavaScript 实用工具库。

 

5:Moment.js

star:44k
文档: https://momentjs.com/
GitHub地址: https://github.com/moment/moment

Moment.js 是一个 JavaScript 日期处理类库(处理时间格式化的npm包),用于解析、检验、操作、以及显示日期,在新公司的项目中,大量使用Moment来处理时间日期,非常方便好用。

 

6: Immutable.js

star:29.7k
文档: https://immutable-js.github.io/immutable-js/
GitHub地址: https://github.com/immutable-js/immutable-js

7:Leaflet.js

star:27.8k

文档: https://leafletjs.com/
GitHub地址: https://github.com/Leaflet/Leaflet

Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库, 并只有38k,包含了大多数开发者需要的地图特点。常常被用于需要展示地理位置的项目。

 

8: underscore.js

star:25.3k
https://github.com/jashkenas/underscore
Underscore是一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象

9: Hammer.js

star:21.3k
GitHub地址: https://github.com/hammerjs/hammer.js
文档: http://hammerjs.github.io/

Hammer.js是一个 JS 库,可为Web应用程序带来多点触摸手势。 它很小,没有任何依赖性,并且可以识别由触摸,鼠标或指针事件产生的手势。

图片.png

10:Ramda.js

star:18.9k
GitHub地址:https://github.com/ramda/ramda
文档:https://ramdajs.com/docs/

Ramda 的目标更为专注:专门为函数式编程风格而设计,更容易创建函数式 pipeline、且从不改变用户已有数据。

11: Highlight.js

star:16.4k
文档: https://highlightjs.org/
GitHub地址: https://github.com/highlightjs/highlight.js

Highlight.js 是一个用于语法高亮显示的库,可在浏览器和服务器上使用。 它几乎可以与任何Markdown一起使用,并具有自动语言检测功能。

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自己写的一个网页开发常用效果与框架,可以自定义导出自己想要的部分。 1.通过帮助文档help.html查看所有效果与使用方法。 2.通过config.html配置符合你需要并导出js; 内容包含如下: A:效果类; 1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种; 3.电商产品主图-横向与纵向2种; 4.放大镜-电商主图放大镜、图鼠标悬停旁边出现放大版图效果各一个; 5.跑马灯-文字或图片不断档可支持鼠标悬停时停止; 6.仿alert弹窗-可以自定义样式,手机版pc版个一种; 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种; 8.折叠菜单一个; 9.banner图效果-7种包含手机上支持手指滑动的; 10.时间轴-控制1种; 11.自定义滚动条-横向、纵向各一种; 12.临时禁用滚动条-禁用与启用方法各一个,也能禁用手机滚动条,同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式; 14.回到顶部-点击回到浏览器顶部; 15.漂浮窗-小漂浮窗广告; 16.图集展示-偶尔能用到; 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面,可自己配一些动效!!!!!!; 18.常用表单验证; 19.左滑删除; 20.复选框全选与取消选中; 21.内容拖动!!!!!!; 22.dom输入; 23.单例定时器; 24.ios软键盘弹出fixed定位问题处理!!!!!!; B:架构类; 1.流程控制-主要解决多个ajax调用依赖问题; 2.面向对象的class方法-方便定义类与集成类; 3.require-实现模块化开发,简单实用; 提示:用!!!!!!标注结尾的在某些场景下可能出现bug;

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值