分类：网络技术 - 6 篇文章

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

和一维码相比，二维码的信息承载量更大，能表达的信息更加多样化。比如，同样是识别商品，一维码只能展示出商品的名称、价格、产地等少量基础信息，二维码则可以展示出更详尽的信息，甚至扫码后还能获得图片、视频、音频等不同类型的信息。

随着前端的发展，特别是 React、Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已是前端的主体资源，对于压缩它的体积至为重要。

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

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

Linux 链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link，也称为软链接）。本文将详细讲解硬链接和软链接的概念以及用法。

JavaScript 中的函数非常灵活，其根本原因在于 JavaScript 中的函数就是一种特殊的对象。在 JavaScript 中，你可以将一个函数赋值给一个变量，还可以将函数作为一个参数传递给另外一个函数，甚至可以使得一个函数返回另外一个函数，这在一些主流语言中都很难实现。

本文将为你介绍打印 HTML 页面时用到的相关 CSS 知识和一些重要属性，如 page-break-before、page-break-after、page-break-inside 以及 @page 指令。这些属性可放心使用，它们均得到现代浏览器的支持。

本文详细介绍了 HTTP API 的设计规范，涵盖了请求方法、URL 规则、方法命名规范、请求和响应规范、HTTP 状态码以及错误处理规范等各个方面的内容。此规范已经在本人多个线上项目中使用。

系统设计与架构，与系统的业务类型关联很大，比如，传统的业务系统主要关注的是领域建模设计，高并发、高可用、数据一致性等系统，在设计的时候会与业务系统有较大的差别，所以这里针对不同类型的系统，来简单介绍一下设计的时候面临的一些难点与解决方案。