2019年8月前端开发者工具大合集

前端开发者工具推荐

在过去的几年当中,PHP 的推进速度非常的快。在撰写本文的时候,PHP 7.4 刚刚进入第一个的 Beta 阶段。它在很多方面都有所改进,比如引入了新的语法,性能有所提升,并且弃用了一些不够好的功能。

接下来,我们将会更多地探讨 PHP 的功能以及围绕着它所存在的整个前端、开发的生态。这次的前端工具合集,也大多是围绕着它来选取的一些新的工具和代码片段、软件包以及相应的框架,比如 Laravel 和 Vue.js。

下面我们仔细看看,都有哪些工具。



Vue Material

Vue Material

1.jpg

是一个符合 Google Material Design 设计规范以及 Vue.js 框架原则的的封装器。从这个角度上来说,Vue Material 当中包含了 Material Design 组件,比如Card、Button、Datepicker、Dialog、Drawer 和 Forms 等。Vue Material 一次满足你两个愿望:符合 Material Design 的设计原则,又借助 Vue.js 来实现效果。



Google Autocomplete

2.jpg

其实看这个工具名字,已经非常能够说明问题了。这是一个 Vue.js 组件,使用 Google 的自动填充的 API 来实现功能。这组组件添加了附加的自定义元素,非常简单。



Vue Instant

3.jpg

这个 Vue.js 组件让你可以使用自动推荐和建议的关键词来填充表单。那么你可以将此组件和任何可以提供自动建议和自动输入的 API 来协同,而不止是是 Google 的。比如,你可以将这个组件和 TheMovieDB API 结合到一起,自动生成电影名称的建议词条。



Inkline

4.jpg

Inkline可能是我见过的最有趣的 Vue.js 框架之一。Inkline 是一个 UI 框架,能够在网页环境下生成一组常见的 UI 组件,无论是按钮、表单还是导航。这使得我们可以快速创建可以运行的原型,由于所有的组件都基于 Vue.js 框架来构建,因此我们可以通过 Vue.js API 来扩展和自定义。



Vue Filepond

5.jpg

Vue Filepond 是一个非常实用的 Vue.js 组件,它可以生成一套带有顺滑上传体验的界面。界面中会涉及到需要上传的文件、目录、本地 URL、远程 URL 和数据 URL等。除此之外,它还具有内置的图片优化器,因此还可以更快地上传图片。

这款组件是使用名为 Filepond 的 JS 库构建,因此你还可以添加许多其他的插件进来,比如说图片编辑器、文件检验器和多媒体预览组件等等。



Vue Hotel Datepicker

6.jpg

这是一个为 Vue.js 所定制的日期选择器。就如同它名字所标识的,这个日期选择器有非常具体的使用场景,它就是为酒店预订而设计的。选择你需要住的夜数,它会自动帮你计算预订的日期,并且它还可以自定义预订和退房的规则,支持本地化的深度定制和自动适配。



VueDS

7.jpg

VueDS 是一款使用 Vue.js 框架来定制 UI 设计系统的工具,这款工具提供了一套精心组织的工具、设计模式和实践案例。你可以将它引入到团队的核心设计组件中,作为参考,或者作为辅助素材。这套设计系统当中包含有颜色、尺寸、组件等不同的组成部分。



Vue Carousel 3D

8.jpg

在 Vue Carousel 3D 的帮助下,你可以生成带有 3D 效果的轮播图,就像在 macOS 中的 Cover Flow 一样,非常容易实现,相应迅速,并且支持滑动手势。你想添加一个与众不同的轮播效果么?这个组件可能就是你想要的。



Vue Poll

9.jpg

Vue Poll 是一个基于 Vue.js 的投票组件。它的灵感来源于 Twitter 中的投票功能,现在你也可以在你的网站中轻松地添加一个。



PHP 7.4

10.jpg

正如同开头所提到的,PHP 7.4 即将发布,它目前仍然处于公开测试阶段,这篇文章涵盖了绝大多数新的 PHP 7.4 中所包含的新功能和特性。



Twine

11.jpg

Twine 是一个用于在 PHP 中转换字符串(纯文本)的库。它可以轻松地将纯文本转化为大小写敏感的内容,比如 camelCase 和 snake_case , 让编码符合 base64 或者 HEX 等。



Laravel Persistent Config

13.jpg

这是给 Laravel 所提供的一套持续的扩展,有了这个,你就可以轻松地在 Laravel 的 APP 中设置或者读取配置,也可以将配置存储在 PHP 数据库文档中。



PHPUnit Speedtrap

14.jpg

这是一个用来评估性能的 PHPUnit 拓展。当它检测到慢速测试的时候,会显示有哪些文件的运行缓慢,以及它们运行了多长时间。



Composer Semver

15.jpg

Semver 是 Composer 核心拓展的一部分,也可以在 PHP 应用中单独使用。这款扩展适用于 Semver 规范,扩展所提供的方法让你可以根据 Semver 规范轻松地进行版本验证和版本对比。



Laravel Love

16.jpg

这是一个基于 Laravel 的拓展,功能类似于 Facebook 中的 Reaction 或者是 Twitter 中的点赞功能。这款拓展提供了相关的函数、设计系统以及相应的 API,让你可以更加便捷地在 Laravel 中实现。



Laravel Visits

17.jpg

Laravel Visits 是一个用来计算程序访问次数的拓展。这款拓展由 Redis 提供支持和访问记录。它还提供了访问这些记录的功能和方法,比如检索最多访问、最多访问国家、特定时间段的访问,等等。



Eventy

18.jpg

Eventy 也是一款 Laravel 拓展,提供了类似 WordPress 中的 Action 和 Filter 的接口。如果你是从 WordPress 迁移过来,那么这个拓展让你可以更快适应 Laravel。



Laravel GeoIP

19.jpg

这也是一个Laravel 拓展程序,你可以借助它来检索用户站点所处的地理位置。这些反馈出来的信息包括用户 IP、货币、国家/地区等等。你可以将这款拓展设置成为获取各种个数据的一个介质,比如可以获取 IP-API.com 以及 Maxmind 数据库或者其他 API 的一个工具。



PHPUnit Pretty Result

20.jpg

这也是一个 PHPUnit 的拓展应用,它可以生成更加漂亮好看的报告信息,可以进行单独配置。比如你可以借助它将成功或者失败之后推送信息中的图标换掉,也可以与 macOS 中名为 AnyBar 的应用集成到一起,修改 macOS 菜单栏中的小图标,更换颜色,等等等等。



Exa

21.jpg

Exa CLI 能够强化目录列表,使用 Exa 可以在列出文件和目录的同时,包含更加全面的信息,比如文件的修改日期,权限和 Git 状态等等。最重要的是,它还可以显示出子目录下的内容。





作者: Thoriq Firdaus

原文链接:https://www.hongkiat.com/blog/designers-developers-monthly-07-2019/

翻译:陈子木

每天更新,
全站高品质素材免费下载!