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

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

重要的事情要特意提醒：文中标蓝的字体都是带链接的，但由于微信不支持外链（注意是外链），所以要想查看本文带链接版请点击文末阅读原文。

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（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 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。

 活动推荐

PWA、Web 框架、UI 与动画、Node... 大前端的下一站在哪里？前端工程师的价值和成长路径是什么？GMTC2018 上，来自 Google、Facebook、BAT 等 60+ 国内外一线前端大牛，将与你面对面探讨大前端领域最新技术趋势和实践，想要升职加薪就快来吧！扫描下方二维码了解更多大会详情！

目前大会 8 折热销中，团购更优惠，购票咨询：18514549229（同微信）