标签：领域设计

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

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为 RFC 6455，后由 RFC 7936 补充规范。本文详细介绍了 WebSocket 协议的核心要点及相关 API。

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

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

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