熊猫周刊-2022/02/18

《熊猫周刊》是一个专注于前端领域的技术周刊，我们为您收集了最新的前端技术文章和行业资讯内容，欢迎您的阅读。
如果您有好的内容，我们诚挚的欢迎您的投稿。
如果觉得内容对您有价值，麻烦点个赞和关注鼓励下我们哦！感谢您的支持~

【技术研究】

1、深入理解 Vite 核心原理

本文通过阅读部分源码的方式讲解了 Vite 中的 Dev Server，HMR 热更新，基于 esbuild 的依赖预编译优化以及基于 Rollup 的插件体系。

原文地址

2、浏览器的 5 种 Observer

本文系统性的讲解了浏览器提供的 5 种 Observer ：MutationObserver、IntersectionObserver、PerformanceObserver、ResizeObserver、ReportingObserver。

原文地址

3、图形渲染入门窥径

本文从前端视角出发，对图形渲染方面的入门知识做了一些科普，并实际动手完成在浏览器当中渲染一个简单的 3D 模型。

原文地址

4、一种开发 Chrome 扩展程序的新姿势

本文首先会展示一个实际开发 Chrome 扩展程序的例子，从而让读者体会到当前开发时存在的问题，并基于此提出解决方案： 一个帮助 Chrome 插件开发而生的框架 browser-extension-kit。

原文地址

5、有趣且实用的 CSS 小技巧

本文分享一些有趣且实用的 CSS 小技巧，包括打字机效果、图片阴影、自定义滚动条、渐变边框等等。

原文地址

6、在 CSS 中隐藏元素的 10 种方法

在 CSS 中很多隐藏元素的方法，但这些方法的可访问性、布局、动画、性能和事件处理的方式有所不同。

本文列举了 10 种方法来隐藏元素，来看看有没有你不知道的呢？

原文地址

7、工程设计论——如何写好工程代码

本文从抽象的工程设计论角度阐述了如何写好一份代码，进而阐述了设计模式和设计原则的底层原理。

原文地址

【行业资讯】

1、2022年之WEB开发新基准

本文来自 LINE 一位前端工程师，作者通过分析许多不同维度的数据来剖析2021 年 web 开发中的一些变化，以及我们作为web开发者如何适应它们。

包括以下部分：

• IE 灭亡以后我们真的就高枕无忧了吗？
• 4G、5G 的到来我们是否真的不需要考虑加载性能了？
• HTML、CSS 的内容我们到底使用了多少？
• JS 框架对我们页面带来了什么后果？
• 有多少人真的在乎页面可访问性？

非常好的一篇文章，推荐大家阅读。

原文地址

译文地址

2、W3C荣获2021技术及工程艾美奖

2022年1月26日，美国艺术与科学院公布 2021 年度技术及工程艾美奖名单。

W3C Web 字体工作组，与 MPEG 一起，为 Web 和电视上自定义可下载字体和版式的字体技术进行标准化而荣获该奖项。

原文地址

3、Vite v2.8.0 正式发布

2022 年 2 月 9 日，Vite 正式发布 v2.8.0 版本，Vite 2.8.0 的发布大小几乎是2.7.0发布大小的 1/4，安装大小减少了 35%。

原文地址

4、Midway & 一体化 3.0

在 2022.01.20 这天，Midway 3.0 正式发布了。

原文地址

5、GPS 原理解释

这篇长文解释了 GPS 的数学原理：卫星为什么可以用来定位？使用了大量的动画图片进行说明，非常硬核的科普文。

原文地址