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

       


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


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


Kutt



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


WordHat



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


WP Browser



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


Node WP Internationalization



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


Thanks



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


Create Guten Block



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


WP Vue



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


Stimulus



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


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


Manta



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


React Static



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


Piklist



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


Strapi



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


ParcelJS



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


GoodShare



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


CopyChar



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


Nerv



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


HyperappJS



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


VulcanJS



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


Koa11y



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


TablePlus



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


(本文转载于:优设网,译者:@陈子木,译文地址:http://www.uisdc.com/developers-monthly-03-2018)

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

匿名用户

按Ctrl+Enter发送消息