重要注意事项：文章中蓝色字体均为链接，但由于微信不支持外部链接（注意是外部链接），如果想查看本文的链接版本，请点击文末文章阅读原文。

前端周榜聚焦大前端领域内容，重点收集外文资料，帮助开发者了解本周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰生活等栏目。欢迎关注【前端置顶】微信公众号（ID：），及时获取前端周榜。

新闻热点

国内外，最新前端新闻

4.1：4.1 是自今年 1 月发布 4.0 版以来的第一个小更新。该文档的最新版本将托管在新地址。它还修复了一些错误。详情请点击原文链接。

4月补丁发布：4月初，发布了安全公告。最新的安全补丁将修复60多个漏洞。公告还提到，本次修复的最严重的漏洞来自框架，该漏洞允许远程攻击者使用特制文件。在特权进程中执行任意代码。

Peek：是一个在线IDE，可以帮助您了解更多信息，就像瑞士军刀一样，可供使用它的开发人员随时使用。

百度“小程序”上线：近日，我们发现百度在其手机客户端推出了小程序应用。目前，上线的只有一款“优信二手车”应用程序。用户可以在个人常用服务栏输入或扫描二维码。直接跳转，百度小程序还将支持将小程序添加到桌面，支持微博、微信和即时通讯软件百度Hi的链接。

开发教程

循序渐进，掌握基本功

5分钟教你学会：简单易用的CSS框架。虽然很多开发者喜欢使用它，但笔者认为这样的设计更好，也更轻量级。在本文中，作者提供了一些步骤来帮助您快速入门。

图片视频延迟加载详解：这篇文章详细讲解了什么是延迟加载以及为什么会出现延迟加载？并给出了一系列的解决方案。

如何在1小时内开发一个PWA应用程序：PWA是2016年提出的渐进式Web应用程序。它可以让您在使用Web时拥有原生应用程序体验。在本教程中，作者演示了他如何使用 HTML 等创建一个可以在线和离线使用的 PWA 应用程序。

：CSS ：这是一个伟大的项目，本着可扩展Web宣言（Web）的精神，让开发者可以直接访问浏览器的CSS引擎，从而使开发者能够定制自己的CSS功能。从而可以在浏览器的本地渲染管道中高效运行。要了解更多信息，请阅读原文。

工程实践

立足实践，提升实际水平

CDN 中的缓存：乍一看，它与 REST 或其他 HTTP API 技术不同，因此在将其添加到现有设备时必须注意所有基础设施，但本文作者仅使用只需几个简单的步骤，您就可以将其与现有的 CDN 服务（例如 、 或 ）一起使用。

介绍三个即将推出的新功能：本文介绍了即将推出的新功能。作者用例子展示了可选链调用的变化( ), , 。

深读

深入思考，升华发展智慧

Web 的逆向工程：该项目提供了 Web API 的完整文档和实现，并且可以通过此自定义客户端在 Web 内部使用，就像该项目一样。

深入理解：是ES6中的新函数。作者使用在线库来解释它是什么以及如何使用它。

开源项目