前端週刊第 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

https://github.com/zzhi/Java_Books

Java 編程書籍分享

開源項目/Demo

generator-jhipster

https://github.com/jhipster/generator-jhipster

一個想法看着不錯的解決方案，先後端整站自動生成，數據源等也靈活配置。後端同窗能夠了解一下。以爲相似的包裝往後能夠本身作一下，或者基於別人的去修改。實現開箱可用的架構方案，對於一些項目快速開發比較實用。

alibaba/easyexcel

https://github.com/alibaba/easyexcel

阿里巴巴團隊開源的快速、簡單避免OOM的java處理Excel工具

graphql-editor

https://github.com/slothking-online/graphql-editor

這個 GraphQL 可視化編輯器工具

graphql-apis

https://github.com/APIs-guru/graphql-apis

公開的GraphQL APIs列表收集。（平時寫前端demo須要用GraphQL API時直接找這種調用，不須要本身搭）

converse.js

https://github.com/conversejs/converse.js

用JavaScript編寫的基於web的XMPP/Jabber 聊天客戶端

winxin-app-watch-life

WordPress版微信小程序

https://github.com/iamxjb/win...

BGAQRCode-Android

QRCode 掃描二維碼、掃描條形碼、相冊獲取圖片後識別、生成帶 Logo 二維碼、支持微博微信 QQ 二維碼掃描樣式

https://github.com/bingoogola...

WechatLuckyMoney

https://github.com/veryyoung/...

網友實現的微信紅包自動領取功能（android版），實現原理大體爲監聽紅包信息，而後觸發走騰訊的com.tencent.mm.plugin.luckymoney.ui.LuckyMoneyReceiveUI 紅包初始化入庫，自動「開」紅包。

好文章

近兩萬字小程序攻略發佈了

https://juejin.im/post/5b8fd1...

一文讀懂前端緩存

https://mp.weixin.qq.com/s/kn...

盤點 React 16.0 ~ 16.5 主要更新及其應用

https://zhuanlan.zhihu.com/p/...

RxJS 優質文章翻譯

https://github.com/RxJS-CN/rx...

好產品

世上最好用的JavaScript表格——ag-grid

https://www.ag-grid.com

官網demo體驗一下就知道多麼強大了。功能上，能夠說，沒有什麼知足不了你的。大量數據渲染性能上也是絕對最快的。

PixelSnap

https://getpixelsnap.com/

PixelSnap: "The fastest way to measure everything on screen." 最快的方式測量屏幕上全部東西的尺寸，切圖必備（收費，不貴）

CodeSandbox

https://codesandbox.io

The online code editor for Web ，代碼沙箱，前端代碼在線編輯器，Web在線編程時代的到來。網友開發了個markdown解析庫，將markdown代碼解析成運行在codesandbox例子。也能夠順便了解一下：https://github.com/djyde/markbox

變色避孕套

（非IT業界產品）

國外中學生髮明瞭能夠病毒檢測的避孕套，避孕套會根據不一樣病毒變成不一樣顏色，沒有性病的時候是透明的，有病就會變色，能夠檢測艾滋病等常見性病。創新不錯，而且仍是中學生。

歡迎訂閱

（原週報更名爲週刊更合適）這個專欄每週末發佈，同步更新在 前端學堂、微信公衆號。

本篇同步發佈於微信公衆號:giscafer