JavaScript专题②:Intro.js:轻松创建新手引导 | PDF.js:基于HTML5的开源PDF引擎 | sharp:让Nodejs可以处理图片
发布在GitHub不完全装B指南 v2.02014年5月28日view:8295
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

Intro.js:

  • 使用难度:★★

  • Star数:7018

  • 亮点:支持多步教程,API和文档编写良好

G哥说

对于一个网站来说,如何让新手快速了解网站的各项功能一向是一个难点。写一大段文字吧怕大家不爱看,做动态的效果吧开发起来又太麻烦。

Intro.js就是为了解决这个问题而生,来看一张效果图: enter image description here

可以看到,Intro.js会把网页其他部分变暗,突出目标区域并加上文字提示。Intro.js也支持多步教程,非常方便。

值得一提的是,Intro.js提供了非常丰富的API和良好的文档,同时还有很多完整的例子可供下载,亲切到不行啊!

Intro.js官方首页


PDF.js:

  • 使用难度:★

  • Star数:8785

  • 亮点:简单易用,出身高贵

G哥说

PDF.js由Mozilla开发,目的是打造一个通用且易用的基于浏览器的PDF引擎。

对于PDF.js,我想多说一点东西。

相信大家都知道,Chrome出过一款基于浏览器的笔记本,Firefox也发布过基于浏览器的手机操作系统。它们的背后是使用浏览器操作系统代替原生操作系统的巨大野心。而PDF.js恰恰是非常关键的一个环节。大家可以想一想,现在我们还有什么工作是只能在原生操作系统中完成而不能在浏览器中完成呢?我们有网页游戏、webQQ、Google Docs……现在再加上PDF.js,浏览器的功能越来越完善,竞争力越来越强。

不过基于浏览器的操作系统最大的问题就是需要网络支持,在当前国内的网络环境下,基于浏览器的操作系统只能是一个玩具。

PDF.js官方首页


sharp:

  • 使用难度:★★★

  • Star数:832

  • 亮点:速度快,效率高

G哥说

Nodejs作为一个后端平台的后起之秀,其对本地文件的处理是一个短板。或许是因为JS只能用在浏览器中已经成为大家的共识了吧。

sharp可以对图片进行裁剪、格式转换,支持从文件系统和缓存对象中读取数据。值得一提的是,sharp充分利用了Nodejs异步的特性,处理图片时候的速度可以达到常见库的8倍,提升速度和CPU数量有关。

sharp当前支持Ubuntu12~14,其他系统可能安装起来会麻烦一点。

sharp官方首页


如果大家觉得这篇文章还不错的话请动动手指分享一下吧~你们的支持就是我最大的动力!

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,获取最新文章。

谢谢~

enter image description here

评论
发表评论
4年前
赞了此文章!

我的收藏