第 99 期 - 中秋節烤得肉變成了體重

Created on 2021-09-21

本週專欄

這次透過 Python 來探討 Pass by Value, Pass by Reference 與 Pass by Sharing 三個重要概念。
為什麼這些概念重要呢，因為常見的語言：

JavaScript (Call by Value, Call by Sharing)
Java (Call by Value)
C (Call by Value)
C++ (Call by Value, Call by Reference)

傳值策略大概離不開這幾個，因此我先用比較少人寫過文章，但是又很多人在使用的 Python，來探究不可不知的 Pass by Value, Pass by Reference, 與 Pass by Sharing 這幾個概念。

前端開發

Typescript explained in Javascript: extends

Typescript 的 extends 究竟代表哪些東西呢？在 JavaScript 的世界中就很單純通常都是用來作 class 的繼承，而 TypeScript 則有不少地方都可以使用 extends，這篇文章整理了幾個 extends 在不同情境中做了哪些事情，很值得一看~

How to - 如何打造像是 create-react-app 的 npx script （以 create-threejs-starter-pack 為例）

有時候想要利用某個好用的套件來產出一些 repo 出來都會使用 npx 的方式進行，這樣就可以減少不少時間，但假如是自己設計的 repo 也想要這樣使用就必須要自己寫一些 script 了，這篇文章作者使用了一些方式來達到這樣的效果，有興趣的讀者不妨可以看看~

在瀏覽器上透過 Arduino 讀取溫濕度 - Web Serial API

這個真的太酷了，從來沒有想過 JavaScript 也能操作到底層，不過這項功能目前只有 chromium 核心的瀏覽器才有支援，不過相信之後會支援的瀏覽器會越來越多，期許哪天我們也可以用 JavaScript 開發韌體了XDD

INTRODUCING GATSBY 4

想不到我連 3 都還沒有升級完成，Gatsby 就馬上再推出 4 的 beta 版本，而 Gatsby 官方也說，關於 3 的版本已經在 v3.14.0 完全結束了！接下來就會進入 4 的世界囉！來看看它有什麼特別的 feature 吧！

::before and ::after on CSS - Guide For Beginners

作者用很簡單的例子來解釋 CSS 屬性中的 ::before 和 ::after，快跟著作者一起玩轉這些「Pseudo-elements（偽元素）」吧！

Frosted glass on CSS

文章中分享如何透過 CSS 的 backdrop-filter 來製作霧面玻璃的效果。除此之外，也有嘗試另外幾種像是色調或陰影等與霧面玻璃搭配的樣式。

Node.js

從編譯器優化角度初探 Javascript的 V8 引擎

一般人對於直譯式語言的印象就是慢編譯式語言一大截，但 JS 的 V8 引擎為了加快速度也是做了非常多的最佳化，雖然在效能上可能還是略遜於編譯式語言，但因為 Web 應用大多是 IO-bound 的，所以在實際應用上 JS 還是可以有很不錯的表現

Effective limited parallel execution in JavaScript

很多應用都會有在 client 端限流的需求，譬如說爬蟲如果一口氣發太多請求出去，可能就會直接被 ban 掉，因此這篇文章介紹了一個 Promise Pool 套件，可以用來限制同時運行的 promise 數量，如果有類似需求的話可以參考看看～

ES2022 feature: class static initialization blocks

JS 又要有新的 feature 了～這次的 class static initialization blocks 可以讓你在 class 裡面對 static variable 進行初始化，雖然我個人感覺沒有很實用XD，不過還是來了解一下吧

DevOps

每次總是會在 GitHub Repository 挖到寶，這次要介紹的是有關於使用 K8s 的最佳守則，作者希望可以幫助大家擁有一個更穩定與可靠的應用環境，裡面提到叢集在架構，成本與 Namespace 需要注意的重點，接著針對 Security, Labels, Liveness, Readiness, Resources, Scalability, Devployment 和 Shutdown 分別詳述應該要怎麼做會比較好，不管是新手或是老手，應該都可以透過裡面提到的內容溫故知新

How to Write Test Cases: Sample Template with Examples

如何寫出測試案例呢？這個議題滿有趣的，很適合面試 QA 的時候使用，因為自己覺得有點 Open Question 的味道，雖然有一些基本的要素一定要具備，但有滿多延伸的問題可以繼續討論，guru99 這邊使用登入服務這個功能如何測試開始討論起，提出應該注意的要素有哪一些，並且一一提供最佳守則供大家參考

How to Test Serverless Applications in AWS

在 AWS 運行由 API Gateway + Lambda + DynamoDB 所組成的 Severless 服務很簡單，但是在開發的時候又該如何測試呢？這篇文章分別從如何對這三個元件做 Unit Test 談起，然後要如何對程式碼也做 Unit Test，最後當然是跟大加分享要如何做 Integration Test，有在使用 Serverless 的人不要錯過了

StarBugs Weekly

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

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@KyleMo - 雜食性軟體工程師，喜歡的技術我都想學。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。
@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

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

Feedback

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