javascript 库_您应该知道的流行JavaScript库

javascript 库

Let’s talk about some of the popular JavaScript libraries used frequently.

让我们谈谈一些常用的流行JavaScript库。

Video.js (Video.js)

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube, Vimeo, and even Flash (through plugins, more on that later). It supports video playback on desktop and mobile devices. The project started in mid-2010, and now has hundreds of contributors and used on over 450,000 websites.

Video.js是专为HTML5世界打造的网络视频播放器。 它支持HTML5视频和现代流媒体格式,以及YouTube,Vimeo甚至Flash(通过插件,稍后会有更多介绍)。 它支持在台式机和移动设备上播放视频。 该项目于2010年中期开始,现已有数百名贡献者,并在超过450,000个网站上使用。

Chart.js (Chart.js)

Chart.js is an open-source JavaScript library on GitHub that allows you to draw different types of charts by using the HTML5 canvas element. Since it uses canvas, you have to include a polyfill to support older browsers.

Chart.js是GitHub上的一个开源JavaScript库,允许您使用HTML5 canvas元素绘制不同类型的图表。 由于它使用画布,因此必须包含一个polyfill以支持较旧的浏览器。

Anime.js (Anime.js)

Anime.js is a very lightweight JavaScript animation engine, 14kb minified, and only 6kb gzipped. It supports all modern browsers and can practically animate anything from CSS properties to arbitrary JavaScript values.

Anime.js是一个非常轻量级JavaScript动画引擎, 最小 14kb,压缩后只有6kb 。 它支持所有现代浏览器,并且几乎可以为从CSS属性到任意JavaScript值的动画设置动画。

Reveal.js (Reveal.js)

reveal.js is an open source HTML presentation framework. It’s a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free. Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your presentation. The framework comes with a broad range of features including nested slides, Markdown support, Auto-Animate, PDF export, speaker notes, LaTeX support and syntax highlighted code.

manifest.js是一个开源HTML表示框架。 它是一种工具,使任何使用Web浏览器的人都可以免费创建功能齐全且美观的演示文稿。 使用reveal.js进行的演示基于开放式Web技术。 这意味着您可以在网上进行的任何操作,也可以在演示文稿中进行的操作。 该框架具有广泛的功能,包括嵌套幻灯片,Markdown支持,自动动画,PDF导出,演讲者注释,LaTeX支持和语法突出显示的代码。

Three.js (Three.js)

Three.js allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins. This is possible due to the advent of WebGL.

Three.js允许使用JavaScript语言作为网站的一部分来创建图形处理器(GPU)加速的3D动画,而无需依赖专有的浏览器插件。 由于WebGL的出现,这是可能的。

Fabric.js (Fabric.js)

Fabric.js is a JavaScript HTML5 canvas library. It is a fully open-source with many contributions over the years. Fabrice JS provides some simple components that don’t require a framework.

Fabric.js是一个JavaScript HTML5画布库。 多年来,它是一个完全开放的源代码,做出了许多贡献。 Fabrice JS提供了一些不需要框架的简单组件。

香菜 (Parsley)

Parsley is a JavaScript form validation library. It helps you provide your users feedback on their form submission before sending it to your server. It saves you bandwidth, server load and it saves time for your user. JavaScript form validation is not necessary, and if used, it does not replace a strong backend server validation. That’s why Parsley is here: to let you define your general form validation, implement it on the backend side, and simply port it frontend-side, with maximum respect to user experience best practices.

Parsley是一个JavaScript表单验证库。 它可以帮助您在将表单提交到服务器之前向用户提供有关表单提交的反馈。 它可以节省带宽,服务器负载,并为用户节省时间。 JavaScript表单验证不是必需的,并且如果使用,它也不能替代强大的后端服务器验证。 这就是Parsley在这里的原因:让您定义常规的表单验证,在后端实现它,然后简单地将其移植到前端,同时最大限度地尊重用户体验最佳实践。

If you enjoyed this post, I’d be very grateful if you’d help it spread by emailing it to a friend, or sharing it on Twitter or Facebook. Thank you!

如果您喜欢这篇文章,请通过电子邮件将其发送给朋友或在Twitter或Facebook上分享以帮助传播,不胜感激。 谢谢!

翻译自: https://medium.com/dev-genius/popular-javascript-libraries-you-should-know-3ff6feb85d59

javascript 库

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值