火星网校
【分享】5月前端开发者实用干货大合集
发布时间：2018-11-17 19:57:24
随着Apple、Google等科技企业一年一度的开发者大会的到来，这些企业旗下产品相关的新资源也随之放出，比如Apple的新的开源数据库，以及Google新推出的移动端手机测速应用。此外，GitHub等平台还推出了面对新手的Git使用课程，也是素质相当过硬的课程。在今天的前端干货大合集当中，我们会推荐一些正在兴起的新工具，接下来，我们一一介绍。
VuePress
VuePress是来自Vue开发者的新工具，它是使用Vue.js来生成静态网页的网页生成器。它可以为每个页面预先生成静态的HTML页面，并且作为SPA（单页应用程序）运行。其中还附带一些安装即可使用的功能，包括Google Analytics ID、搜索、导航、侧边栏以及PWA。
IMG-2
IMG-2是一个用来引入新的自定义元素img-2的JavaScript库。它针对新的元素添加了许多优化，这些优化不会同标准的img元素混淆，从而真正改变了图像的加载方式。使用自定义元素的时候，图片会被预先缓存，并且只有在图片进入用户视野内的时候，才会从缓存中加载出来。
Tabler
Tabler是一个基于Bootstrap 4的优雅的仪表盘组件。这个仪表盘中包含了自定义的图表、表单、图标等元素，让开发人员可以快速构建管理面板。
DayJS
DayJS是一个用来格式化时间和日期的JS库，更重要的是，DayJS和Moment.js类似，它仅有2Kb的大小。如果你想要一个更轻量级的库，那么它可能是个不错的选择。
UnifiedArchive
UnifiedArchive是一个用来处理压缩文件的PHP库，它支持各种格式，包括RAR、Zip、Gzip、Tar等许多不同的压缩包类型。此外，它还提供一些API来处理从压缩包中提取的文件。
Github Learning Lab
Github刚刚发布了一个完全免费的课程，涵盖了如何使用Github和Git。目前，其中包括了5门课程，你可以从中学到不少帮你带来便捷的知识，比如如何使用Github托管代码，如何使用Github来获得免费的项目、站点和博客，以及如何管理和合并有冲突的项目，如何和开发人员一起协同工作等等。
WordPress UnitTest DOM Parser
如果你要为WordPress做单元测试，需要测试DOMElement的时候，这些来自Takayuki Miyauchi的建议非常有用。
Popmotion
这是一个用来制作流畅动画的JS库，Popmotion提供了一种名为Physics的API，让你可以创建出接近真实效果的动画。你可以使用它将动画输出为各种不一样的形式，包括CSS、SVG，Three.js甚至React.js。
Driver.js
这是一个用来帮你将用户注意力集中到特定页面的JS库，如果你想介绍特定的功能，或者将用户引导到特定的任务中的时候，可以使用它。Driver.js大小仅有4KB，可以自定义，并且对于键盘操作非常友好。
Replace Animated GIF with Video
GIF如今已经几乎无处不在了，但是GIF常见的问题在于，它非常之大，这不仅浪费带宽，而且素质往往不高。Google所提供的这个指南教你如何使用视频来替代GIF。
Text Mask
这是一个用来转换特殊格式文本的JS库，它可以用来格式化电话号码、货币或者信用卡号码等。在用户输入文本的时候，其中的特定内容会被格式化，从而达到改善用户体验的目的。
Compare Mobile Site Speed
这个比较移动端网页加载速度的工具是Google所开发的，让你可以更为便捷地在手机上检测网站在移动端上的加载速度，在检测过程中，你除了可以选择特定的网站之外，还能选择特定的国家。
VueNut
在使用Vue.js和Vuex来构建Web应用的时候，VueNut是你的好伙伴，VueNut可以更为轻松地帮你探索所存储的数据状态，并且可以在开发过程中轻松地操控这些数据。
FoundationDB
最近，苹果在Github上将FoundationDB开源了。这是一个用来匹配关键数据的数据库系统，它有着良好的扩展性和强大的性能。现如今，越来越多的大型公司开始开源他们的产品，这本身就是一件很酷的事情。
StoryBooks
StoryBooks是一个独立的用来构建React组件的工具，它在浏览器中运行的时候有一整套的UI，可以用来查看每个组件的不同的状态。
GhostText
GhostText是一个浏览器拓展，它可以让你在浏览器中编辑的内容和文本编辑器中的内容同步。如果你同时喜欢在浏览器中调整代码也喜欢在本地的文本编辑器中写代码的话，那么它是非常有用的。它适用于Chrome、Firefox和Opera。
Coala
Coala是一个CLI，它提供了一个可以用来查看和修复代码的界面，无论你使用哪种语言。你可以在代码编辑器中使用Coala，将其与CI集成，并且使用.coafile中的配置语法对其进行自定义。Coala支持许多语言，比如CSS、JS、PHP等。
ReactStrap
ReactStrap是一个转换为可重用的React组件的Bootstrap4的组件合集。如果你想针对旧有的Bootstrap网站进行更为现代的改造，可能会用到这个库。
Reacto
Reacto也是一个基于React工具，它是一个在Electron的基础上搭建起来的集成开发环境，主要被设计使用ReactJS开发Web应用。如果你的开发工作主要是围绕着ReactJS进行的话，它是非常顺手的。
PicoJS
这是一个支持人脸检测的JS库，它适用于静态图片，也可以集成到相机中。
原作者：Thoriq Firdaus，原文地址：https://www.hongkiat.com/blog/designers-developers-monthly-04-2018/
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
023年以来，在版号审批、出海政策等影响下，新品游戏大量涌现，这也为游戏市场带来了一些新变量、新现象。
-
学习游戏开发班可以帮助游戏爱好者从零基础成为游戏开发专家，掌握全面的游戏开发技能。
-
火星时代教育为您提供专业的界面设计实战班，在实践中掌握界面设计的核心技巧和最新趋势，成为优秀的UI设计师。
-
了解UI交互设计培训的最佳选择，比较不同培训机构的优势和特点。
-
火星时代教育为您推荐专业的学影视后期培训机构，提供高质量的培训内容及资深导师指导，助您成为优秀的影视后期剪辑师或合成师。
-
火星时代教育是一家专注于交互设计培训的机构，为学员提供专业的交互设计培训课程，并帮助他们成为优秀的交互设计师。
