标签：SVG

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

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

WebSocket 协议是一种全双工通信协议，即服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。适用于聊天室、客服系统、消息通知等常见的场景。

本文详细介绍了如何使用 Javascript 来提取颜色盘中的颜色，类似于 Android Palette Library，它是一个从 Bitmap 中提取图像的主题颜色的工具库。本文用 JS 实现了该工具库同样的功能。

本文介绍了 10 个十分有用的 Web API，分别是：

1. Web Audio API
2. Fullscreen API
3. Web Speech API
4. Bluetooth API
5. Channel Messaging API
6. Vibration API
7. Broadcast Channel API
8. Payment Request API
9. Resize Observer API
10. Pointer Lock API

目前，部分 API 还存在兼容性的问题，但是，作为一名合格的前端开发人员，还是有必要了解一下这些 Web API。