前端每周清單第63期：Polymer 3.0，iOS爆出新漏洞，2018前端工具調查結果

來自專欄 前端之巔

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

新聞熱點

國內國外，前端最新動態

Guess.js:近日，Google 在 I/O 大會上推出了 Web 數據驅動工具包 Guess.js，Guess.js 主要用於探索以下方面的數據分析驅動在用戶體驗中的應用：單頁應用程序、基於框架的靜態網站、靜態內容網站、企業網站等，詳情請閱讀原文。

iOS爆出新漏洞，10%應用恐受影響：近日，移動互聯網安全團隊盤古實驗室在針對不同客戶的 iOS 應用安全審計過程中發現了一類名為 ZipperDown 的安全漏洞，經過他們的測試，發現 10% 的 iOS 應用可能會受到此漏洞的影響，而且他們在 Android 平台上也發現了類似的漏洞，該團隊還在大量的流行應用中測試確認中。

Polymer 3.0：Polymer 是 Google 主推的一個 JavaScript 庫，它可幫助你創建自定義的可重用 HTML 元素，並使用它們來構建高性能、可維護的 App。在 I/O 大會上，Google 推出了 Polymer 3.0，Polymer 3.0 致力於將 Web 組件的生態系統從 HUML Imports 轉移到 ES Modules，包管理系統將支持 npm，這使你更容易將基於 Polymer 的 web 組件和你喜歡的工具、框架協同使用。

Babylon.js 3.2：Babylon.js是一種用TypeScript編寫的JavaScript框架，用於結合HTML5、WebGL、WebVR和Web Audio構建3D遊戲和體驗。它提供了從Blender、Unity、3DS Max、Maya和Clara.io等常用3D工具導出Babylon.js對象的工具。3.2版為Babylon JavaScript引擎引入了多種新的緩存層，減少了JavaScript的執行時間，節省了3D GPU計算所佔用的瀏覽器資源。

開發教程

步步為營，掌握基礎技能

如何使用Vue.js構建SPA：SPA（單頁應用程序）具有非常好的應用體驗，讓用戶在Web App中可以感受原生應用的速度和流暢。在本教程中，將教你分步學習如何使用Vue構建單頁應用程序。

如何避免10個常見的JavaScript錯誤：本文收集了排名前十的JavaScript錯誤，分析了產生這些錯誤的原因，並教你如何避免這些錯誤，讓你成為一個更好的開發者。

免費課程：學會使用Bulma CSS：藉助Bulma，我們可以輕鬆創建美觀而且反應靈敏的網站，本文將詳細介紹Bulma是如何運作，以及我們可以利用它來構建什麼（裡面包含免費課程）。

工程實踐

立足實踐，提示實際水平

使用Bootstrap 4和Angular 6構建響應式布局：Bootstrap 4於今年1月發布，帶來的一些新功能使響應布局變得更簡單，而Angular 6在本月初發布，新的angular.json配置文件與原來的angular-cli.json結構完全不同，這些給作者的團隊在項目中實現Bootstrap / Angular集成帶來了一些啟示。

閑魚Flutter界面開發探索：本文不是flutter界面開發入門文章，而是一篇深入介紹Flutter framework關於視圖樹的創建與管理機制、布局、渲染的原理、以及flutter布局與渲染相關性能優化的設計思路的文章。同時介紹在使用flutter開發過程中，遇到的一些坑和相應的解決方案。

深度閱讀

深度思考，升華開發智慧

Google力推的那些前端技術，最近都有哪些進展？：眾所周知，Google前端涵蓋的技術已經從 Web 框架到 Web 工具，包括 Angular、PWA、polymer、AMP 等，全文為大家捋了捋 Google 力推的這些前端技術最近的進展。

Angular Ivy：Ivy是Angular即將推出的渲染引擎，它能使 Angular 調試更容易，以更快地速度編譯和運行，它還可以與現有的應用程序一起使用。本文將告訴你它是如何工作。

2018前端工具調查結果：本文來自對5000名前端開發人員的調查結果，這項調查由24個問題組成，內容涵蓋前端工作經驗、CSS工具、常用的JS工具和JavaScript包管理器等。

開源項目

樂於分享，共推前端發展

react-native-dom：react-native-dom是React Native的一個實驗綜合性庫，它默認為多線程，與React Native在移動設備上具有相同的布局，使用相同的bundler。

lynt：零配置JavaScript Linter，支持React、Flow和TypeScript，它沒有樣式規則，Lynt只處理檢查出來的錯誤，這讓代碼風格適合更好的工具prettier。

dumb-react：Dumb React是用於創建靜態網站屏幕的React組件集合。

前端之巔

「前端之巔」是 InfoQ 旗下關注大前端技術的垂直社群。緊跟時代潮流，共享一線技術，歡迎關注。

http://weixin.qq.com/r/_irexrXEaegWrfGl93-o (二維碼自動識別)