《每日一薦月刊》2020-01

時間 2020-02-26

標籤每日一薦月刊简体版

原文原文鏈接

天天給你推薦一個新奇，好玩，高品質的開源庫，好文，觀點或言論等。前端

2020-01

2020-01-23[資料]

尤雨溪在多倫多的演講《Vue 3.0 設計原則》對於想要學習 Vue3.0 或者想要直接從零開發 Vue3.0 的人來講，絕對是必讀的。PPT 內容很少，幾分鐘就能夠讀完，不建議看視頻，視頻大概有 50 多分鐘。react

PPT 地址： https://docs.google.com/prese...git

2020-01-22[軟件]

安卓軟件的開屏廣告很煩人，嚴重影響效率。這裏推薦一個安卓 APP 能夠改善這種狀況, 而且不須要 root，只須要開啓權限便可。注意它不是萬能的，不過實際使用狀況來看，仍是有用的。github

地址： https://www.coolapk.com/apk/m...chrome

2020-01-21[好文]

可訪問性真的是一個很是重要的東西，尤爲是對於有障礙人士。可是整個行業在這方面作的還徹底不夠，不論是技術能力，仍是重視程度上。docker

好比我在使用釘釘軟件的時候，他們的快捷鍵不多，這一點很是困擾我，固然相似的應用還有不少。我以爲整個行業應該注重起來這一塊，將可訪問性作好，要知道這也是用戶體驗中很重要的組成。這裏有一篇文章《Debugging your application for accessibility》，從淺層次上講解了可訪問性的內容，以及基本實踐，同時還推薦了一個叫 axe 的 chrome 擴展工具幫助你分析網頁存在的可訪問性問題，相似於網頁性能分析之於 lighthouse。segmentfault

文章地址： https://blog.logrocket.com/de...瀏覽器

2020-01-20[網站]

我平時有 RSS 閱讀的習慣，我使用的 Feedly 管理訂閱內容。可是有的網站自己並不支持 RSS 訂閱。那麼一種黑科技，就是使用第三方服務幫咱們轉換一下，生成訂閱。原理很簡單，就是輪訓內容變化，若是變化就通知你。固然前提你要知道「如何判斷髮布了新內容」，這部分 feed43 作的不錯。咱們利用 Feed43，將任意網頁製做成 RSS 訂閱源。這裏有一篇少數派的文章，你們能夠參考一下： https://sspai.com/post/34320app

你也可使用 rsshub 來作一樣的事情，rsshub 支持私有化部署，地址： https://docs.rsshub.app/。框架

2020-01-19[網站]

給你們介紹一個 mac 軟件下載網站，效果你懂的。相似的網站還有 xclient.info。

地址：https://www.macappdownload.com/

2020-01-17[工具]

若是你想開發一個 VSCode 插件，那麼一個腳手架是有用的。我推薦使用官方的腳手架工具。順便再推薦一個 vscode 插件開發指南，來自 sorrycc，地址 https://www.yuque.com/docs/sh...

地址： https://github.com/Microsoft/...

2020-01-16[工具]

不改變任何功能的狀況下給你的 docker image 瘦身。

Github 地址： https://github.com/docker-sli...

2020-01-13[插件]

今天推薦兩個關於 Github 的 chrome 插件。

一個是用來查看 Github 提交歷史的，名字是Git History Browser Extension，安裝以後 git 文件右上角信息會多一個按鈕。

點開以後是這種畫風：

另一個插件是OctoLinker。這個插件你能夠用來方便地進行文件跳轉。

2020-01-09[好文]

若是你關注 Node.js 社區，那麼你必定記得 Node.js v12 一個很是重磅的功能就是，內核的 HTTP Parser 默認使用 llhttp，取代了老舊的 http-parser，性能提高了 156%。

但知其然也要知其因此然，llhttp 是如何作到這一點的呢？《llhttp 是如何使 Node.js 性能翻倍的？》進行了詳細的闡述。

地址： https://zhuanlan.zhihu.com/p/...

2020-01-08[好文]

昨天介紹了《當你在瀏覽器中輸入 google.com 而且按下回車以後發生了什麼？》，今天推薦一篇《圖解瀏覽器的基本工做原理》。講的內容主要是瀏覽器渲染相關的，讓你在更大的視角，更細的粒度瞭解瀏覽器原理，最難得的是文章通俗易懂，圖文並茂，對於想了解瀏覽器原理而又找不到好的入門資料的同窗來講頗有用。

其中還提到了不少延伸知識，好比事件冒泡更微觀角度是什麼？事件的 passive：true 作了什麼？爲何不少時候咱們繪圖不流暢以及如何實現平滑繪圖？

window.addEventListener("pointermove", event => {
  const events = event.getCoalescedEvents();
  for (let event of events) {
    const x = event.pageX;
    const y = event.pageY;
    // draw a line using x and y coordinates.
  }
});

(使用 getCoalescedEvents API 來獲取組合的事件，從而繪製一條平滑的曲線)

文章地址： https://zhuanlan.zhihu.com/p/...