您现在的位置: 火星网 > 经验频道 > 网页设计 > > 【分享】5月前端开发者实用干货大合集
  • 【分享】5月前端开发者实用干货大合集
  • 使用软件: Dreamweaver 点击: 2386
  • 选择: \ \
  • 发布时间:2018-05-05
  • 免责声明:火星网文章来源于作者原创或整理自互联网,仅为提供更多信息,不代表火星时代同意其观点或描述,版权归原作者所有,如需转载,请联系原作者并注明出处,如涉及作品内容、版权或其他问题,请及时与我们联系,我们将在第一时间予以更改或删除,感谢您的理解和包容!

       


随着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/

分享是一种态度 一句中肯的评价可能改变一个行业 一次用心的分享可能改变他人的一生
你的态度和观点将让我们的行业更强大

匿名用户

按Ctrl+Enter发送消息