分类：软件工程 - 11 篇文章

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

当地时间6月24日，Windows 10 推出超过 6 年后，微软正式发布 Windows 11 系统，新系统的早期预览版将于下周面向应用开发者发布。微软首席执行官萨提亚·纳德拉（Satya Nadella）表示：“今天标志着 Windows 历史上的一个重要里程碑，这是新一代的开始。”

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

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

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

本文简单介绍了 YAML 文本格式的基本构成、含义和使用方法，并提供了相应的示例加深理解。本文没有生涩难懂的内容，仅需 3 分钟便可快速了解 YAML。

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

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

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

Promise 是 js 里面非常重要的一部分，搞懂了 Promise 才能更好的去理解 async, await 和 generator。但是往往很多时候就是不理解 Promise 的机制，所以这次通过一步步实现一个 Promise 来加深自己的印象，提高自己的思维。