第 76 期 - 自己挖的洞自己填

Created on 2021-04-13

本週專欄

Gatsby | 用 utterances 替 Gatsby 的 Blog 網站申裝 GitHub Issue 留言功能

Hi！大家好，我是神 Q 超人！忘記是在去年還是前年，我曾經分享過如何使用 Gatsby 打造自己的 Blog（在這裡），可以在上面寫寫文章發佈分享。但我有個想完成的小 feature 被遺失在那篇文章，一直沒有去達成，那就是所有的文章都少了留言的功能！ 自己挖的洞只好自己填起來，那現在就來分享一下該怎麼在 Gatsby 中加上留言功能吧！ 🙌

前端開發

Insert JavaScript Into HTML - Script Tag In JavaScript

雖然隨著前端 frameworks 的興起，現在的開發者普遍都會使用 webpack 之類的打包工具，再透過打包網站需要用到的套件，比較碰不到一直寫 script 標籤一直爽的狀況，這也讓我們與 script 標籤慢慢變得陌生，而這篇文章介紹了 script 標籤的各個屬性，大家可以瞭解看看！

JavaScript Switch Statement – With JS Switch Case Example Code

介紹 switch 的基本用法和使用時需要注意的事情，也在最後比較了 switch 和 if…else 兩者的不同和使用情境！

5 JavaSript GitHub Repositories for Interview Prep!📝

雖然標題是說給準備面試的 5 個 Repositories 啦（看來外國人也習慣面試前抱佛腳 😂），但推薦的每個 Respositories 都涵蓋了相當的質量，除了知名的 You Don’t Know JS 外，其他的 Respositories 也充分的講解了有關 JavaScript 的基礎和底層知識，還有用 JavaScript 來解釋常見的資料結構及演算法，滿山滿谷的大秘寶大家衝啊！ 🔥

後端開發

What’s new in SocketIO 4?

不久前 socket.io 發佈了新版本 v4，雖然沒有太大的變化，不過還是有一些小小的改進，有在用 socket.io 的朋友們趕快參考他的 migration guide 升級上去吧～

17LIVE Next-Gen Database 選型分析

俗話說「DB 選得好，開發沒煩惱」，要選擇一個資料庫系統除了要評估效能之外，還要仔細考慮開發時的需求（需不需要 join、強一致性等等），今天就一起來看看 17LIVE 在做資料庫選型時的心路歷程吧

当浏览器切换到其他标签页或者最小化时，你的 js 定时器还准时吗？

說真的我從來沒去想過切換瀏覽器分頁時 setInterval 跟 setTimeout 會不會準的問題 XD，感覺頻率應該不能太高否則會影響效能，而這篇文章有實際到各個瀏覽器去測試，文章不長推薦大家都可以讀一讀增廣見聞

DevOps

How we use metamonitoring Prometheus servers to monitor all other Prometheus servers at Grafana Labs

大家都知道要幫線上應用服務設定好監控，這樣一來應用服務出問題的時候就可以馬上知道，不過大家有沒有被人問過一個問題，就是那誰要幫你監控你的監控服務？！(好繞口令XD) 我自己就曾經被客戶問過這個問題XD Grafana Lab 稱這樣的概念叫做 metamonitoring，而這篇文章就是想要解釋他們如何透過少數幾個分散在各處地理區域的 metamonitoring Prometheus 來監控所有其他的 Prometheus！

Argo Workflows 3.0 Released!

Argo 家族中的專案 Argo Workflows 最近發佈了 3.0，底下列出三項重點更新，其他的可以參考官方更詳細的 Release Note

特別強化 UI 並且讓他更簡易使用 (話說 ArgoCD 的 UI 真的滿厲害的)
讓 Controller 達到 High-Availability，減少 Down Time 的發生
在 Artifact 方面，讓使用者可以設定 Namespace 的預設 Repository，而且以後只需要在 Manifests 中設定 Key，非 Key 的部分則會從 Repository 中獲得 (翻成中文好怪XD)

Fast-Docker

最後來介紹一個叫做 Fast-Docker 的 GitHub Repository，裡面涵蓋了所有 Docker 的細節 (Dockerfile, Image, Container, Commands, Volumes, Docker-Compose, Networks, Swarm, Stack)，包含了可能的範例和使用情境，感覺很適合新手上路！

StarBugs Weekly

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

Writers:

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

Curators:

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

Maintainers:

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

Feedback

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