如何高效的查询API文档

前端开发需要掌握多种编程语言、工具、开发框架,如何既能快速查看,又能统一管理这些技术对应的API文档呢?

Dash

Dash是一个API文档浏览器,它能离线缓存所需要的文档,能帮你轻而易举的找到你想要的API,节约大量的时间。安装完成之后,点击欢迎页的Download Docsets,下载完所需要的文档后,在界面左上角就可以搜索所有你想要的内容了。
Screen Shot 2019-04-06 at 11.26.18 P
我想查一下JavaScriptArrayindexOf方法如何使用,直接输入Array.indexOf即可,文档来自MDN,包含了indexOf函数的语法、描述、示例、Polyfill、规范、兼容性...
Screen Shot 2019-04-06 at 11.54.12 P

如果我的这段代码将直接运行在IE8上,当我看到兼容性表格时就会考虑增加Polyfill,还是换用lodash,或者自己迭代来查找元素索引。我决定使用lodash并想顺便查看一下API,只需要在搜索框中输入_.indexOf就可以看到结果。
Screen Shot 2019-04-06 at 11.56.14 P
Dash净化了我的浏览器,不用我打开一堆官网的API页面,也不用我记住或收藏这些网站的地址。当我在全屏的IDE中专心编码想查找一个API时,不得不切到Dash所在界面,点击搜索框,输入文字,那有没有更快捷的方式呢?

Dash + Alfred

Alfred是我最爱的效率工具,它让我觉得自己像蝙蝠侠 1 !我用它来打开应用、推出磁盘、退出所有应用、卸载软件、休眠、搜索Google、查找联系人、算数、打开iOS Simulator、发布博客、查看我的ip地址、查看端口占用... 但最常用的,还是配合Dash搜索和查看API文档。
Screen Shot 2019-04-07 at 12.15.52 A

从2014年8月30日到现在(2019年4月7日),我一共使用了24897次,平均每天14.8次。

安装完Alfred并购买PowerpackLicence,进入DashPreferences - Integration后点击Alfred图标安装Dash workflow
Screen Shot 2019-04-07 at 12.37.26 A
用快捷键唤醒Alfred后,输入dash+空格,即可进入文档搜索模式,例如我们输入dash Array.indexOf回车即可定位到API的位置,棒棒哒!
Dash workflow还为每一个文档都都创建了一个keyword,例如我就想搜索CSSborder-radius,可以直接输入css border-radius
Screen Shot 2019-04-07 at 12.45.48 A

总结

Dash极大提高了我的文档搜索效率,让我把时间用在更需要思考的事情上,希望看到这篇文章的你也能早日用上,提高你的生产力。