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

看新闻很累？看技术新闻更累？试试下载 InfoQ 手机客户端，每天上下班路上听新闻，有趣还有料！

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

新闻热点

国内国外，前端最新动态

• Bootstrap 4.1 :Bootstrap 4.1 是今年 1 月发布 v 4.0 以来，Bootstrap 的第一次小更新，最新版本的文档将托管在新的地址上，同时它也对一些 Bug 进行了修复，详情可点击原文链接了解。
• Google 发布 4 月份的 Android 补丁：4 月初，Google 发布 Android 安全公告，最新的 Android 安全补丁将修复 60 多处漏洞，公告也提及，本次修复的最为严重的漏洞来自 Media 框架，该漏洞能够让远程攻击者使用特制文件在具备权限的进程中执行任意代码。
• WebAssembly Studio 先睹为快：WebAssembly Studio 是一个在线的 IDE，可帮助你深入了解 WebAssembly，它就像是一把瑞士军刀，在任何时候，都可被那些使用 WebAssembly 的开发者派上用场。
• 百度“小程序”上线：近日，我们发现百度在其手机客户端上线了小程序应用，目前只上线了一款“优信二手车”应用，用户可在个人常用服务栏进入或扫描二维码直接跳转，百度小程序还将支持小程序添加到桌面，支持链接至微博、微信和即使通讯软件百度 Hi。

开发教程

步步为营，掌握基础技能

• 5 分钟教你学会 Bulma ：Bulma 是一个简单、易用的 CSS 框架，虽然很多开发人员喜欢用 Bootstrap，但是作者认为 Bulma 的设计更好，而且更轻量。在本文中，作者给出了一些步骤让你快速上手 Bulma。
• 详解图片和视频延迟加载：本文详细介绍了什么是延迟加载，以及为什么会出现延迟加载？并给出了一系列解决方案。
• 如何在 1 小时内开发出 PWA 应用程序：PWA 是在 Google 在 2016 年提出的一种渐进式网页应用程序，它能让你在使用 Web 的时候有原生应用的体验，在本教程中，作者演示了他是如何将 HTML、JavaScript 等创建一个可在线、离线使用的 PWA 应用程序。
• Houdini：CSS 杀手级别的项目：Houdini 是一个伟大的项目，它本着可扩展 Web 宣言（Extensible Web Manifesto）的精神，让开发者直接可以访问浏览器的 CSS 引擎，这使得开发者能够自定义自己的 CSS 功能，以便能在浏览器的本地渲染管道中高效运行。了解更多请阅读原文。

工程实践

立足实践，提示实际水平

• 在 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 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。