第 154 期 - 工程師不會被同一個 Bug 擊倒兩次

Created on 2022-10-18

本週專欄

CSS | 不曉得能不能像洋蔥一層一層的 Cascade Layers - 基本用法

Hi！大家好，我是神 Q 超人！這篇文章要介紹的 cascade layers ，就可以讓我們用像是圖層的方式定義 CSS，且就像繪圖的例子，不論 CSS selector 的優先級如何，只要是指定在同個元素上，後方圖層定義的樣式都會蓋掉先前的圖層所定義的相同樣式。

前端開發

The Web’s Next Transition

Web 開發的每個架構都有屬於他的好處以及痛點，而就是那些痛點促使我們不斷的進入到下一個新的架構。在文章會一一以下每種架構的優缺點：

Multi-Page Apps (MPAs)
Progressively Enhanced Multi-Page Apps (PEMPAs)
Single Page Apps (SPAs)

目前最流行的是 Single Page Apps，但我們正進入到另一個新架構的過渡期當中！

【MVVM】如何手刻 Vue 的 Text Interpolations 與 Data Binding

作者會在文章中解釋如何用原生的 JavaScript 實作目前前端框架常見的資料綁定，其中會涉及到以下幾個知識和技術點：

如何將 data 編譯到 HTML 的標記上
如何使用 Array.reduce() 對 template 標記取值
如何使用 Proxy API 監聽 data 的 setter 以實現響應式數據綁定
使用訂閱/發佈模式的概念，收集需編譯的依賴文本對象
使用閉包 (Closure) 的概念，紀錄依賴對像
如何使用遞迴進行深層遍歷
如何做到「指哪打哪」的響應式

TypeScript: Type Guards

前一陣子在讀 TypeScript 文件的時候有讀到 this-based type guards，和這篇文章一樣都是用 XXX is Type 檢查使用者自己定義的型別，以確保經過 type guard 的 value 型別。

JavaScript

Dockerfile good practices for Node and NPM

在幫 NodeJS 寫 Dockerfile 時，其實有滿多小地方都需要注意，像是要把 NODE_ENV 設定好、清 npm cache 讓 image 更小等等，這篇文章把這些小地方都列了出來，讓大家可以回去檢查看看自己的 Dockerfile~

A quick guide to cell phone vibration with JavaScript

原本我以為只有 native app 可以讓手機震動，但想不到現在網頁也可以透過 Vibration API 來讓手機震動了，這篇文章簡單介紹了怎麼寫 JS 讓手機震動、判斷手機支不支援震動、甚至還可以控制震動的持續長短，看完真的有種長知識的感覺

Node.js Best Practices

這個 Github repo 搜集了非常非常多的 Node.js Best practice，雖然內容很不錯，但因為實在太多了可能要花一個月才能全部看完。建議大家可以收藏起來然後每天看一點點，哪天一不小心可能就看完了～

Kubernetes

Learn Kubernetes - The Easy Way

假如你是一個軟體開發人員，應該時常會聽到 Kubernetes，畢竟他已經成為整個產業中 Container Orchestrator 的標準，作者當初剛開始學習 Kubernetes 時覺得很困難，因為其中有很多的東西需要學習，所以沒多久他就想要放棄了，也因為這個理由，所以他嘗試寫這篇教學文章來慢慢地將整個 K8s 需要知道的知識用簡單且好理解的方式一步一步給走過一輪，最終將可以完成一個提供 API 運行有資料庫的應用程式！

Kubernetes Authentication Sidecars: A Revelation in Microservice Architecture

身為一位軟體開發人員，我們總是花費大把的時間在設定 Authentication 或是除錯有關於 Authentication 的問題，你一定曾經卡在 Authentication 無法符合預期運作的坑裡，而隨著 MicroServiers 的大量採用，有越來越多的服務需要去實作 Authentication，而這篇文章想要跟大家介紹如何透過利用 Sidecar 的方式來統一處理 Authentication 的需求

Securing CI/CD pipelines through security gates with Kubescape

DevOps 的概念讓程式碼透過更完善且自動化的 CI/CD 提升了服務的品質，然而在 Security 越來越重要的今天也有更多的 Zero-Day 威脅與錯誤的組態配置被引入到正式環境的系統當中，而在 CI/CD Process 越來越自動化的今天，如何在此過程中加入 Security Gate 來檢查與驗證系統的安全性就變得非常重要，而這篇文章就想要跟大家介紹如何在 CI/CD 的 Process 中透過 Kubescape 來檢查 Kubernetes 的安全性

StarBugs Weekly

StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！
不想漏追科技新聞的人，趕緊把 StarBugs Telegram Bot 訂閱起來 https://t.me/starbugs_weekly_bot (對機器人說 /subscribe 即可)

另外，為了讓 Starbugs 的專欄有更多豐富、優質的內容，我們決定要開始誠徵 Writer 了。如果你本來就有在寫文章，對於文章的品質有要求、而且也樂於分享討論技術，那很歡迎你以 Writer 的身份加入我們。請動動手指頭私訊我們粉專星巴哥技術週刊，並附上自我介紹跟最近寫的文章，就有機會加入我們唷 🙌

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@KyleMo - 雜食性軟體工程師，喜歡的技術我都想學。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。
@lazypro - 從 embedded 到 kernel，從 device 上雲端，程式無涯、無法靠岸，軟體的求道者。
@ianchen0119 - 5G 領域研究生，同時也是喜歡學習不同領域技術的工程師。
@00-talk - 我是 00，脖子痠痛的前端生命鬥士。

Maintainers:

@GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
@LarryLu - 我是 Larry，傳說中的 0.1 倍工程師！
@LukaTW - 一名全身都是死角的工程師。
@smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。
@RicoChen - 熱愛許多技術且努力看透技術的本質，如果有什麼好玩的技術，還請各位歡迎直接找我聊聊。

Feedback

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