微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

Thoriq Firdaus – 多年来,我一直致力于寻找新的工具,新的素材,我亲眼目睹了各种工具的来来去去浮浮沉沉。根据经验,每周都会诞生几个相当不错的新工具,不过在过去的几周当中,我发觉到这种频率似乎有所减缓。我花费了比平常多一些的时间在Github 中发掘新的、免费的优秀的工具和代码。

在今天的文章当中,我列举出了一些最新的 JavaScript 框架,测试工具,以及用于开发 WordPress 网站的工具组合。

Kutt

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这款工具能够使用你的域名生成短域名,它建立在 Node.js、React 和 Redux 等顶级现代堆栈之上,并且内置了一些其他的功能,比如密码保护URL,RESTful API 和监控 URL 的统计功能等。这款工具是完全免费的,你可以将它托管在你自己的服务器上。

在这里我还是要推荐下我自己建的web前端开发学习群:617327703,群里都是学web前端开发的,如果你正在学习前端 ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有前端软件开发相关的),包括我自己整理的一份2018最新的前端进阶资料和高级开发教程,欢迎进阶中和进想深入前端的小伙伴。

WordHat

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

WordHat 是一个将 BeHat 整合到 WordPress 的工具。Behat 是一个用于 PHP 的开源行为驱动开发框架(BDD),让你能够通过更具有表现力的方式来测试你的PHP 应用程序。你会发现这个工具非常有用,因为你的Wordpress 主题和插件会因此拥有更加复杂的功能。

WP Browser

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

和 WordHat 类似,这是一个专门为 WordPress 应用、主题、和插件所准备的Codeception 插件。Codeception 是一种在你的应用之上执行测试的工具,类似于 PHPUnit 和 Behat,但是它更为强大。

Node WP Internationalization

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这个工具的名字其实就很能说明它的特色了,它是一个能自动化地为你的主题或者插件生成许多国际化内容的NodeJS模块。安装这一模块,并且输入 wpi18n makepot 就能在你的Wordpress 插件和主题中生成翻译好的文本。

Thanks

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这也是一个在 Github 上发现的 NodeJS模块。这个名为 Thanks 的工具能够帮助开源软件生成软件维护者的列表,并且链接到他们的 OpenCollective 页面或者捐赠页面,作为他们对于社区贡献的感谢的标志。

Create Guten Block

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个NPM模块,用来生成具有现代堆栈的 Gutenberg 块开发板,比如 React、Webpack、Babel 和 Sass。只需要输入命令行 create-guten-block 就能够完成设置。

WP Vue

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

WP Vue 是一个使用 Vue 来构建的模板,用来显示 WordPress 文章。如果你想让你的Wordpress 站点无头,那么这个模板是一个很好的起点。

Stimulus

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是来自 Basecamp 的一个全新的JS框架。和 React 和 Vue 不同,它并不会强迫你使用JS来重写整个应用或者添加合成属性。

StimulusJS 可以和已知数据属性的HTML一起联动,它不需要复杂的配置,你可有简单地在网页添加脚本,就像使用jQuery 那样。

Manta

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个用来创建和管理发票的免费应用。你可以在其中添加说明,设置货币和折扣,添加客户和客户列表,添加LOGO,设计发票模板,并且使用PDF格式统一下载。它针对 macOS、Windows 和 Linux 三大操作系统都有对应的版本。

React Static

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

顾名思义,这个名为 React Static 的工业能够让你使用 React 生成静态的网站。它捆绑了一堆预先配置好的工具,因此你有了它可以直接开始制作内容了。

Piklist

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

Piklist 是一个 WordPress 开发工具,你可以借助它使用较少的 WordPress 代码构建复杂的网站。

Strapi

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个用来构建内容API 的 CMS 框架,它允许你自己设计自己的内容结构和API,并且提供一个漂亮的控制面板来管理他们。不过Strapi 并没有内置的模板系统,你可以选择自己喜欢的任何前端库,比如 React 和 Vue。

ParcelJS

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

ParcelJS 是一个和 Webpack 和 Browserify 非常相似的打包程序,除了速度更快并且无需配置之外。它支持 HTML、JS、CSS 和 PostCSS 以及 Babel等。它让你更加专注于代码本身,而不是在配置上浪费时间。

GoodShare

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个用来显示社交媒体按钮并且可以进行计数的JS库。它支持许多不同的社交媒体,甚至包括你很少听说的Vkontakte、Odnoklassniki、SurfingBird,而主流的 Skype、WhatsApp和 Line 等都在它的支持范围内。

CopyChar

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这个网站允许你查找和复制各种各样的特殊字符到剪贴板。字母,标点,数学符号,甚至表情,不一而足。

Nerv

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

Neri 是另外一个反应型 VertualDOM库,它是 ReactJS 的替代品。

HyperappJS

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

HyperappJS 是一个值得研究的用来构建Web应用的JS库,它将状态管理和虚拟DOM引擎结合到了一起。

VulcanJS

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

Vulcan 是一系列用来构建现代 Web应用的工具合集,它与 React、GraphQL 和 Meteor 捆绑在一起。它是一个全栈框架,提供了一整套辅助性的程序组件,可以对前端和后端进行微调。

Koa11y

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个拥有 Windows、MacOS 和 Linux 三个平台版本的桌面端应用,用来检查网站上的可访问性问题的。Koa11y 会提供相应的通知和警告,来告知你网站是否违反了可访问性设计的标准。

TablePlus

微博 Qzone 微信 2018年3月前端开发者超实用干货大合集

这是一个有着非常漂亮的GUI的数据库管理应用。TablePlus 支持多种数据库引擎,包括 MySQL、SQLite、Redis、Postgres、MS SQL 等等。TablePlus 还有 Windows 和 macOS的版本。