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

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

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

國內(nèi)國外，前端最新動態(tài)

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

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

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

步步為營，掌握基礎(chǔ)技能

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

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

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

立足實踐，提示實際水平

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

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

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

深度思考，升華開發(fā)智慧

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

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

分布式事務(wù)概述: 本文是對于分布式系統(tǒng)以及分布式事務(wù)的概述，包含了以下內(nèi)容：分布式數(shù)據(jù)模型，樂觀模型與悲觀模型；原子性，多版本并發(fā)控制與基于網(wǎng)絡(luò)的鎖同步；一致性，兩階段提交協(xié)議，Paxos，Raft；隔離性，鏡像隔離，序列隔離；持久性等。更多相關(guān)內(nèi)容參考 Distributed System CheatSheet。

樂于分享，共推前端發(fā)展

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

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

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

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

「前端之巔」是 InfoQ 旗下關(guān)注前端技術(shù)的垂直社群，加入前端之巔學(xué)習(xí)群請關(guān)注「前端之巔」公眾號后回復(fù) “ 加群 ”。投稿請發(fā)郵件到 [email protected]，注明 “ 前端之巔投稿 ”。