摘要：異步剪貼板操作過去的數年中，各瀏覽器基本上都在使用來進行剪貼板交互。而提供了新的，則為我們提供了另一種異步式的剪貼板操作方式，本文即是對該機制與接口規范的詳細介紹。

作者：王下邀月熊 編輯：徐川

前端每周清單專注大前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。

國內國外，前端最新動態

Firefox 59.0 發布: 近日，Firefox 發布了從桌面端到移動端的各平臺更新版本；特別是對于桌面端的 Firefox，我們優化了頁面加載時間，增加了能夠編輯與裁剪 Firefox 截圖的工具，并且提升了 Firefox 首頁的站點排布體驗。值得一提的是，對應的 MAC 版本中引入了 Off-Main-Thread Painting (OMTP) 技術，從而提高圖形化渲染的效率；而在 Android 版本中則增加了對于 HLS 協議的支持。

Let"s Encrypt 宣布支持 ACME v2 與通配符證書: 近日 Let"s Encrypt 正式宣布支持 ACME v2 與通配符證書。ACME v2 是 ACME 協議的更新版本，接收了來自 IETF 標準以及行業組織的建議；而通配符協議則允許用戶使用單一證書對于所有的子域名開啟 HTTPS 功能，其大大簡化了證書管理的復雜度，推進了 Web HTTPS 化的進程。同時，Let"s Encrypt 獲得了 IdenTrust 交叉簽名，這意味著只需要在服務器的證書鏈中配置好交叉簽名，各瀏覽器客戶端會自動處理其他任務。

2018 Stack Overflow 開發者調查報告: 今年，超過十萬名開發者參與到了調查之中，為我們提供了充足的數據源。今年的報告中，值得注意的點包括：DevOps 與機器學習已然成為了現今軟件行業最重要的趨勢，開發者們大都樂觀于人工智能帶來的變革與可能性，而不同意其潛在的威脅。去年 Python 的流行程度已經超過了 C#，成為了增長最快的語言，就像前些年它超越 PHP 那樣；另外值得一提的是，Rust 成為了去年最受歡迎的語言，Kotlin 緊隨其后。

步步為營，掌握基礎技能

MobX 4: 更好，更小，更快:近日 MobX 發布了 4.0 大版本更新，本文則是對于該版本的那些引人入勝的特性進行介紹。這些特性包括了：不使用裝飾器語法的裝飾器，Observable 對象的動態擴展，內置的用于簡化異步流程的 await when 以及 flow 函數，用于自動化進行數據抓取的 onBecome(Un)Observed，生產環境構建優化等。更多相關內容參考 現代 Web 開發--架構優化篇。

異步剪貼板操作: 過去的數年中，各瀏覽器基本上都在使用 document.execCommand 來進行剪貼板交互。這種方式雖然提供了簡單而且廣泛接受的復制與粘貼操作，但是也帶來了一定的缺陷：只能同步訪問剪貼板，并且只能直接讀寫 DOM 元素。而 Chrome 66 提供了新的 Clipboard API，則為我們提供了另一種異步式的剪貼板操作方式，本文即是對該機制與接口規范的詳細介紹。更多相關內容參考 現代 Web 開發--基礎篇

不同方案的 APK 尺寸對比: 現在已經有了很多種不同的開發應用的方式，從傳統的原生開發到花式跨平臺解決方案；或許很多人會好奇不同開發方案對于最終包體的大小影響幾何，本文即是嘗試用不同的方式實現相同功能的應用，并且比較他們的大小。文中給出的對比數據如下：Java 約 539KB，Kotlin 約 550KB，React Native 約 7MB，Flutter 約 7.5MB；更多相關內容參考 大前端的工程實踐--Android 篇。

立足實踐，提示實際水平

使用 GraphQL 替代 Redux: GraphQL 是著名的服務端查詢語言，Redux 則是客戶端狀態管理框架，二者貌似風馬牛不相及，本文卻討論如何使用 GraphQL 替代 Redux 在項目中的角色。實際上，大部分狀態管理相關代碼都是用來合并與操作多個 REST 端口的代碼，或者通過 sagas, middleware, thunks 等方式來順序獲取數據，這些也正是 GraphQL 閃耀的地方，本文即是討論了這種可能性；更多相關內容參考微服務架構與實踐--Node.js 篇。

整合自 Twitter 的 iOS Hacks: 本系列文章著眼于定期整理分享來自 Twitter 的 iOS 開發調試技巧、Xcode 性能優化技巧以及 Swift 最佳實踐等內容；本周提供了譬如如何提升 Xcode 編譯性能，如何提高代碼的可讀性與可維護性等內容。更多相關內容參考大前端的實踐--iOS 篇。

加載第三方 JavaScript 代碼: Addy Osmani 近日編寫了一篇關于 JavaScript 中加載第三方庫的文章，討論了如何正確的使用第三方庫。第三方庫為我們提供了可被集成的靈活功能，促進了 Web 的動態性、交互性以及連接性。本文，則是討論在加載第三方庫過程中可能遇到的問題：如何保證關鍵路徑加載的性能，隱私性，安全性，避免不可預測或者不可控的結果。更多相關內容參考 Web Performance Optimization MindMap。

深度思考，升華開發智慧

Clean 架構代碼導讀: 作者近來開源了名為 MovieNight 的示例項目，本文則是其過去幾周應用架構方面的相關思考的分享。本文首先介紹了 Clean Architecture 的基本元素，分析了各個組件間的層級關系，然后以具體的代碼進行實踐介紹。更多相關內容參考軟件工程基礎-軟件架構篇

How JavaScript works 系列：渲染引擎與優化技巧: 當我們在構建大型的 Web 應用時，需要提醒自己我們并不僅僅寫好代碼就萬事大吉了，還需要考慮到代碼與運行環境之間的交互。理解 JavaScript 的運行環境，了解它的工作原理與組件構成，能夠讓我們編寫出更好的，更穩健的應用。本文即是對于瀏覽器的內部原理進行分析介紹，并且分享了一些性能優化的技巧；更多相關內容查看現代 Web 開發導論。

分布式事務概述: 本文是對于分布式系統以及分布式事務的概述，包含了以下內容：分布式數據模型，樂觀模型與悲觀模型；原子性，多版本并發控制與基于網絡的鎖同步；一致性，兩階段提交協議，Paxos，Raft；隔離性，鏡像隔離，序列隔離；持久性等。更多相關內容參考 Distributed System CheatSheet。

樂于分享，共推前端發展

Rough.js: Rough.js 是輕量級的（約 8KB），基于 Canvas 的手繪樣式的繪圖庫。Rough.js 為我們提供了多種不同的圖形單元，來繪制直線，曲線，弧線，多邊形，圓形以及橢圓形等，同時其還支持根據路徑繪制 SVG。

TOAST UI Chart: TOAST UI Chart 是新近開源的，能夠運行在包括 IE8 在內的各種瀏覽器中。TOAST UI Chart 提供了直方圖、折線圖、散點圖、餅圖、熱力圖等多種類型格式的圖表，可以直接查看原文了解安裝與使用的細節。

fkill-cli: fkill-cli 是非常好用的跨平臺進程關閉工具，它能夠運行在 macOS，Linux 以及 Windows 操作系統上。我們可以直接通過冒號來指定需要關閉的占用該端口的進程，也可以無參數方式進入到交互選擇界面，通過進程名進行快速篩選。

霍金：手握日月摘星辰，世間無我這般人: 3 月 14 日消息，物理學家霍金去世，享年 76 歲。這位英國科學家因黑洞和相對性的開創性著作而聞名，并撰寫過幾本科普著作，包括《時間簡史》。55 年來，病魔逐漸占據了他的軀體，但他的思想卻蔓延到了整個宇宙。仰望星辰的人，現在成了星辰。

「前端之巔」是 InfoQ 旗下關注前端技術的垂直社群，加入前端之巔學習群請關注「前端之巔」公眾號后回復 “ 加群 ”。投稿請發郵件到 editors@cn.infoq.com，注明 “ 前端之巔投稿 ”。