第 142 期 - 原來國語日報作文班那麼厲害

Created on 2022-07-26

本週專欄

來讓網頁換換 SKIN 吧！一鍵切換你的網頁設計風格.

大家好，這週的專欄是由 StarBugs Writers 00 分享，因為近期 00 公司專案實作了切換主題的功能，想想又好像很少人會接觸到實際產品需要這種功能，就決定來分享一下怎麼簡單實現它。當然所謂的切換主題不只是顏色，就連高度、寬度等雜七雜八的樣式都能換，甚至是能夠在更換樣式時監聽變化！

如果你也好奇，就跟著文章一步一步完成這個聽起來很酷的東西吧！ 🙌

前端開發

Fantastic CSS border animation

相信大家都一定有用過 CSS 的 border 來完成一些需要框線的 UI，但是你能想像框線還能夠延伸出怎樣的視覺效果或動畫嗎？也許之前你沒想過的，在這篇文章都有！ 🙌

Code Smell 149 — Optional Chaining

文章中主要介紹在 JavaScript 裡，有個 ?. 能夠在訪問某個物件屬性前，先判斷物件是否為 null 或 undefined，但在你健全的程式碼當中，怎麼會有一個物件會在訪問時還會是 null 或 undefined 呢？除此之外，這個作者的 Code Smell 系列會把一些有壞味道的程式碼或寫法列出來，有興趣的可以再多看看其他文章哦！但就不一定都是 JavaScript。

My Dumbest CSS Mistakes

作者列出他自己在寫 CSS 的時候常會有的 typo 或是誤會，雖然有些看起來真的是很基本的東西，但都會不經意的寫錯，我自己在看這篇文章的時候，也邊在思考有什麼語法是我每次都一定會弄錯，再改成正確的 😂。大家在看文章時也可以思考看看，然後在列出來面對之後把它們一次改過來！

資料庫

複習資料庫的 Isolation Level 與圖解五個常見的 Race Conditions

最近為了準備面試，又重新回去複習資料庫的 Isolation Level，意外發現這篇文章寫得非常清楚，不只有畫圖給你，而且還舉了非常多的例子，一篇就可以把 Isolation Level 看懂。

註：這篇是 Medium 上的 Member-only story，可以用無痕模式打開來看

RDBMS (關聯式資料庫) - ACID 基礎觀念

同樣是為了準備面試XD，最近又去把 ACID 分別是什麼複習了一下。如果你是剛開始入門使用 RDBMS，可以先看看這篇文章，會讓你在使用資料庫時對他的設計比較有概念哦。

What is the difference between “INNER JOIN” and “OUTER JOIN”?

眾所皆知 SQL 的 JOIN 可以分成 Inner 跟 Outer 兩種，而 Outer 又分成 Left, Right 跟 Full 三種，真的會被搞到霧煞煞。如果你跟我一樣到現在還分不太清楚的話，可以來看看這篇 Stack Overflow 的留言，三分種就把這些搞懂～

DevOps

How Prometheus Querying Works (and Why You Should Care)

深入 Prometheus 如何查詢資料細節的文章，本文是基於 2022 年歐洲 Prometheus Day 演講做的延伸，裡面有影片可以參考。從 Prometheus data model 以及 indexing 策略到最後的執行查詢，執行查詢有一步一步拆解整體的流程。

Prometheus vs. OpenTelemetry Metrics: A Complete Guide

究竟要使用 Prometheus 還是 OpenTelemetry 呢？本文給了詳盡的建議。此篇是系列文的最後一篇比較文，有興趣可以看前面兩篇介紹 Prometheus 和 OpenTelemetry。這兩個工具最大的差異在於 Prometheus 從收集、儲存和搜尋都做完了，而 OpenTelemetry 本身負責的事情只有收集而已，儲存和搜尋都是交給其他服務去做。

How to quickly (and successfully) onboard engineers

DevOps 文化的涉略範圍當然也包括加速新進人員的上手過程，時間軸上大致分為四個階段：從新進員工還沒開工前就要開始準備了、第一天的準備、第一週的目標以及一個月後持續的遞交價值。

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 粉絲專頁與我們聯繫。