前端每週清單專注大前端領域內容，幫助開發者瞭解一週前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源專案等欄 目。歡迎關注【前端之巔】微信公眾號（ID： frontshow），及時獲取前端每週清單。

新聞熱點

國內國外，前端最新動態

微軟為什麼要花 75 億美金收購 GitHub？：GitHub 做為一箇中立的開發者平臺和社群一直髮展下去是最優的選擇，開發者並不希望類似 GitHub 這樣的開放平臺突然被某個科技巨頭攬入懷中，但我們也無法阻止這樣的事情發生。

前幾天，微軟 CEO 納德拉悍然宣佈以 75 億（而不是之前流傳的 50 億）美金正式收購 GitHub。一個聚焦了兩千多萬開發者的社群，吸引了全球最頂尖程式設計師的平臺，是再續輝煌，還是走向封閉？如果你還沒有刪除 GitHub 上自己的程式碼的話，可以聽聽微軟 CEO 納德拉是怎麼說的，他認為微軟 + GitHub = 為開發者賦能，他們希望微軟公司的開發者工具及服務能夠幫助更多的開發者。

Node之父ry：Node中的設計錯誤：全文來自 Node 之父 Ryan Dahl 於 2018 年 6 月在柏林 JS 大會上的演講，他主要講述了過去他在設計 Node 時犯的一些錯誤，包括 Node 安全、構建系統（GYP）、package。json 等方面上的問題，並闡述了開發新專案 Deno 背後的一些故事、原因和未來規劃。

macOS即將支援iOS應用：北京時間今日凌晨 1 點，蘋果 WWDC 2018 在美國加利福尼亞州聖何塞 McEnery 會議中心舉行，庫克一上臺就表明了本次大會只圍繞軟體進行討論。大會介紹了 iOS、watchOS、tvOS 和 macOS 四大系統的更新情況，但最令我們期待的還是：iOS 與 macOS 是否會合並？蘋果用了一個大大的 No 回答了這個問題。

雖然蘋果稱沒有合併 iOS 和 macOS 的打算，但是他們正在開發一種通用框架（ universal framework），它允許開發人員將 iOS 應用程式移植到 macOS 上，這意味著把 iOS 應用程式的元素提取出來，然後使用這個通用框架新增 macOS 上需要的滑鼠和觸控板支援、視窗化等功能，就可以將 iOS 應用變成一個 Mac 應用了。

開發教程

步步為營，掌握基礎技能

iOS新聞類App內容頁技術探索：據相關資料顯示，截至 2017 年底，中國手機新聞客戶端使用者規模達到 6。36 億人，移動 App 已經成為新聞和內容傳播的最重要途徑之一。而伴隨著行業的競爭和發展，App 中的內容頁在提升 App 品質、提升使用時長及提升使用者黏性等方面，扮演著更為重要的角色，同時也面臨著更大的挑戰。

所以，新聞類 App 內容頁架構的設計和技術的最佳化，也要配合產品形態的發展，在越來越複雜的需求挑戰下，擁有快速響應的能力和穩定優質的體驗。

本文結合分析目前主流（DAU）新聞類 App 如今日頭條、騰訊新聞、天天快報、一點資訊等內容頁技術方案的選擇，一起探索新聞類 App 內容頁的技術實現和最佳化。

你或許不知道Vue的這些小技巧：用Vue開發一個網頁並不難，但是也經常會遇到一些問題，其實大部分的問題都在文件中有所提及，再不然我們透過谷歌也能成功搜尋到問題的答案，為了幫助小夥伴們提前踩坑，在遇到問題的時候，心裡大概有個譜知道該如何去解決問題。這篇文章是將自己知道的一些小技巧，結合查閱資料整理成的一篇文章，希望大家看完本文可以有所收穫。

工程實踐

立足實踐，提示實際水平

Weex技術在蘇寧移動辦公開發中的實踐：Weex 是一套簡單易用的跨平臺開發方案，能以 web 的開發體驗構建高效能、可擴充套件的 native 應用，為了做到這些，Weex 與 Vue 合作，使用 Vue 作為上層框架，並遵循 W3C 標準實現了統一的 JSEngine 和 DOM API，打造三端一致的 native 應用。

京東多端統一開發框架 - Taro：Taro 是由京東 - 凹凸實驗室打造的一套遵循 React 語法規範的多端統一開發框架。使用 Taro，我們可以只書寫一套程式碼，透過 Taro 的編譯工具，將原始碼分別編譯出可以在不同端（微信小程式、H5、App、快應用等）執行的程式碼。同時 Taro 還提供開箱即用的語法檢測和自動補全等功能，有效地提升了開發體驗和開發效率，全文總結了Taro在開發時的一些思路和經驗。

深度閱讀

深度思考，昇華開發智慧

前端的焦慮，你想過30歲以後的前端路怎麼走嗎？：隨著年齡和工齡的增長，你是否覺得自己的瓶頸越來越明顯了，似乎碰到了前端的天花板？本文作者從客觀、主觀、個人原因出發得出了前端的天花板來得比別的技術棧更早的結論，並給出了相應的解決方案。

從前端到全端：JavaScript逆襲之路：近年來，前端技術日新月異，前端已經不僅僅是網頁，更多的開始由狹義向廣義發展。先後湧現出了具備後端能力的node，具備移動開發能力的react native，具備遊戲渲染能力的cocos2d-js，以及iOS上的熱修復技術JSPatch等等新技術。咋一看，幾乎各個端都被JavaScript攻陷，大有一統江湖之勢。究竟，JavaScript如何做到上天入地無所不能？JavaScript真的能一統江湖嗎？且聽作者從JavaScript這些年發生的故事說起。

聊一聊前端「同構」：同構是指同開發一個可以跑在不同的平臺上的程式。例如開發一段 js 程式碼可以同時被基於 node。js 開發的 web server 和瀏覽器使用。本文中我們就要聊聊這種場景下，為什麼以及怎麼樣開發一個同構的 web 應用。

開源專案

樂於分享，共推前端發展

Ramda：在 GitHub 上的 Star 已經超過 12，000，這個庫專為函數語言程式設計而設計，可以輕鬆建立不改變使用者資料狀態的函式式管道。Ramda 的核心設計理念是建立具有不變性和無副作用的函式。所有的函式會被自動柯里化，並根據易用性安排引數的順序。

Sugar：在 GitHub 上的 Star 已經超過 3500，主要用於處理本地物件。這個庫支援自定義構建，還提供了模組化的 npm 包，因此可以只使用其中必要的部分模組（也可以與 Bit 結合使用），使用者還可以透過自定義方法或使用外掛來應對特定的使用場景。

Polished：在 GitHub 上的 Star 超過 3500 個，由 styled-components 團隊開發，是一個非常優秀的輕量級工具集，支援使用 JavaScript 編寫具有 SASS 風格輔助函式和 mixin 的樣式。該庫與 styled-components、Aphrodite、Radium 或簡單的內聯樣式相容。這個庫可以在 GitHub 上找到，Bit 社群（非官方）也單獨提供所有的功能，因此可以單獨安裝、匯入和使用。