第 39 期 - 中了大樂透，你還會寫程式嘛？

Created on 2020-07-28

本週專欄

Linux 新手入門必裝 | TLDR 命令列神兵

TLDR 能夠用最簡短的方式告訴你各種指令的用法。TL;DR 是 too long; didn’t read 的縮寫，初學 Linux 的時候一堆指令的縮寫有夠難懂，什麼 ls、pwd、mv … 諸如此類的指令。當你不懂的時候怎麼辦？用 TLDR 就對了！

神 Q 超人

Next.js | 初探單元測試，使用 Jest + React Testing Library

雖然是用 Next.js 的專案下去寫單元測試，但是文章裡更多的其實是描述該如何對 React 的 component 做測試，以及在測試的時候會踩到那些坑和該注意的事情。

How to Create and Publish a Vue Component Library

在各個框架崛起的現在，許多 Vue 或 React 的開發者都會將一些常用的 UI 包成 Component 讓人直接使用，但你知道該如何打包一個 Component 到 npm 上嗎？以 Vue 為例，一起來看看吧！

YOU DON’T HARNESS THE FULL POWER OF JS CONSOLE 👎 :(

看過了那麼多關於 console 的各種奇招，本來想說不會再為關於 console 的應用內容感到驚訝，但我還是第一次知道 console 可以顯示圖片…

Larry Lu

使用 WSL 2 打造優質的多重 Linux 開發環境

以前要在 Windows 電腦上使用 Linux 不是要 VM 就是要灌雙系統，但 VM 用起來很麻煩效能又很差，雙系統則是一不小心就會灌壞，一邊灌還要一邊祈禱就算壞了資料也不要不見。但自從 Windows 有了 WSL 之後一切都不一樣了，尤其現在 WSL2 用起來真的就是 Linux，如果有想要 Windows 上打造 Linux 開發環境，那絕對不能錯過保哥的經驗分享。

JavaScript Visualized: Event Loop

昨天意外發現有一篇文用動畫的方式講解 Node.js 的 Event Loop，想當年我初學 JS 時也是被各種同步、非同步搞得頭昏腦脹，花了好大一番力氣才終於搞懂，如果當時也有這麼簡單的動畫說明就好了。

Things I Wished More Developers Knew About Databases

這篇文寫得超好但也超長，他列出身為開發者平常在使用、挑選資料庫時該注意的 17 個點，包括 Consistency 跟 Isolation 分為哪些級別、Latency 可能會從哪裡來、資料庫不見得會照你請求的順序執行等等。想了解資料庫，看這篇就對了！

LukaTW

LocalStorage vs Cookies: All You Need To Know About Storing JWT Tokens Securely in The Front-End

LocalStorage 與 Cookies 所有你需要知道的知識。從 Access token、Refresh Token 開始複習，接著分析 Local Storage 的優缺點，很方便但是有可能受到 XSS 的攻擊。Cookies，不能被 JS 存取，所以沒有 XSS 的風險，如果遇到跨 API Server 的情況，無法共用 Cookies。最後作者總結了 Cookies 在 Oauth 2.0 的使用經驗。

🚀🚀10 sites or apps that can make your frontend development to pro* level

十個能讓你前端技巧變成專家級得網站。文中推薦了 10 個很實用的工具或網站，包含如何產生各種形狀，產生各種動畫，CSS 剪貼區域的技巧。形狀的 template … 等等。真的不錯耶，非常實用。

Have You Mastered These 9 Vue Techniques?

你是否精通了 9 個 vue.js 技術？Functional Component、Deep Selectors、進階 watcher、事件引數 $event …，這篇棒棒的。

smalltown

12 Container image scanning best practices to adopt in production

sysdig 分享了 12 個掃描 container image 的最佳守則：

把 Image 掃描的程序融合到 CI/CD Pipeline 中
使用 inline 掃描，避免機敏資料儲存於 Container Image 中
在 Image Registry 也要執行 Image 掃描
利用 Kubernetes admission controllers 限制使用的 Container Image 來源
確保 Image 使用的版本，不要使用 latest 或是 staging 這種 tag
OS 的 Vulnerability 也要記得掃描
使用乾淨的 Distroless Container Image，避免裝一堆有的沒的
掃描使用到第三方函式庫的 Vulnerability
最佳化 Image Layer 的順序
掃描 Dockerfile ，找出沒有寫好的地方
快速標記被 Kubernets 使用到含有 Vulnerability 的 Container Image
選擇 SaaS 為基底的掃描解決方案

Announcing Clutch, the Open-source Platform for Infrastructure Tooling

Lyft 宣布開源 Clutch 這個千秋萬載，一種江湖的 Infrastructure Workflow 工具XD 介紹文寫得讓我有點看不懂，不過實際去看他的組態設定，可以發現可以利用它來整合各種服務，然後再利用它來管理，例如：可以把 EC2 ASG 整合進來，就可以透過它來得知 ASG 的 Size 變化狀況 (透過 Slack)，或是把他跟 Kubernetes 整合在一起，透過它來砍掉 Pod 或是調整 HPA，也可以把他跟 GitHub 整合在一起，就可以控制 Repository，簡而言之就是要你命 3000 XD

Introducing Domain-Oriented Microservice Architecture

幾年前大家推崇 Microservices 的好處，開始一窩蜂地開始使用它來構築組織內的服務，不過在最近幾年，大家開始撻伐 Micro Service 的缺點，覺得他會使得複雜性大大增加，而在 Uber 內大約有 2200 個重要的 Microservices，在過去的兩年中，Uber 嘗試降低 Microservices 的複雜性，同時仍保持 Microservices 架構的優勢。所以 Uber 希望通過這篇文章介紹Microservices 架構的通用方法，此方法被稱為 “Domain-Oriented Microservice Architecture” (DOMA)，前面也提到很多人開始在嫌棄 Microservices 架構，但是很少人會提議測底拒絕，因為它還是有它的優點，似乎目前也沒有比較好的替代品，所以 Uber 希望 DOMA 可以降低系統整體的複雜性，但又保持 Microservices 架構的靈活性

StarBugs Weekly

StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！

Curators:

@GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
@Larry850806 - 我是 Larry，傳說中的 0.1 倍工程師！
@LukaTW - 一名全身都是死角的工程師。
@smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術

Feedback

想看什麼內容，告訴我們！點我回饋意見