前端每周清单：百度“小程序”上线，深入了解JavaScript的Proxies

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

Google 发布 4 月份的 Android 补丁：4 月初，Google 发布 Android 安全公告，最新的 Android 安全补丁将修复 60 多处漏洞，公告也提及，本次修复的最为严重的漏洞来自 Media 框架，该漏洞能够让远程攻击者使用特制文件在具备权限的进程中执行任意代码。

WebAssembly Studio 先睹为快：WebAssembly Studio 是一个在线的 IDE，可帮助你深入了解 WebAssembly，它就像是一把瑞士军刀，在任何时候，都可被那些使用 WebAssembly 的开发者派上用场。

开发教程

步步为营，掌握基础技能

5 分钟教你学会 Bulma：Bulma 是一个简单、易用的 CSS 框架，虽然很多开发人员喜欢用 Bootstrap，但是作者认为 Bulma 的设计更好，而且更轻量。在本文中，作者给出了一些步骤让你快速上手 Bulma。

详解图片和视频延迟加载：本文详细介绍了什么是延迟加载，以及为什么会出现延迟加载？并给出了一系列解决方案。

如何在 1 小时内开发出 PWA 应用程序：PWA 是在 Google 在 2016 年提出的一种渐进式网页应用程序，它能让你在使用 Web 的时候有原生应用的体验，在本教程中，作者演示了他是如何将 HTML、JavaScript 等创建一个可在线、离线使用的 PWA 应用程序。

工程实践

立足实践，提示实际水平

在 CDN 里缓存 GraphQL：也许乍一看，GraphQL 与 REST 或其他的 HTTP API API 技术有所区别，以至于当你将 GraphQL 添加到现有设备中得注意所有的基础架构，但是本文的作者只用了几个简单的步骤，就可以将 GraphQL 与现有的 CDN 服务如 Fastly、CloudFlare 或 Akamai 一同使用。

介绍 JavaScript 即将推出的三种新功能：本文介绍了 JavaScript 即将发布的新功能，作者用实例展现了 JavaScript 在可选链式调用（Optional Chaining）、Nullish coalescing 、Pipeline operator 上的改变。

深度阅读

深度思考，升华开发智慧

WhatsApp Web 的逆向工程：该项目提供了 WhatsApp Web API 完整的文档以及实现方式，并可通过此自定义客户端，WhatsApp Web 内部使用了 WebSockets，这个项目也是如此。

深入了解 JavaScript 的 Proxies：JavaScript Proxies 是 ES6 中新增的功能，作者通过 on-change 库为大家解析什么是 Proxies，以及如何使用 Proxies。

开源项目

乐于分享，共推前端发展

structured-text-tools：structured-text-tools 是一个列表库，它列出了处理结构化文本数据的命令行工具，内容涉及 DSV、XML、HTML、JSON、YAML、TOML 等。

Tabler：Tabler 是一个 Bootstrap 4 上的 HTML Dashboard UI 工具包，有了它，你可以用最简单的方式管理和可视化不同类型的数据，而且 Tabler 支持所有的主流浏览器，包括最新的 Chrome、Firefox +，最新的 Safari、Opera、Internet Explorer 10+ 和移动浏览器。

developer-roadmap：2018 年 Web 开发路线图，该项目中展示了一组图表，为那些想成为前端、后端、devops 技术的开发者提供了学习指南。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。

活动推荐