前端週刊第 4 期

giscafer發表於2019-02-27

週刊是個人本週內看到的有意思的東西,或是技術學習的好文章或好資源,收集分享給大家。

開源庫&框架動向

  • 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 優化是很有必要的。

前端週刊第 4 期

書籍 & 電子書

Java_Books

github.com/zzhi/Java_B…

Java 程式設計書籍分享

開源專案/Demo

generator-jhipster

github.com/jhipster/ge…

一個想法看著不錯的解決方案,前後端整站自動生成,資料來源等也靈活配置。後端同學可以瞭解一下。覺得類似的包裝日後可以自己做一下,或者基於別人的去修改。實現開箱可用的架構方案,對於一些專案快速開發比較實用。

alibaba/easyexcel

github.com/alibaba/eas…

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

前端週刊第 4 期

graphql-editor

github.com/slothking-o…

這個 GraphQL 視覺化編輯器工具

graphql-apis

github.com/APIs-guru/g…

公開的GraphQL APIs列表收集。(平時寫前端demo需要用GraphQL API時直接找這種呼叫,不需要自己搭)

converse.js

github.com/conversejs/…

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

前端週刊第 4 期

winxin-app-watch-life

WordPress版微信小程式

github.com/iamxjb/winx…

BGAQRCode-Android

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

github.com/bingoogolap…

WechatLuckyMoney

github.com/veryyoung/W…

網友實現的微信紅包自動領取功能(android版),實現原理大致為監聽紅包資訊,然後觸發走騰訊的com.tencent.mm.plugin.luckymoney.ui.LuckyMoneyReceiveUI 紅包初始化入庫,自動“開”紅包。

好文章

近兩萬字小程式攻略釋出了

juejin.im/post/5b8fd1…

一文讀懂前端快取

mp.weixin.qq.com/s/knT08atIf…

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

zhuanlan.zhihu.com/p/44452592

RxJS 優質文章翻譯

github.com/RxJS-CN/rxj…

好產品

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

www.ag-grid.com

官網demo體驗一下就知道多麼強大了。功能上,可以說,沒有什麼滿足不了你的。大量資料渲染效能上也是絕對最快的。

PixelSnap

getpixelsnap.com/

PixelSnap: “The fastest way to measure everything on screen.” 最快的方式測量螢幕上所有東西的尺寸,切圖必備(收費,不貴)

CodeSandbox

codesandbox.io

The online code editor for Web ,程式碼沙箱,前端程式碼線上編輯器,Web線上程式設計時代的到來。網友開發了個markdown解析庫,將markdown程式碼解析成執行在codesandbox例子。也可以順便了解一下:github.com/djyde/markb…

變色避孕套

(非IT業界產品)

國外中學生發明瞭可以病毒檢測的避孕套,避孕套會根據不同病毒變成不同顏色,沒有性病的時候是透明的,有病就會變色,可以檢測愛滋病等常見性病。創新不錯,並且還是中學生。

歡迎訂閱

(原週報改名為週刊更合適)這個專欄每週末釋出,同步更新在 前端學堂微信公眾號

本篇同步釋出於微信公眾號:giscafer

前端週刊第 4 期

相關文章