前端週報專注大前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點，分爲新聞熱點、深度閱讀、開源項目 & 工具等欄目。歡迎關注【前端之巔】微信公衆號（ID: frontshow），及時獲取前端週報內容。
前端新聞
蘋果在 WWDC 2020 上發佈了自己的“小程序”App Clips
北京時間今天凌晨，蘋果線上舉行了 2020 年 WWDC 大會，會上重磅宣佈將 Mac 產品線從 Intel 陣營遷移到自研 ARM 芯片上。並且在軟件層面，發佈了自己的“小程序”App Clips 以及諸多更新。
Ubuntu 因在 MOTD 植入廣告而遭網友批評
有用戶在 Reddit 上發帖表示 Ubuntu 20.04 LTS 在 MOTD 中植入了廣告。發帖者表示，他使用的 Ubuntu 在 MOTD 植入了一條附帶鏈接的文字廣告：
“If you’ve been waiting for the perfect Kubernetes dev solution for macOS, the wait is over. Learn how to install Microk8s on macOS.”
https://www.techrepublic.com/article/how-to-install-microk8s-on-macos/
目前，此帖已獲得超過 2.5k 個“贊同”，不少網友留言批評這種行爲，也有網友表示自己也遇到了相同的情況，一部分網友還建議放棄 Ubuntu 轉而使用其他 Linux 發行版。
新 Edge 被指未經用戶允許導入 Firefox 數據
近日，有用戶發現通過 Windows Update 更新到設備的新版 Edge 會出現在用戶未授權的情況下從 Firefox 導入數據的情況。網友 krankie “總結”了微軟的行爲：
- 使用最大化的 Edge 和模態包版窗口（僅包含一個顯示“入門”的按鈕）來“打動”用戶；
- 沒有關閉窗口的選項，不能用鼠標關閉 Edge，也不能退出模態窗口。
- 如果您不想“入門”，唯一的選擇是使用任務管理器將其殺死；
- 微軟將 Edge 圖標放到桌面上，並將其固定在任務欄上；
- Edge 會取消設置您的默認瀏覽器，因此，下次單擊快捷方式中的 URL 時，您將不得不重新選擇默認瀏覽器；
- 未經許可從其他瀏覽器中獲取數據。
目前爲止，微軟仍未作出迴應，將 Edge 數據導入 Firefox 數據的原因目前也不得而知。
蘋果 Safari 將利用 Face ID 和 Touch ID 支持無密碼登錄
據外媒報道，蘋果瀏覽器 Safari 14 將與 iOS 14 和 macOS Big Sur 一起發佈，用戶可以通過 Face ID 或 Touch ID 登錄支持這一新功能的網站。Safari 14 已經在瀏覽器的測試版發佈中得到了證實，蘋果公司也在 WWDC 的視頻中爲開發者詳細介紹了這一功能的工作原理。該功能建立在基於 FIDO2 標準的 WebAuthn 組件之上，由 FIDO 聯盟開發，可以讓登錄網站變得像登錄一個有 Touch ID 或 Face ID 保護的應用程序一樣簡單。
Chrome：內存增加是 Windows 的問題
Windows 版本的 Chrome 瀏覽器在長時間使用後會佔用大量內存，Chrome 開發者去年 10 月報告，指出問題不是它，而是與 Windows 的內存分配機制有關。Chrome 使用的半數以上內存它實際上已經釋放了，但 Windows 並沒有釋放將其重新分配，開發者認爲名叫“（segment heap）”的功能可以解決這個問題，但 Windows 沒有提供 API 能啓用堆內存。隨着 Windows 10 2004（Windows May 2020）的發佈，微軟正式提供了堆內存，它基於 Chromium 的 Edge 瀏覽器已經整合了這項功能，大幅減少了內存佔用，測試顯示內存佔用減少了 27%。
行業新聞
全球數十億條用戶數據泄露，Oracle 或引發今年最大數據安全事件
6 月 24 日，據外媒報道，甲骨文的數據管理平臺 BlueKai 因爲在服務器上不加密碼從而泄露了全球數十億條用戶數據記錄。甲骨文發言人黛博拉·海林格（DeborahHellinger）對媒體表示，該消息屬實。
據悉，BlueKai 是一個基於雲的大數據平臺，它曾被稱爲美國數據管理平臺的起源。Oracle 於 2014 年以超過 4 億美元的價格收購了該公司，並將其產品添加到 Oracle 的數據雲（ODC）和營銷雲（OMC）中。
據 Whotracks 網站估計，BlueKai 跟蹤了所有 Web 流量的 1％以上。但在相當長的一段時期內，保存這些數據的服務器壓根沒有設置密碼，導致網絡跟蹤數據被全面泄露在公開互聯網上。此次曝光出來的這些記錄，顯示出極高的透明度，包含姓名、家庭住址、電子郵件和其他比如付款交易等個人信息，因此通過用戶的“數字畫像”可以長期追蹤他的在線活動。這或已成爲今年發生的最大安全違規事件之一。
《全球數十億條用戶記錄被泄露，Oracle 或已引發今年最大的數據安全事件》
新基建人均月薪 17895 元
拉勾大數據研究院日前發佈《2020 年新基建人才報告》，報告指出，六大新基建直接相關行業的人才需求指數大幅上升，至 2020 年底，新基建相關核心技術人才缺口將達 420 萬。杭州成爲對新基建“最敏感”的城市，相關人才需求增長達 28% 穩居全國第一。在相關人才的薪酬方面，新基建人才平均薪酬爲每月 17895 元。物流運輸、人工智能、傳統教育，對新基建人才的投入更大，平均月薪分別大大 23282 元、22444 元、22156 元。
微軟宣佈永久關閉實體零售店
微軟於當地 26 日宣佈，將永久關閉其 Microsoft Store 實體零售店，全球僅留下四家門店，分別位於紐約市 (第五大道)、倫敦 (牛津廣場)、悉尼 (Westfield) 和雷德蒙德園區。
微軟表示會把零售業務轉移到線上，但公司並沒有裁員計劃。未來微軟將專注於其在線商店 Microsoft.com，用戶可以在那裏獲得支持、銷售和培訓等。微軟表示，其零售團隊成員將在網站上繼續爲用戶提供幫助，而不是實體零售店。微軟發言人還向媒體透露，所有零售店員工都將有機會繼續留在微軟。
Chrome 惡意擴展竊取個人資料，已被下載超 3 千萬次
Awake 安全威脅研究團隊發現了一個大規模的全球監視活動，該活動利用 Internet 域註冊和瀏覽器功能的性質來監視和竊取來自多個地區和行業細分市場的用戶的數據。如果有的話，這種威脅的嚴重性由於它是公然且沒有針對性的事實而被放大，即機會均等的間諜活動。研究表明，此犯罪活動由單個 Internet 域註冊商：CommuniGal Communication Ltd.（GalComm）進行的。
抵制破解！索尼上線全新的PlayStation BUG懸賞計劃
6月27日消息，遊戲主機一直是黑客破解的重點，包括任天堂Switch和索尼PS4在內的現世代幾大遊戲主機，均不同程度上的遭遇了破解。
索尼全新一代遊戲主機PlayStation 5已經確定將於今年聖誕假期期間正式發佈，爲了不再重蹈此前的覆轍，索尼今日正式上線了新的PlayStation BUG懸賞計劃，如果有開發者或者用戶發現了PS系統以及線上服務的重大安全漏洞，索尼將會提供5萬美元的現金獎勵。
據悉，索尼目前已經向發現PS漏洞的黑客支付過超過17.4萬美元的獎勵，這也保證了PS4主機雖然遭遇破解，但並不像Switch那樣氾濫。不過，也有消費者認爲，在全新一代遊戲主機發布後，PS4主機的其他漏洞也將被相繼公開，畢竟它已經過了生命週期。（TechWeb）
深度閱讀
簡單代碼的祕密
如何成爲一名10倍開發者？10倍的開發者如何產生10倍的價值？
https://medium.com/javascript-scene/the-secret-of-simple-code-a2cacd8004dd
一種簡單的方法來檢測您的JS應用程序是在線/離線/連接速度較慢
本文將主要介紹三部分：
- 如何檢測您的JS應用程序；
- 創建一個簡單的JS應用程序；
- 瞭解如何限制Chrome中的Internet連接並測試我們創建的應用程序。
如何使用 Plop 提高編碼效率
本文中，我們將深入探討一個示例，並配置Plop生成器以在Typescript中創建一個React組件。到最後，您將可以開始使用Plop爲任何類型的項目構建自己的生成器，並提高編碼效率！
https://hackernoon.com/how-to-boost-your-coding-productivity-with-plop-zr113ud3
如何從任意應用程序發佈React組件
在本教程中，我將演示如何將React組件從任何應用程序發佈到Bit的註冊表。組件將作爲獨立的軟件包發佈，以後可以使用NPM，Yarn或Bit安裝。
https://hackernoon.com/how-to-publish-react-components-from-any-app-hpj3u9r
軟件 & 工具 & 庫
TypeScript 4.0 Beta 版本發佈
近日，TypeScript 4.0 Beta 版本發佈，用戶可以通過 NuGet 或者以下命令使用 npm 進行測試：
npm install typescript@beta
https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/
Electron v8.3.3發佈
https://github.com/electron/electron/releases/tag/v8.3.3
Ant Design 4.3.5發佈
https://github.com/ant-design/ant-design/releases/tag/4.3.5
material-design-icons
谷歌的官方開源圖標庫，谷歌和安卓就採用這一套圖標。Material Design 官方網站可以查看所有圖標。
https://github.com/google/material-design-icons
react-visual-editor
基於 React 組件的可視化拖拽、搭建頁面的代碼生成工具。所見即所得，可以完美還原 UI 設計搞，並支持多款型號手機（可配置）和 PC 效果展示，模板功能可以使你分享你的頁面或者頁面中局部任何部分組件組合，減少相似頁面的重複操作。效果如下：
https://github.com/brick-design/react-visual-editor
