前端週刊第 4 期
週刊是個人本週內看到的有意思的東西，或是技術學習的好文章或好資源，收集分享給大家。
開源庫&框架動向
- Java 11 （LTS） 版本正式釋出
- TypeScript 釋出 3.1.1 版本
- Create React App v2.0.0 支援 CSS Modules 等較多新特性
- Angular 6.1.9 版本釋出和 7.0.0-beta.7 釋出
本週觀點
- 中美貿易會影響國內企業投資動向，創業公司資金來源如果不足，拿不到投資或者某投資取消，就會直接面臨裁員的情況。年底換工作的同學注意選擇新東家。
- 如果你不接受工作是生活的很大的一部分，那找工作的時候就不要加入創業公司；如果加入，那就不要抱怨加班的情況。
小技巧 Tips
使用Chrome DevTools 檢視 CSS 和 JS 程式碼覆蓋率
還是 Chrome DevTools 技巧，你可能沒用過的小技巧
使用Chrome 除錯的時候，可以看我們網站引入的 CSS 和 JavaScript 使用 情況，也就是可以看到使用者載入、分析和評估的未使用的程式碼有多少。
操作方式，F12開啟控制檯，windows下 Ctrl+Shit+P ，輸入 Coverage ，選擇 Show Coverage 開啟分析面板，再點選重新整理重新載入頁面即可得到分析結果。如GIF 操作圖片，知識星球的WEB頁面，紅色為未使用過（未執行）的程式碼。可想而知，我們載入了很多多餘浪費的程式碼。所以 CodeSplitting 優化是很有必要的。
書籍 & 電子書
Java_Books
ofollow,noindex">github.com/zzhi/Java_B…
Java 程式設計書籍分享
開源專案/Demo
generator-jhipster
一個想法看著不錯的解決方案，前後端整站自動生成，資料來源等也靈活配置。後端同學可以瞭解一下。覺得類似的包裝日後可以自己做一下，或者基於別人的去修改。實現開箱可用的架構方案，對於一些專案快速開發比較實用。
alibaba/easyexcel
阿里巴巴團隊開源的快速、簡單避免OOM的java處理Excel工具
graphql-editor
這個 GraphQL 視覺化編輯器工具
graphql-apis
APIs-guru%2Fgraphql-apis" rel="nofollow,noindex">github.com/APIs-guru/g…
公開的GraphQL APIs列表收集。（平時寫前端demo需要用GraphQL API時直接找這種呼叫，不需要自己搭）
converse.js
用JavaScript編寫的基於web的XMPP/Jabber 聊天客戶端
winxin-app-watch-life
BGAQRCode-Android
QRCode 掃描二維碼、掃描條形碼、相簿獲取圖片後識別、生成帶 Logo 二維碼、支援微博微信 QQ 二維碼掃描樣式
WechatLuckyMoney
網友實現的微信紅包自動領取功能（android版），實現原理大致為監聽紅包資訊，然後觸發走騰訊的com.tencent.mm.plugin.luckymoney.ui.LuckyMoneyReceiveUI 紅包初始化入庫，自動“開”紅包。
好文章
近兩萬字小程式攻略釋出了
一文讀懂前端快取
盤點 React 16.0 ~ 16.5 主要更新及其應用
RxJS 優質文章翻譯
好產品
世上最好用的JavaScript表格——ag-grid
官網demo體驗一下就知道多麼強大了。功能上，可以說，沒有什麼滿足不了你的。大量資料渲染效能上也是絕對最快的。
PixelSnap
PixelSnap: "The fastest way to measure everything on screen." 最快的方式測量螢幕上所有東西的尺寸，切圖必備（收費，不貴）
CodeSandbox
The online code editor for Web ，程式碼沙箱，前端程式碼線上編輯器，Web線上程式設計時代的到來。網友開發了個markdown解析庫，將markdown程式碼解析成執行在codesandbox例子。也可以順便了解一下： github.com/djyde/markb…
變色避孕套
（非IT業界產品）
國外中學生髮明瞭可以病毒檢測的避孕套，避孕套會根據不同病毒變成不同顏色，沒有性病的時候是透明的，有病就會變色，可以檢測艾滋病等常見性病。創新不錯，並且還是中學生。