标签：CSS效果

SVG 元素的 viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素。它包含4个参数的列表 min-x, min-y, width 和 height，以空格或者逗号分隔开。

随着 Web 应用的成长越来越快，而且复杂度越来越高，增加了一些新特性：audio 或 video 的操作；使用 WebSocket 收发未经过加工的二进制数据等等，因此通过 JavaScript 的 Typed Array 容易且快速的操作未经加工的二进制数据就变得很重要，可以在更深层次对数据做控制。

图片，是前端开发中经常接触的对象，也是重要的信息传递方式。如何更好、更灵活地展示图片，是前端开发需要重点考虑的。本文讨论了 picture 和 img 标签之间的区别，以及 picture 标签比 img 标签更好用的原因所在。

在过去，与大多数工程师一样，我认为前端代码的设计水平大多与工程师的能力有直接关系。但随着接手了几个多人协作的大型前端项目，我开始意识到，这种认知对短生命周期的小型项目可能适用，但对真正的大型项目，仅靠提升工程师质量有时并不能直接提升代码的质量。

说起自动化，无论是公司项目还是个人项目，都会用到或者编写一些工具来帮助我们去处理琐碎重复的工作，以节约时间、提升效率。随着前端工程化越来越明显，做前端开发会涉及诸如构建、部署、单元测试等这些开发工作流中重复的事项，本篇文章将介绍如何利用 GitHub 官方提供的 Actions 来完成前端的自动化发布。