第 81 期 - 防疫期間與星巴哥一起在家耍廢、技術學會！

Created on 2021-05-18

本週專欄

你一定用過 htop，但你有看懂每個欄位嗎？

大家好我是 Larry，這週的專欄要跟大家詳細介紹 htop 中每個指標如 Load Acerage、Resident、Time+ 所代表的意義。文章比較長如果一次看不完也沒關係，可以收藏起來等哪天用到 htop 時再回來複習就好了～

作業系統

Linux 的記憶體快取功能：系統把記憶體用光了？

看到電腦的記憶體快用完了千萬不要緊張，說不定是被系統借去做其他事了，因為 Linux 會把沒用到的記憶體借去做快取，不只可以提昇系統效能，而且還幾乎沒有副作用哦

htop explained

這篇文章非常非常長，他仔細介紹了 htop 裡面的資訊是從哪邊取得的，整篇看完差不多也知道怎麼自己寫一個 htop 了XD

Operating System - Virtual Memory

虛擬記憶體（Virtual Memory）是系統在做記憶體管理時非常重要的概念，而且這篇文章也寫得很淺顯易懂，就算完全沒有作業系統的背景知識也能看懂哦～

前端開發

做了一夜动画，让大家十分钟搞懂Webpack

標題檔的部分在做了一夜動畫，但是 Webpack 的講解真的非常清楚！一步步把 Webpack 如何把專案裡的 JavaScript 全都整理成一份的過程，有興趣的話可以花些時間了解一下！

Absolutely Relative CSS Length Units

文中介紹了在 CSS 中常見的幾個長度的單位，像是代表絕對單位的 px、相對單位的 em 和 rem 或是與瀏覽器視窗有關係的 vw、vh、vmin 和 vmax，一起看看這些單位間有什麼不同吧！

Why do you need to know about the JavaScript Array at() method?

如果要在 JavaScript 中的 Array 取得某個元素大家通常都會使用中括號 []，但用 [] 的話如果要取得最後一個元素，就得用 arr[arr.length - 1] 這種不直觀的寫法。而文章中介紹了全新用來取得 Array 元素的方法 at(index)，雖然該方法還沒有正式實裝到現有版本，但還是可以用 polyfill 早用早享受！

variable === undefined vs. typeof variable === “undefined” in JavaScript

以往在比對某變數的值是否為 undefined 的時候都是直接用 variable === undefined 的方式，但其實還有另一種 typeof variable === 'undefined' 的判斷方式，這兩種判斷方式最主要的差異在哪呢？這篇文章有完整的介紹可以參考。

這個真的是最近踩到的雷，在做物件的值是否為 null 的比對時，結果發現即便 value 為 null，但 typeof null === 'object' 也會是 true，這真的是太怪了，於是就去翻 JavaScript 會把 null 的 type 定義為 null 就看到這篇，有興趣的讀者可以看一看但結論就是 typeof null === 'object' 是 JavaScript 的 bug XD

Introduction To Polyfills & Their Usage

相信身為一個前端工程師很常遇到一些新的 method 是無法在舊的瀏覽器當中實現，這就是因為瀏覽器沒有去實作這個 method 的原因，這時候我們就必須要寫 polyfill，那 polyfill 要怎麼寫呢？這篇文章有詳細的介紹。

DevOps

5 Linux commands I never use

這邊文章還滿有趣的，因為通常寫文章的人都會介紹正面的東西，例如最好用，最省時間，最省資源…等，不過這邊竟然是介紹最無用的 Command XD 大家覺得有道理嗎？！

arch: 取得電腦的架構
arpaname: 取得 ARPA Name
bc: 互動式計算器
dumpkeys: 將鍵盤的對照表寫到標準輸出之中
uname: 取得當前電腦和作業系統的名稱、版本及其他細節

Automating tagging and versioning of Terraform modules

這篇文章很值得一讀，在解釋怎麼管理一個 Terraform Module Git Repositroy，裡面提到了版號要怎麼訂，Commit Message 的格式要怎麼寫比較好，並且怎麼把這些規矩融入到 CI Pipeline 中，最後再提到怎麼自動化產生 Change Log, 其實不只是 Terraform Modlue，其他的程式語言應該也可以參考

karmada

在一個組織裡要管理多個 K8s Cluster 已經是無法逃避的一件事情，這邊想要介紹的工具叫做 Karmada，是用來管理跨雲的多重 K8s Cluster 開源方案，他跟原生的 K8s API 相容，可以避免 Vendor Lock-in，讓管理可以集中化，而且可以讓 Workload 在多組 Cluster 間找到最適合自己的居所，而這個專案有些基本觀念主要是來自 Federation v1 跟 v2，有興趣的人可以參考看看

StarBugs Weekly

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

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@Kyle老莫 - 無法忍受自己一天不進步的熱血社會菜雞。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。

Curators:

@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

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

Feedback

本週呈現主題方式做了一些改變，希望讓讀者能夠更快速精準的找到自己要的資訊。也加入社群活動這個區塊，每週更新社群活動的資訊。如果有任何建議，歡迎私訊星巴哥技術週刊 FB 粉絲專頁與我們聯繫。