做者:王下邀月熊
編輯:徐川
css
前端每週清單專一大前端領域內容,以對外文資料的蒐集爲主,幫助開發者瞭解一週前端熱點;分爲新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峯人生等欄目。歡迎關注【前端之巔】微信公衆號(ID: frontshow),及時獲取前端每週清單。前端
國內國外,前端最新動態
react
D3 5.0: D3 5.0 做爲大版本更新,引入了部分不向後兼容的特性更新。該版本開始使用 Promise 來替代傳統的異步回調以進行數據加載,Promise 可以大大簡化異步代碼的結構,特別是那些支持 await 與 async 的瀏覽器。此外,該版本還使用了 Fetch API 替代傳統的 XMLHttpRequest 對象,即便用 d3-fetch 替代 d3-request。更多更新特性介紹請查看原文。git
Java 10 正式發佈,帶來了這些新特性: 北京時間 3 月 21 日,Oracle 官方宣佈 Java 10 正式發佈。這是 Java 大版本週期變化後的第一個正式發佈版本。須要注意的是 Java 9 和 Java 10 都不是 LTS 版本。和過去的 Java 大版本升級不一樣,這兩個只有半年左右的開發和維護期。而將來的 Java 11,也就是 18.9 LTS,纔是 Java 8 以後第一個 LTS 版本。Java 10 提供了愈百項新特性,譬如 var 局部變量類型推斷、統一的垃圾回收接口等。github
步步爲營,掌握基礎技能
typescript
立足實踐,提示實際水平
編程
Typescript 2.8 React 組件開發模式: TypeScript 是很是優秀的 JavaScript 靜態類型擴展,本文則在常見的 React 開發模式的基礎上,使用 TypeScript 2.8 實現了常見的模式:Stateful, Stateless, Default Props, Render Callbacks, Component Injection, Generic Components, High Order Components, Controlled Components。 更多相關內容參考 React DevPractices Links。瀏覽器
React 應用中使用的不一樣動畫庫比較: 優雅的動畫是 Web 站點體驗性的重要保障,如今已經有了不少介紹使用方式、使用案例、適用場景的文章。本文則是對於常見的動畫庫進行了橫向對比,從而幫助開發者更好地針對自身的需求選擇不一樣的動畫庫,包括瞭如下維度的考量:項目的維護狀況如何,入手的難易程度如何,語法如何,性能如何等等。更多相關內容參考 Awesome Links。微信
CSS Grid 漸進式實踐: 上個月咱們從新設計了 Thomasnet.com,而且使用 CSS Grid 做爲主要的佈局方式。本文便是 CSS Grid 漸進式實踐的分享: CSS Grid 語法速覽以及技巧分享,CSS Grid 與 Flexbox 對比,CSS Grid 基礎以及瀏覽器的兼容性保障。 更多相關內容參考 現代 Web 開發--基礎篇。網絡
深度思考,昇華開發智慧
React 與 React Native 事件系統詳解: 如今已經有了不少介紹 React 事件系統的文章,不過鮮有介紹它們內部工做原理的。本文做者一直從事着 React Native 開發,並在本文中分享了其閱讀相關源代碼後整理獲得的理解。本文依次介紹了 React 事件系統概覽、事件接收與管理機制、EventPluginHub 等內容;更多相關內容參考 現代 Web 開發--React 篇。
關於圖片壓縮的考量: 在以前的討論中,咱們關注過如何使用 Compressive Images 來壓縮圖片尺寸:即在下降圖片清晰度的同時,將其設計稿的尺寸增大,這樣通過瀏覽器自動壓縮以後,其視覺效果相差無二。這種方式在測試用例中可以帶來 50% 的體積減小,不過這種方式也會帶來更大的內存消耗。更多相關內容參考 現代 Web 開發--基礎篇。
SketchCode: 使用深度學習自動化前端開發: 本文做者構建了某個深度學習模型,可以從用戶手繪的設計草稿中,生成可用的 HTML 網站;做者但願可以嘗試利用這種方式來簡化如今的設計流程。本文依次介紹了 SketchCode 的創意來源與設計理念,若是獲取到有效的數據集,如何將圖片處理爲手繪模式,如何設計神經網絡架構以及如何進行模型訓練等內容。更多相關內容參考 人工智能與深度學習實戰。
樂於分享,共推前端發展
Driver.js: Driver.js 是強大的,輕量級,使用原生 JavaScript 引擎開發的頁面用戶關注點。Driver.js 並不只僅是另外一個指南性質的庫,其的用戶場景仍是很是普遍的,可以用於任何須要爲頁面構建浮層的狀況,譬如當用戶須要與某些元素交互而隱藏其餘元素的場景。
brain.js: brain.js 是基於 JavaScript 實現的輕量級神經網絡(Neural Networks)庫,其提供了很是簡明易用的接口,而且支持異步訓練。目前官方提供了識別顏色常量、簡單字母識別、利用 RNN 編寫簡單的句子等示範,能夠本身嘗試一下。
dejavu: dejavu 是新的 ElasticSearch Web 管理界面,不一樣於 Kibana 這樣服務端渲染而且響應較差的庫;dejavu 採樣了徹底的客戶端渲染方式,這也賦予了其便捷部署的能力,從 Github Pages,Chrome 插件到 Docker 鏡像。dejavu 而且提供了 JSON 與 CSV 文件的導入導出功能,並可以自定義表格頭,以加強其靈活性。
「前端之巔」是 InfoQ 旗下關注前端技術的垂直社羣,加入前端之巔學習羣請關注「前端之巔」公衆號後回覆 「 加羣 」。投稿請發郵件到 editors@cn.infoq.com,註明 「 前端之巔投稿 」。