jquery mobile php 收藏 0

非常实用的15款开源PHP类库

PHP库给开发者提供了一个标准接口，它帮助开发者在PHP里充分利用面向对象编程。这些库为特定类型的内置功能提供了一个标准的API，允许类可以与PHP引擎进行无缝的交互。此外，开发者使用这些类库还可以简化工作流程，提供工作效率。

下面就一起来看看这些非常实用且免费的类库吧，希望它们能助你一臂之力。

1.Requests

Requests是一个用PHP编写的HTTP库，遵循ISC开源协议，托管在GitHub上。Requests取代了Python HTTP/1.1以外的一切工作———让你与Web服务可以无缝的结合。

Requests提供了一致的API，并且使用cURL或fsockopen（具体取决于可用性），它还简化了发送请求，接受HEAD、GET、POST、PUT、DELETE或PATCH并且添加标头、表单数据和多个部分组成的文件。其次，该库还适用于国际域名、身份验证、自动压缩gzip压缩响应等。综上所述可以看出，Requests是一个非常好用且可以友好托管HTTP请求的标签。

2.Munee

Munee是一个集图片尺寸调整、CSS-JS合并/压缩、缓存等功能于一身的PHP库。可以在服务器端和客户端缓存资源。它集成了PHP图片操作库Imagine来实现图片尺寸调整和剪切，之后进行缓存。

Munee可以自动编译LESS、SCSS和CoffeeScript，并且可以把CSS+JS文件合并成一个单一的请求，此外，还可以对这些CSS-JS文件进行精缩，让其拥有更好的性能表现。该库还可以轻易地与任何代码集成。

3.Ratchet

Ratchet是一个PHP库、WebSockets工具包，开发者可以使用它在客户端和服务器端之间构建实时、双向的App应用，并且可以快速简单地构建事件驱动应用程序（而不是传统的HTTP 请求/响应应用程序）。

4.Swift Mailer

Swift Mailer是一个功能丰富的PHP邮件库，不依赖于PHP自带的mail() 函数，因为该函数在发送多个邮件时占用的系统资源很高。Swift直接与SMTP服务器通讯，具有非常高的发送速度和效率。

5.Unirest

Unirest是一个轻量级的HTTP开发库，可用于PHP、Ruby、Python、Java、Objective-C等开发语言。支持GET、POST、PUT、UPDATE、DELETE操作，它的调用方法与返回结果对所有开发语言来说，都是相同的。

6.Detector

Detector是一个开源的PHP类库，用于检测用户的浏览器环境。它可以获得浏览器的使用情况和浏览器的HTML5 CSS3功能、并分析是否是移动、平板电脑、桌面或网页爬虫和其他项，如：颜色深度、 视频尺寸、Cookie等。该库对每个浏览器用户都使用单一的用户代理字符串来自动适应新浏览器、版本和设备。

7.PHP Thumb

PHP Thumb是一个PHP类，用来生成图片的缩略图。 只需数行代码即可，支持多种图片来源，包括文件系统或者数据库，支持大多数图片格式。并可对图片进行旋转、剪切、加水印等等。可自定义缩略图的质量，提供内建的缓存以降低服务器的负载。

8.Zebra Image

Zebra Image是一个开源的轻量级图像处理库，并且是一款面向对象库，只需PHP GD2扩展，并支持缩放、裁剪、旋转和翻转操作。它可以用于.jpg、.gif、.png等格式。

9.Hybrid Auth

HybridAuth是一个开源PHP类库，用于通过微博/社交网站和ID来提供验证功能实现同步登录网站功能。它能够很方便的与现有网站相集成，只要引用一个文件并添加几行代码就能够实现登录。一旦验证，HybridAuth会提供连接用户的标准化相关资料。此外，除了验证功能，这个类库能够让我们与用户连接的social API客户端相交互。

10.Gantt Charts

Gantti是一个开源的PHP类，帮助用户即时生成Gantt图表。使用Gantti创建图表无需使用JavaScript，是TML5-CSS3。图表默认输出非常漂亮，但用户可以自定义样式进行输出（SASS样式表）。

11.Mobile Detect

Mobile Detect是一个PHP类，通过User-Agent检测各种手机设备，并结合HTTP Header来检测移动设备环境。该类库最强大的地方是，它有一个非常完整的库，可以检测出所用的设备类型（包括操作类型、以及手机品牌等都能检测）和浏览器的详细信息。

12.ImageWorkshop

顾名思义，ImageWorkshop是一个管理和操作图片的PHP类库，这个类拥有类似图片编辑软件的逻辑：基于层的概念，可以叠加很多层或层组（每一层不同的操纵选项）。它还支持许多功能，比如水印、裁剪、移动、缩放、旋转、叠加等。

13.JqmPhp

JqmPhp是一个PHP开源类库，旨在简化jQuery与PHP来进行移动开发，用于生成使用jQuery Mobile框架所需要的HTML文件。该类库的文件是独立的，所以你可以根据需要来选择使用。

14.PHP Image Cache

Image Cache是一个轻量级的PHP类，可以在用户浏览器里压缩、移动、缓存图片。这个类提供一些简单的设置如：目录、根路径URL等，然后针对每一张图片调用压缩功能。

15.Imagine

Imagine是一个面向对象的PHP类库，用于图片操作。这个类库能够处理一些经常用到的操作如：缩放、裁剪、应用过滤等。其Color类库可用于对任意特定的颜色生成RGB值。并且还提供一些方法来绘制图形如：圆弧、椭圆、线、片等。

原文出处：codegeekz

译文链接：http://www.csdn.net/article/2013-10-09/2817123-PHP-Libraries

我采访了一位 Pornhub 工程师，聊了这些纯纯的话题

站在推动 Web 发展方面所起到的作用无可辩驳。从突破浏览器的视频能力限制，到利用 WebSocket 推送广告（防止被广告拦截），你必须不断想出各种聪明的办法，让自己处在 Web 技术创新的最前沿。

最近，我有幸采访了大型站 Pornhub 的一位 Web 开发工程师，了解了相关的开发技术、Web API 的改进，以及作为站开发工程师是一种怎样的体验。

注意：因为站这个行业竞争相当激烈，有一些问题他们不能回答我，这一点我表示理解。

站需要显示大量的图像内容，在开发过程中，你是否使用了大量的图片和视频占位符？开发过程中的内容体验和最终产品差距大吗？

实际上，在开发这个网站时我们并没有使用占位符！归根结底，代码和功能才是最重要的东西，至于界面什么的，到了这个时候我们已经很熟悉了。刚开始时有一点难度，但很快我们就适应了。

在开发过程中，你们是如何模拟直播视频流和第三方广告脚本的？它们都是很重要的资源。

播放器被分为两个组件，基本组件实现了核心功能，用于触发事件。开发是单独进行的，在进行集成时，我们需要用到第三方脚本和广告，这样可以尽早发现问题。对于一些特殊情况，我们会与广告主合作，通过手动的方式来触发一些随机事件。

一般页面上至少会有一个视频、一些 GIF 广告、一些直播预览和其他视频的缩略图。你是如何测定页面性能的？以及如何尽量提升页面的性能？

我们使用了一些测评系统。

播放器会将视屏播放的性能和用户播放情况发送给我们；

我们使用了第三方的 RUM 系统；

我们使用了 WebpageTest，这样就可以知道在某个时段发生了什么事情。

我假设播放器是前端的一个最重要也最复杂的功能。在视频前面插入广告、标记视频的关键部分、改变播放速度，等等，你是如何保持播放器的性能、功能和稳定性的？

我们有一个专门负责开发播放器的团队，他们的首要任务是持续地监控播放器的性能。我们用上了所有可用的工具：浏览器性能工具、WebpageTest、性能指标，等等。每次在发布更新之前，我们都会进行一轮严格的 QA 来保证稳定性和质量。

视频团队有多少专职开发人员？有多少前端开发人员？

我只能说，如果从整个产品的规模来看，我们的团队规模算是中等的。

在从事站开发期间，你看到前端领域经历了哪些发展？有哪些新的 Web API 给你带来很大的帮助？

我看到前端技术在很多方面都有进步。

从使用纯 CSS 到使用 LESS 和 Mixin，再到使用灵活的栅格系统和图像标签来适应不同的分辨率和屏幕大小；

jQuery 和 jQueryUI 逐渐淡出了我们的视线，我们回到了更加面向对象的纯 JavaScript 编程。一些框架在某些场景下也起到非常有趣的作用；

我们很喜欢新的 IntersectionObserver API，用它来加载图像非常高效；

我们还使用了画中画 API，让视频漂浮在页面上，不过现在还在争取用户对这个想法的反馈。

展望未来，有没有哪些 Web API 是你希望发生变化、改进的？或者出现新的 Web API？

我们希望这些 API 能够发生变化或改进：Beacon、WebRTC、Service Worker 和 Fetch。

Beacon：在 iOS 上有些问题，对 pageHide 事件支持得不太好；

Fetch：没有下载进度，也没有提供拦截请求的方式；

WebRTC：在进行直播时，如果分辨率不够大就会有所限制；

Service Worker：调用 navigator.serviceWorker.register 不会被 Service Worker 的 Fetch 事件处理器拦截到。

WebVR 在过去几年已经有所改进。目前来看，它的作用有多大？站会投入多大精力来支持 VR 内容？Pornhub 的 WebVR 有涉及触觉技术吗？

我们正在研究如何将 WebXR 应用在沉浸式空间场景中。作为最大的内容分发平台，我们有必要为用户提供让他们能够按照自己的方式来体验网站内容的机会。但我们还在探索，在使用这些新媒体时，内容和平台应该是什么样子。

我们是支持 VR、计算机视觉和虚拟主播的一个主要平台，我们将继续推动新技术的发展。

每个页面上都有不同类型的媒体和内容，对于桌面版或移动版来说，最需要考虑的东西是什么？

我们主要考虑操作系统和浏览器对功能方面的限制。比如，iOS 和 Android 在访问权限和功能方面就非常不一样。

一些 iOS 设备不允许在全屏时使用自定义播放器，它们会强制使用原生的 QuickTime 播放器。而 Android 则给了我们完全的控制权限，可以在全屏时使用我们的播发器。

另一个例子是 HLS 视频流，IE 和 Edge 对 HLS 视频流质量非常挑剔，所以我们需要控制视频的质量，否则在播放时就断断续续或者出现重影。

目前 Pornhub 可以支持的最低浏览器版本是哪个？现在还支持 IE 吗？

我们支持 IE 很长时间了，但最近不支持 IE 11 之前的版本。另外，我们也停止支持 Flash 播发器。我们现在主要支持 Chrome、Firefox 和 Safari。

可以分享一下 Pornhub 的技术栈吗？从服务器端到前端，你们使用了哪些库？

基本上，我们使用了这些东西：

Nginx；

PHP；

MySQL；

Memcached/Redis。

其他技术还包括 Varnish、ElasticSearch、NodeJS、Go 语言、Vertica。

前端方面，我们主要使用了纯 JavaScript。我们在逐步淘汰 jQuery，并开始使用框架，比如 Vue.js。

在外行看来，站的网页上一般充斥着各种视频缩略图、视频、直播和广告。从开发者的角度来看，是什么东西让一个站变得与众不同？

我们努力让每一个品牌都具备一定程度的独特性，不同的内容、界面体验和功能，还使用了很多不同的算法。

在面试 Pornhub 时，你是怎么想的？你有犹豫过吗？如果有，又是怎么消除这种情绪的？

我没有感到有什么不妥，毕竟这个挑战对我来说充满了吸引力。一想到有数百万人会用到我开发的东西，我就感到很兴奋。这个想法很快就得到了验证，当我开发的功能第一次上线时，我感到很自豪，我还叫我的朋友们也去看看！站永远都不会消亡，它为我们提供了稳定的工作来源。

与开发一般的网站相比，开发站可能会有所不同。当你告诉你的朋友、家人和熟人自己在开发站，你会觉得这是一种耻辱吗？你会犹豫告诉他们这些吗？

我为自己开发的东西感到自豪，我身边的人都知道，也很喜欢它们。这也成了我们的茶余饭后的谈资，非常有意思。

你也在其他地方开发过其他网站，在 Pornhub 的工作氛围有什么不同吗？

这里的氛围非常轻松友好，我不觉得跟在其他地方有什么不同。

作为前端开发人员，你需要与哪些团队密切接触？你们平常常用哪些交流方式？

我们需要与后端开发人员、QA 和产品经理打交道。大部分时间我们会跑到各自的工位上讨论问题，其次是使用聊天工具（Microsoft Teams），然后是电子邮件。

最后，作为一名在站工作的开发工程师，你还有什么想要分享的吗？

我非常高兴能够参与开发这个有如此大规模用户的产品。我们身处技术发展的最前沿，这让一切都变得有趣且颇具挑战性。

后记

这个采访很有启发性。我很惊讶他们在开发时居然没有使用图像。Pornhub 走在 Web 技术的最前沿——WebXR、WebRTC 和 Intersection Observer API。我也很高兴看到他们开始逐步淘汰 jQuery，因为现在的 Web API 很给力。

我很想从他那里挖到更过有关技术和性能的细节，我敢肯定他们的源代码里有很多值得一学的东西。换了是你，你会想问哪些问题？

超级棒的170+款web前端开发工具汇总

我们与企业内部的Web开发团队进行了很多次交流，研究了很长时间，最后将Debug工具与Web前端开发工具整理汇总在了一起，这些工具对每个Web开发人员都非常有用。

这些工具将使您的工作更加轻松，特别是如果您是Web开发人员，Web设计人员或项目经理。您应该查看一下并尝试一下。

不管您是网站开发人员还是设计师？这些工具将使您的生活和工作流程更加轻松。

Web前端开发工具

01、Alertify.js

网址：http://alertifyjs.com/

AlertifyJS是一个JavaScript框架，用于开亮的浏览器对话框和通知。它不仅可以替代默认的浏览器对话框，还可以非常轻松地创建自己的对话框。是每个Web前端开发人员必须具备的工具。

02、Alfred

网址：http://www.alfredapp.com/

Alfred是Mac OS X上屡获殊荣的应用程序，可通过热键和关键字提高工作效率。

03、AlloyUI

网址：http://alloyui.com/

AlloyUI是在YUI3（JavaScript）之上构建的框架，该框架使用Bootstrap（HTML / CSS）提供用于构建高可扩展性应用程序的简单API。

04、AngularJS

网址：https://angularjs.org/

AngularJS允许您扩展应用程序的HTML。具有极强的表现力，可读性，并且可以快速构建开发。

05、Backbone

网址：https://backbonejs.org/

Backbone.js通过提供具有自定义事件的模型与丰富的可枚举函数API，具有声明性事件处理的视图的集合，并通过RESTful JSON接口将其全部连接到您现有的API，从而为Web应用程序提供结构。

06、Bitbucket

网址：https://bitbucket.org/

Bitbucket提供分布式版本控制，使您和您的团队可以轻松地进行协作。

07、Bower

网址：http://bower.io/

网站由很多东西组成—框架，库，资产，实用程序和彩虹。Bower为您管理所有这些事情。没有它，前端Web开发就困难得多。

08、Brackets

网址：http://brackets.io/

现代的，开放源代码的文本编辑器，可用于Web开发设计。

09、Colourcode

网址：https://colourco.de/

探索和发现颜色的工具。方案中的色板，色相，亮度，饱和度变化的控件，以.less或png格式导出。

10、CSS Comb

网址：http://csscomb.com/

使您的代码漂亮的工具。就如此容易。

11、CSS Compressor

网址：http://www.cssdrive.com/index.php/main/csscompressor/

使用此实用程序压缩CSS，以提高加载速度并节省带宽。

12、CSS Lint

网址：http://www.cssdrive.com/index.php/main/csscompressor/

CSS Lint是一个开源CSS代码质量工具。会伤到你的心情

（并帮助您更好地编码）。

13、CSSCSS

网址：https://zmoazeni.github.io/csscss/

CSS冗余分析器，用于分析冗余。

14、Dabblet

网址：http://dabblet.com/

交互式CSS游乐场和代码共享工具。Dabblet可以将要点保存到Github，并为CSS编辑提供了许多便利。

15、Dromaeo

网址：http://dromaeo.com/

以Dromaeosaurs命名的JavaScript性能测试套件。

16、Ember.js

网址：http://blog.debugme.eu/front-end-web-developer-tools/emberjs.com

用于创建雄心勃勃的Web应用程序的框架。应该在每个前端Web开发人员的工具包中都包含。

17、Fontastic

网址：http://fontastic.me/

可以在几秒钟内创建图标字体。使您的网站运行更快。

18、Fontello

网址：http://fontello.com/

使用图标构建自定义字体的工具。

19、Foundation

网址：https://get.foundation/

Foundation是响应式前端框架家族，可轻松设计精美的响应式网站，应用程序和电子邮件，在任何设备上看起来都很棒。

20、Framework 7

网址：https://framework7.io/#.Vd7TmPmqqko

用于构建iOS和Android应用程序的全功能HTML框架。

21、GitHub

网址：https://github.com/

GitHub是人们构建软件的方式。拥有超过1000万的开发者社区，开发人员可以使用强大的协作开发工作流程发现，使用并贡献超过2600万个项目。

22、Grunt

网址：https://gruntjs.com/

Grunt生态系统非常庞大，而且每天都在增长。字面上有数百种可供选择的插件，您可以使用Gruntto进行几乎任何事情的自动化。

23、HTML5 Boilerplate

网址：https://html5boilerplate.com/

HTML5 Boilerplate可帮助您构建快速，健壮且适应性强的Web应用程序或网站。借助数百位开发人员的综合知识和精力，一站式启动您的项目。

24、HTML5 Please

网址：https://html5please.com/

查找HTML5，CSS3等功能，了解它们是否已准备就绪，以及是否可以使用Polyfills，fallbacks或按原样使用它们。

25、Icomoon

网址：https://icomoon.io/

IcoMoon应用程序可让您构建和使用不同格式的图标集，包括SVG，图标字体或简单的PNG / CSS代码。

26、JavascriptOO

网址：http://www.javascriptoo.com/

您应该使用示例，类别，安装命令，CDN链接，项目和作者统计信息来研究每个JavaScript项目。

27、jQuery

网址：https://jquery.com/

jQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。

28、jQuery UI

网址：http://jqueryui.com/

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互，效果，小部件和主题。无论是构建高度交互的Web应用程序，还是只需要向表单控件添加日期选择器，jQuery UI都是比较理想的选择。

29、JS Hint

网址：http://www.jshint.com/

JSHint是一个社区驱动的工具，用于检测JavaScript代码中的错误和潜在问题并强制执行您团队的编码约定。它非常灵活，因此您可以轻松地将其调整为特定的编码准则以及希望在其中执行代码的环境。

30、JSFiddle

网址：https://jsfiddle.net/

使用JSFiddle代码编辑器在线测试您的JavaScript，CSS，HTML或CoffeeScript。非常好用，推荐使用。

31、JSontoHTML

网址：http://json2html.com/

json2html是一个开放源代码的JavaScript库，它使用JSON模板将JSON对象转换为HTML。

32、LightTable

网址：http://lighttable.com/

Light Table通过即时反馈将您连接到您的创作，并显示数据值流过您的代码。

33、LiveReload

网址：http://livereload.com/

LiveReload监视文件系统中的更改。保存文件后，将根据需要对其进行预处理，并刷新浏览器。更酷的是，当您更改CSS文件或图像时，浏览器会立即更新，而无需重新加载页面。

34、Meteor

网址：https://www.meteor.com/

Meteor是一个完整的开源平台，可以使用纯JavaScript构建Web和移动应用程序。

35、Modernizr

网址：http://modernizr.com/

无论浏览器是否支持某个功能，Modernizr均可让您轻松编写条件JavaScript和CSS来处理每种情况。

36、Normalize.css

网址：http://necolas.github.io/normalize.css/

Normalize.css使浏览器更一致地渲染所有元素，并符合现代标准。它只针对需要规范化的样式。

37、Paletton

网址：http://paletton.com/

设计器工具，用于创建可以很好地协同工作的颜色组合。

38、Pesticide

网址：http://pesticide.io/

使用提纲加速CSS布局调试的工具。

39、PhantomCSS

网址：https://github.com/Huddle/PhantomCSS

PhantomCSS捕获由CasperJS捕获的屏幕截图，并使用Resemble.js将它们与基线图像进行比较，以测试rgb像素差异。然后，PhantomCSS生成图像差异以帮助您找到原因。

40、QUnit

网址：http://qunitjs.com/

QUnit是一个功能强大，易于使用的JavaScript单元测试框架。它由jQuery，jQuery UI和jQuery Mobile项目使用，并且能够测试任何通用的JavaScript代码，包括其自身。

41、Responsinator

网址：https://www.responsinator.com/

Responsinator帮助网站制造商快速了解其响应式网站在最受欢迎的设备上的外观。它不能精确地复制外观，因为准确的测试总是在真实设备上进行测试。

42、Responsive

网址：http://responsive.victorcoulon.fr/

用于响应式设计测试的便捷工具。

43、Responsive Design Testing

网址：http://mattkersley.com/responsive/

该工具旨在帮助您在设计和构建响应式网站时对其进行测试。您可以在此页面顶部的地址栏中（而不是浏览器的地址栏中）输入网站的URL，以测试特定页面。

44、Retinize

网址：http://retinize.it/

RetinizeIt非常适合需要为iOS或支持Retina的网站的PSD切片UI元素的Web设计人员和前端开发人员。

45、Sass

网址：https://sass-lang.com/

Sass是世界上最成熟，稳定，功能最强大的专业级CSS扩展语言。具有超能力的CSS。

46、Stack Overflow

网址：http://stackoverflow.com/

Stack Overflow是面向专业和发烧级程序员的问答社区网站。而且很大。他们刚刚达到一千万个问题。

47、Sublime Text 3

网址：http://blog.debugme.eu/front-end-web-developer-tools/www.sublimetext.com/3

Sublime Text是一款代码编辑器，标记和散文的高级文本编辑器。

您会喜欢光滑的用户界面，非凡的功能和出色的性能。

48、Type-o-matic

网址：http://type-o-matic.net/

在这里你可找到页面上的所有所需字体。

49、TypeWonder

网址：http://typewonder.com/

TypeWonder可以帮助用户在其网站上检查或测试Google字体，而无需实际更改实时网站上的任何内容。

50、Vue.js

网址：http://vuejs.org/

Vue.js是用于构建现代Web界面的库。它通过简单灵活的API提供了对数据敏感的组件。

51、WebStorm

网址：https://www.jetbrains.com/webstorm/

WebStorm是一个轻量级但功能强大的IDE，非常适合使用Node.js进行复杂的客户端开发和服务器端开发。

52、What Font Is

网址：http://www.whatfontis.com/

使用什么字体，您可以识别所需的字体。

53、Wordmark.it

网址：http://wordmark.it/

Wordmark.it旨在通过快速显示计算机上安装的字体的任何文本的预览来帮助字体选择过程。

54、Yeoman

网址：http://yeoman.io/

Yeoman帮助您启动新项目，规定最佳实践和工具以帮助您保持生产力。快速构建完整的项目或有用的部分。

55、Gulp

网址：http://gulpjs.com/

Gulp是流式构建系统，它是使用Node.js的任务运行程序。您可以使用它构建系统自动化任务，例如缩小和复制所有JavaScript文件或静态图像等。令人敬畏的前端Web开发人员工具。

56、React

网址：http://facebook.github.io/react/

React是一个开放源代码的JavaScript库，用于创建用户界面，旨在解决开发单页应用程序时遇到的挑战。

57、Browserify

网址：http://browserify.org/

Browserify允许您捆绑所有依赖项。

58、Webpack

网址：https://webpack.github.io/

将许多模块打包到少数捆绑资产中，就使用webpack。

59、Babel

网址：https://babeljs.io/

用于编写下一代JavaScript的编译器。每个前端开发人员都应使用。

60、PostCSS

网址：https://github.com/postcss/postcss

PostCSS是使用JavaScript插件转换CSS的工具。

61、cssnext

网址：http://cssnext.io/

cssnext是一个CSS编译器，可让您今天使用最新的CSS语法。它将新的CSS规范转换为更兼容的CSS，因此您无需等待浏览器支持。

62、Visual Studio 2015

网址：https://visualstudio.microsoft.com/zh-hans/vs/

Visual Studio 2015是一个丰富的集成开发环境，用于为Windows，Android和iOS创建出色的应用程序，以及现代Web应用程序和云服务。

63、Can I Use

网址：https://caniuse.com/

兼容性表，用于在各种浏览器中支持HTML5，CSS3，SVG和其他技术。

64、npm

网址：https://www.npmjs.com/

npm是Node.js的软件包管理器。它创建于2009年，是一个开源项目，旨在帮助JavaScript开发人员轻松共享打包的代码模块。

65、ECMAScript 6

网址：http://es6-features.org/

ECMAScript带有许多通用数据类型的简写形式，这可以节省您的时间，并使程序更具可读性。

66、Atom

网址：https://atom.io/

Atom是一种文本编辑器，它是一种现代，通俗易懂但易于破解的内核-您可以自定义该工具以执行任何操作，而且还可以高效使用，而无需接触配置文件。

67、MaterializeCSS

网址：https://materializecss.com/

Materialize是基于Google Material Design的现代响应式CSS框架。

68、JSPM

网址：https://jspm.io/

JSPM是SystemJS通用模块加载器的软件包管理器，该软件包管理器基于动态ES6模块加载器构建。

69、Helium CSS

网址：https://github.com/geuis/helium-css

是一种用于发现网站上许多页面上未使用的CSS的工具。该工具基于JavaScript，可从浏览器运行。Helium接受网站不同部分的URL列表，然后加载并解析每个页面以构建所有样式表的列表。然后，它访问URL列表中的每个页面，并检查是否在页面上使用了样式表中找到的选择器。最后，它生成一个报告，其中详细介绍了每个样式表以及未在任何给定页面上使用的选择器。

01)、parallel.js: 前后端通用的一个并行库。

02)、zepto: 用于现代浏览器的兼容 jQuery 的库。

03)、totoro: 稳定的跨浏览器测试工具。

04)、TheaterJS: 一个用于模拟人输入状态的 JS 库。

05)、stellar.js: 前端用于实现异步滚动效果的库，现已不再维护。

06)、skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相。

07)、regulex: 用于生成 正则表达式 的可视化流程图。

08)、markdown-it: 新型 Markdown 解析器，快速，支持插件。

09)、multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc。

10)、screenfull.js: 全屏插件，支持各大浏览器。

11)、lunr.js: 类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用。

12)、jquery.hotkeys: jQuery 插件，用于绑定热键。

13)、breach_core: Javascript 编写的 Browser (浏览器)。

14)、octocard: 用于生成 Github 信息卡片的库。

15)、github-cards: 用于生成 Github 信息卡片的库。

16)、money.js: 轻量级货币转换库，web 和 node 皆可用。

17)、accounting.js: 轻量级的数字、货币转换库。

18)、javascript-algorithms: Javascript 实现的各种算法集合。

19)、lazy.js: 类似于 underscore, 但是会延迟执行，某些场景下，性能会有很大的提升。

20)、seajs: 前端模块加载器，解决模块化、依赖等问题。

21)、jQuery-One-Page-Nav: 单页应用中一个用于处理导航栏的库。

22)、js.js: Javascript 实现的 javascript JIT。

23)、jquery-ui: jQuery 团队开发的 UI 相关的前端库，功能强大。

24)、todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端 MVC 库。

25)、localForage: Mozilla 出品，用于离线存储，基于IndexedDB, WebSQL 或者。localStorage, 提供一致的接口。

26)、EventEmitter: 浏览器版的 EventEmitter。

27)、jquery.serializeJSON: jQuery 插件，用于将 form 表单序列化成 JSON 数据。

28)、knockout: 前端 MVVM 框架，用于开发富前端应用。

29)、mermaid: 可以根据文本生成流程图，类似于 Markdown 的语法。

30)、js-sequence-diagrams: 另一款可以根据文本生成流程图的库，类似于 Markdown 的语法。

31)、flow: 一个用来检测 Javascript 语法错误的库， Facebook 出品。

32)、zoomooz: jQuery 插件，用来处理浏览器缩放。

33)、fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方。

34)、mithril.js: 轻量型前端 MVC 框架，部分使用场景下性能优于 Angular.js 和 React。

35)、jquery.smartbanner: smartbanner 是从 IOS6 开始支持的一个新特性, 这个插件提供了对早期 IOS4/5 和 Android 的支持。

36)、jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素， 支持回退等。

37)、jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条。

38)、onepage-scroll: 提供类似于 iPhone6 展示页类似的效果，适用于单页应用，兼容到 IE8

39)、scrollMonitor: 前端插件用来监控元素的滚动事件(进入、退出等)，性能很好

40)、ScrollMagic: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果

41)、infinite-scroll: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作

42)、animatable: 仅仅依靠 border-width 和 background-position 实现的各种动态效果，看真相

43)、Fluidbox: 页面上内嵌图片的放大缩小效果，类似于 Medium 中的效果

44)、jquery-validation: jQuery 的一个插件，用于校验 Form 表单

45)、BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果

46)、emscripten: 一款基于 LLVM, 可以将 C/C++ 转换成 Javascript 的工具，使得 Javascript 可以近乎 Native 的速度

47)、qrcode-generator: 各种语言的二维码生成工具

48)、device.js: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS

49)、jquery-qrcode: jQuery 插件，用来生成二维码

50)、Wookmark-jQuery: jQuery 的一个插件，可以用来实现瀑布流的效果

51)、isotope: 可以用来过滤、排列布局，实现美观的动态布局切换效果，Demo

52)、lazysizes: 功能强大的图片延迟加载工具，可以首先加载一个低质量的图片，然后再加载高质量的图片

53)、progressbar.js: 简洁美观的进度条，扁平化

54)、pigshell: 一个由 Javascript 实现的Shell, 将互联网当做一个大的文件系统, 通过 cd/ls/cat…..等命令, 可以访问 Facebook/Twitter/Google Drive 等网络服务

55)、spectrum: Js实现的颜色选择器 (Colorpicker)

56)、jQuery.countdown: jQuery 倒计时插件

57)、summernote: WYSIWYG 富文本编辑器

58)、awesomplete: 非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观

59)、switchery: IOS 7 上 Switch 的 JS 实现, 支持 IE8 及以上浏览器

60)、trix: Basecamp 公司出品的富文本编辑器，简洁小巧

61)、sensor.js: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等

62)、hyhyhy: 用于创建 基于 HTML5 的 演示文稿

63)、swipebox: jQuery 插件，用于处理移动端的触摸事件

64)、FileAPI: 前端用户处理文件（拖放、多文件上传等）

65)、Sortable: 现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuery

66)、Swiper: 用于实现浏览器上的滑动切换效果，支持硬件加速

67)、matter-js: 2D 物理效果引擎，碰撞、弹跳等

68)、jQTouch: 用于辅助创建手机端的 Web 应用，支持主题、Zepto.js 等

69)、snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库

70)、c3: 基于 D3 的图表库

71)、echarts: 企业级图表库，百度开发

72)、parallax.js: 一个用于响应智能手机 orientation 的库

73)、jQuery-Animate-Enhanced: jQuery 动画库的一个增强，用于现代浏览器

74)、wysihtml: 富文本编辑器，适用于现代浏览器

75)、slip: 一个通过滑动或者拖拽来操控列表的库

76)、evil-icons: 一个矢量图库，提供 Ruby/Node 等支持

77)、PhotoSwipe: JS 的一个图片展示库

78)、focusable: 是页面上一个元素高亮的库，有图有真相

79)、firefox.html: Firefox 在浏览器端的实现 —— HTML 版的 Firefox

80)、jquery-mobile: jQuery 团队开发的用于辅助手机端 web app 开发的库，基于 HTML5

81)、mobile-angular-ui: 基于angularjs和bootstarp的web app开发框架

82)、interact.js: 一个适用于现代浏览器的，用于处理 手势、拖放、缩放等的库

83)、rebound-js: 实现部分物理效果，Facebook 出品

84)、basket.js: 基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存

85)、iscroll: 高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的

86)、metrics-graphics: 基于 D3 的图表库，简洁、高效，Mozilla 出品

87)、accessible-html5-video-player: Paypal 出品的 Video 播放器

88)、loading: 几种 Loading 效果，基于 SVG

89)、flippant.js: 一款能够漂亮的网页元素翻转效果库，代码许久不更新，不过作为源码学习还是不错的

90)、move.js: 基于 CSS3 的前端动画框架

91)、scrollReveal.js: 使元素以非常酷帅的方式进入画布 (Viewpoint)，看 Demo

92)、Modernizr: 一个用来检测 HTML5 和 CSS3 支持情况的库

93)、foundation: 另一款前端模版框架，类似于 Bootstrap

94)、Flat-UI: Bootstrap 的一款主题，简洁美观

95)、iCheck: 一款漂亮的 Checkbox 插件

96)、Swipe: 非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb

97)、slick: 功能异常强大的一个图片滑动切换效果库

98)、SocialButtons: 漂亮的社交按钮

99)、sweetalert: 一个非常美观的用于替换浏览器默认 alert 的库

100)、web-animations-js: Javascript 实现的 Web Animation API

101)、vivus: 可以动态描绘 SVG 的 JS 库, 支持多种动画

102)、plyr: 轻量, 小巧, 美观的 HTML5 视频播放器

103)、timesheet.js: 基于 HTML5 & CSS3 时间表

104)、slideout: 一个非常美观的侧滑菜单

以上内容来源于web前端开发 ，作者web前端开发

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com