2019年6月网页计划师前端干货大合集

编者按：好久没有更新给网页计划师和前端开拓者所筹备的干货素材了，这是来自 Hongkiat 网站的每月(着实是不按期)新素材合集，首要是一些代码片断、代码库以及前端开拓器材。下面是正文。

又到了给前端开拓的同窗分享新素材的时辰了。这个月的合集傍边，我们搜集了针对多种差异的开拓说话的相干的前端开拓器材，可是，个中最重要的照旧几个可以或许辅佐开拓者更好更快编写代码的器材。

举个例子，我们找到了一个可以或许评估代码质量的 PHP 库，一个可以自动重构代码的 PHP 库(是不是超等赞!)，以及行使 JavaScript 库执行端到端测试的简朴要领。多的不说了，咱们来看都有哪些新货吧!

栅格器材 CSS Grid Generator

这是一个由 Sarah Drasner 所建设的新器材，它可以或许让建设 CSS 网格越发直观。它可以辅佐你在建设伟大机关的时辰(好比建设重叠的网格地区)的时辰节减更多时刻。这款器材可以或许自动天生响应的代码，复制粘贴到你本身的网站即可。

谷歌深入解读当代赏识器道理(英文)

大概你做前端的时刻并不短了，可是你真的完全相识当代赏识器的事变道理么?这是来自 Google 的系列文档，帮你全面理会当代赏识器的事变道理，带你一窥当代赏识器是怎样操作 CPU、GPU 和内存等硬件，帮你实现各类百般的成果。这个系列的文档的拆解，会有助于编写机能更高的代码。个中的插图来自 Mariko Kosaka，相等的Q萌可爱，让人易于领略。

3D引擎 Zdog

Zdog 是一个 JavaScript 库，也是一个对付计划师极为友爱的伪3D引擎，让你可以通过 HTML Canvas 绘制传神而视觉结果极为突出的 3D 动画结果。这个 JavaScript 库的建设者是 Matafizzy，他曾由于建造 Isotope、Flickity 和 Packery 等 JavaScript 库而着名，假如你对付他的作品感乐趣，可以多存眷一下。

仪表盘机关天生器材 UIBot App

UIBot 是一款专弟子成仪表盘界面的器材，你只必要简朴的点击顶部的按钮，就能自动生玉成新的机关和配色!你乃至不必要像在其他的器材傍边从零开始托拽就能天生气关。不外响应的，你最终也许依然不会行使它的机关样式，可是这并不影响你参考它所天生的机关样式对差池?

可会见性检测插件 Accesibility Insights

这是一个可以帮你测试苹果网站的可会见性的插件，它会帮你找到网站中所存在的可会见性的题目，而且提供办理题目的相干指南，这款插件有针对 Chrome 赏识器和微软 Edge 赏识器的版本。

测试库 NightwatchJS

这是一个能简化端到端测试的 JavaScript 库。NightwatchJS 可以或许操作尺度的 W3C WebDriver API 毗连赏识器，并与之交互，并执行测试。它支持浩瀚驱动措施，包罗 WebDriver 处事、GeckoDriver，并可以在火狐赏识器、ChromeDriver 和 SafariDriver 长举办测试。

机关器材 Playroom

Playroom 是一款奇异的器材。简朴地说，它是一个相同机关计划体系和组件库的小器材，可是它还能提供预览，而且模仿各类差异窗口巨细的组件。它的便捷性还表此刻表现机关元素的粒度变革上。

CSS库 Pylon

PylonCSS 是一款差异于其他 CSS 库的器材，它提供自界说的组件，而不是纯真提供一组类。这让你可以以相同 iOS 的方法，越发具有示意力地包装和实现网站结果。举个例子，我们可以行使 来建设一个程度的元素仓库，可能行使来建设垂直仓库。

UI组件合集 Vant

Vant 是一组基于 Vue.js 的构建的移动端UI组件合集，整个合集包括高出 55 款差异的组件，而且数目还在不绝的迭代增进中。它支持 TypeScript，SSR(处事器端渲染)和 i18n，这意味着你可以将组件中的内容直接翻译为当地说话。

自动化器材 Robo

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!