2019年9月前端开发者实用干货大合集

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

最新的一期前端开发者干货合集来了！在这个栏目当中，我们主要是给前端开发者提供各种实用有效的工具，其中不少工具也是设计师在设计过程中可以用得上的！

SVG Role Image

这是一个关于如何使用 svg 元素的说明和提示文档。SVG 格式的文档比起传统的图片有着更高的灵活度，而svg 元素之内还可以包含的更为丰富的可控的属性和标签，比如 path、g 和 circle 等。

What is TTFB?

你有没有碰到过这样的情况，就是你已经按照网上所有的建议针对你的网站进行了优化，但是在打开网站的时候依然非常的缓慢？这种问题很有可能出在 TTFB 上，也就是所谓的能否检测到「Time to First Byte」。CSS Wizardry 的这篇文章将会会为你详细解释如何针对 TTFB 进行优化。

Custom Accessible Radio Input

优秀的可访问性设计让网站更容易被访问，尤其是针对有行动障碍的用户而言。Lindsey 的这篇文章将会教你如何设计无障碍的输入。你将会发现，创建可访问性较强的优质UI并不会看起来很傻。

Simple Entity Decode

这是一个小型的 JavaScript 库，它将会帮你将 HTML 表单中意义不明的字符转化「翻译」成人类可读的样式，包括 &  和 & 这样的字符。

Gatsby Theme Authoring

创建静态网站又重新成为了当下的潮流，因为静态网站访问起来更快。Gatsby 是诸多正在流行的静态网站构建工具之一，同时 Egghead 还提供了视频教你如何创建主题，它是完全免费的。

Postwoman

Postwoman 是一个基于web的工具，用来撰写 API 请求。你可以设置请求的方式，URL、路径、参数、身份验证等，它是一个非常便捷的工具。

Nushell

这是用 Rust 所创建的一款 Shell 工具。它使用了一些增强的 Shell 命令，比如 ls命令。当你在 Nushell 中使用 ls 命令的时候，能够呈现出丰富的数据样式，就像上图。

What is ES2019

JavaScript 在过去几年间有过非常巨大的改进，ES6 和 ES2015 似乎昨天还在使用，而今天就已经开始使用 ES2019 了。而这个来自 JSConf EU 的视频将会向你展示如何根据 ES2019 的规范，来使用 JavaScript 来实现功能。

Dockerlabs

Dockerlabs 是一个教你使用 Docker 和 Kubernetes 的系列教程合集，它提供的教程主要是文本教程，并且你可以直接在浏览器中测试。你无需在计算机上安装任何东西就可以直接体验 Docker，比如 Docker Engine、Docker Compose 和 Docker Machine。

Kanboard

Kanboard 是一个基于 PHP 的看板管理工具。使用看板来管理任务和项目是一种流行的方式，Trello 就是其中的典型。如果你是喜欢对应用进行深入细致的掌控，那么使用 Kanboard 可能是一个不错的选择，因为你可以将它安置在服务器当中。

Tech Interview Handbook

如果你想要准备面试一个技术类的职位，那么这份包含有各种实例、提示和备忘录的小手册能够帮到你，其中的各种内容能够帮你更好地备战。

Vuestic Admin

在 Vue.js 上构建仪表盘，你可以使用这套模板。它自带丰富的 UI 组件，涵盖了各种类型的表单和视觉元素。

Git Training Kit

这是一个教你深入掌握 Git 的参考文档，对于想要学习 Git 的人，有非常有效的参考，无论你刚刚入门还是有过一定的经验，这份 Git Training Kit 都能帮到你。

Nginx Admin Handbook

想要充分利用 Nginx ，这份指南文档能够帮你。你能够在其中找到绝大多数的关于 Nginx 的主题，包括安全性控制、调试以及各种核心的基础知识。

XtermJS

XtermJS 是一个可以在在网页中运行的终端工具界面。

Pure Bash Bible

想要掌握 Bash，这份涵盖了各种提示、代码范例、最佳实践的学习素材包，能够帮到你。

Polka

Polka 是一个使用 Node 构建的简单的 HTTP 服务器，它支持路由、中间件和子应用，它是 Express.js 的绝佳替代品，甚至执行速度比前者快了 30% 到 50%。

Design Patterns PHP

我们常说的「设计模式」其实是解决常见设计问题的解决方案，而这份设计文档是学习PHP 设计模式的最为完整的参考资料之一。

Code Samples

这是微软所提供的一份代码范例合理，这份合集涵盖的内容非常广泛，从 C语言到 PHP都有。

iViewUI

基于 Vue.js 框架的 UI 组件合集。和很多典型的框架一样，iView 配备了丰富的 UI 组件，从按钮到轮播图，各种组件全都有。