前端每週清單：百度「小程序」上線，深刻了解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（同微信）