2018年4月13日_Web设计人员和开发人员的新鲜资源（2018年4月）

最新推荐文章于 2026-06-29 16:52:08 发布

翻译最新推荐文章于 2026-06-29 16:52:08 发布 · 130 阅读

本月科技界亮点纷呈，苹果开源FoundationDB数据库，谷歌推出网站速度测量工具，Github提供免费Git课程。VuePress，由Vue创建者打造，为开发者提供静态网站生成解决方案。此外，介绍了多个新兴工具，如优化图片加载的img-2库，轻量级日期时间处理库DayJS，以及支持多种压缩格式的UnifiedArchive等。

本月，我们看到了一些知名科技公司的公告。例如，苹果公司开源了一个新的数据库系统，谷歌发布了一个新的工具来衡量您在移动设备上的网站速度，而Github则提供了免费课程，使您开始使用Git，Github和一般的编码。

另外，在今天的帖子中，我还将介绍许多正在兴起的新工具 。让我们跳到清单上的更多内容。

VuePress是Vue的创建者提供的一种新工具，它是一个静态网站生成器，设计时考虑了Vue.js。它为每个页面生成并预呈现静态HTML，并作为SPA（单页面应用程序）运行 。它具有一些现成的功能，包括添加Google Analytics（分析）ID，搜索，下一个和上一个导航，侧边栏和PWA的功能。

一个引入自定义元素img-2 JavaScript库。新元素添加了标准img元素未提供的许多优化功能， 从而改善了为用户加载图像的方式 。使用custom元素，图像将被预先缓存，它也将延迟加载图像，并且仅在图像进入用户的视口时才从缓存中投放。查看演示。

基于Bootstrap 4的精美仪表板/管理面板。仪表板具有预制组件，例如图表，表单，画廊，定价表和大量自定义图标 。让开发人员快速构建管理面板的一个很好的起点。查看演示！

DayJS JavaScript库用于格式化日期和时间 。更重要的是，DayJS具有与Moment.js类似的API，但其重量仅为2Kb。鉴于此，如果您想要一个更轻便的库但仍对已经知道的内容熟悉，它可能是Moment.js的绝佳替代品 。

一个用于处理压缩文件PHP库，UnifiedArchive支持多种格式，包括RAR，Zip，Gzip，Tar和许多其他压缩类型。使用此库，您可以存档和提取文件或目录。从存档中提取文件后，它提供了一些API来操作文件 。 UnifiedArchive作为Composer软件包提供。

Github刚刚宣布了一个免费课程，主要涵盖Github中的Git 。目前有5门课程，您可以学习一些便捷的知识，例如如何使用Github托管代码， 如何使用Github页面获取项目的免费站点或博客以及如何管理合并冲突。当您与一个项目的许多开发人员一起工作时，通常会发生这种情况。

一个用于在网络上平滑播放动画JavaScript库，“ Popmotion”提供了一个称为Physics的API，该API可让您创建逼真的动画效果。这是没有意见的；该库仅根据特定的配置集输出值 。这使您可以将这些输出应用于任何媒介的动画，包括CSS，SVG，Three.js甚至React.js。

伟大的归来之后，GIF无处不在。但是有关GIF的问题是通常很大。这是浪费带宽，但是图形质量通常很糟糕。 Google的此指南显示了“视频”如何替代GIF以显示动画图形 。

JavaScript库用于转换需要特殊格式（例如电话号码，货币或信用卡号） 的文本 。当用户输入文本时，文本将自动转换为适当的格式，从而改善用户体验。 TextMask 可以与React，Vue或只是普通的旧JavaScript一起使用 。

这是Google提供的另一个便捷工具。使用此工具，您可以检查从移动网站加载网站的速度，并在网站加载速度缓慢时估算总收入损失。您可以选择测试网站所依据的国家/地区和速度 。

与Vue.js和Vuex一起构建Web应用程序时，VueNut是开发的伴侣，它使浏览存储的数据状态变得更加容易，并允许您在开发过程中轻松地操作数据。很酷的东西！

最近，Apple在Github中将FoundationDB开源。这是一个键值对数据库系统 ，具有可扩展性和性能。大型科技公司开始致力于开源其某些产品是很酷的。

StoryBooks是一个用于隔离构建React组件的工具。它在浏览器上提供一个UI，使您可以查看每个组件的不同状态以及测试这些组件 。

浏览器扩展，它将您在浏览器上编写的内容同步到文本编辑器 ，反之亦然。如果您希望能够使用代码编辑器的便利性和功能在网站上进行编写，那么我发现这最终有用。 GhostText可用于Chrome，Firefox和Opera。

Coala是一个CLI，它提供了用于插入和修复代码的界面，而与所使用的语言无关 。您可以在代码编辑器中使用Coala，将其与CI（持续集成）集成，并使用.coafile的配置语法对其进行自定义。 Coala支持多种语言，例如CSS，JavaScript，PHP，您可以在此目录中找到更多语言。