週刊是個人本週內看到的有意思的東西,或是技術學習的好文章或好資源,收集分享給大家。
開源庫&框架動向
- 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
Java 程式設計書籍分享
開源專案/Demo
generator-jhipster
一個想法看著不錯的解決方案,前後端整站自動生成,資料來源等也靈活配置。後端同學可以瞭解一下。覺得類似的包裝日後可以自己做一下,或者基於別人的去修改。實現開箱可用的架構方案,對於一些專案快速開發比較實用。
alibaba/easyexcel
阿里巴巴團隊開源的快速、簡單避免OOM的java處理Excel工具
graphql-editor
這個 GraphQL 視覺化編輯器工具
graphql-apis
公開的GraphQL APIs列表收集。(平時寫前端demo需要用GraphQL API時直接找這種呼叫,不需要自己搭)
converse.js
用JavaScript編寫的基於web的XMPP/Jabber 聊天客戶端
winxin-app-watch-life
WordPress版微信小程式
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業界產品)
國外中學生發明瞭可以病毒檢測的避孕套,避孕套會根據不同病毒變成不同顏色,沒有性病的時候是透明的,有病就會變色,可以檢測愛滋病等常見性病。創新不錯,並且還是中學生。
歡迎訂閱
(原週報改名為週刊更合適)這個專欄每週末釋出,同步更新在 前端學堂、微信公眾號。
本篇同步釋出於微信公眾號:giscafer