第 117 期 - 現在放棄的話，年假就開始囉！

Created on 2022-01-25

本週專欄

你所不知道的 query string 小細節

Hi 大家好我是 Andy，這次要來跟大家介紹 query string 的一些意想不到的小細節，query string 是前端工程師很常使用的技巧，通常我們在進行 query string 的處理時都會利用套件來輔助，可是套件有時候卻會產生出意想不到結果，這篇文章就要來介紹你所不知道的 query string 小細節。

前端開發

CSS Practices To Avoid as a Web Developer

在寫 CSS 的時候會因為想要使用某些寫法，而去設定相關的屬性，以確保畫面顯示的正確（例如有些開發者會在使用 position 的時候，再另外將 display 設定成 block），但在某些 element 上其實是不需要這麼做的，只要你懂 element，那 element 就會幫你，一起來看看文章中舉的例子吧。 🙌

如何合理的使用 React Context

React Context 的使用非常容易，但是在容易使用的背後，還要特別注意透過 Context.Provider 取得資料的 component，是否存在著不必要的 render 問題。

14 GitHub Repositories to Ace Your JavaScript Interviews 🎯 🚀

相信在等到公司的年終三寶「尾牙、抽獎和年終」後，某些人已經準備好履歷要大投特投了，但是前端那麼大，該如何準備起呢？這裡剛好整理了 14 個和面試相關的 GitHub 專案，讓你在面試前的準備可以衝刺一波！

Testing

讓我們使用 Cypress 開始為 LIFF app 撰寫單元測試

隨著前端越來越複雜，測試這門學會也是越來越被大家重視，然而前端很多時候都是要仰賴使用者的操作才能讓元素有真正的效果，在這種 end-to-end testing 中 cypress.js 可以說是相當有名的套件，這篇文章就在介紹 cypress 的測試方式，有興趣的讀者不妨可以收藏起來日後閱讀。

街口支付 API 自動化測試解決方案

這篇文章真的是把測試寫得相當深入，尤其像街口這麼大的公司測試更是重要，這篇文章從 QA 的角度下去說明一些測試的技巧，個人覺得蠻不錯的有興趣的讀者可以閱讀看看~

React Snapshot Testing With Jest: An Introduction With Examples

在前端的測試除了 end-to-end testing 外還有另一個前端工程師可以做的就是 snapshot testing，透過 snapshot 我們可以確保元素會正常的 render 出我們想要的結構，這篇文章就在介紹 React 的 snapshot testing，有興趣的讀者可以閱讀看看。

DevOps

iThome 鐵人賽是要在一個月內完成每天一篇技術文章的挑戰，而這個作者打算做的是三倍份量，也就是 90 天！開始時間就是今年 2022/01/01，預計結束時間為 2022/03/31，他打算使用 90 天的時間來介紹有關於 DevOps 領域的相關知識，預計會處理 13 個技術領域，從介紹 DevOps 開始，學習程式語言，認識 Linux 基礎，了解網路知識，探討一個 Cloud Provider，如何使用 Git，容器，Kubernetes，學習 IaC，自動化組態管理，建立 CI/CD Pipeline，監控與日誌管理，儲存和資料保護！

Multiple GitHub accounts on one laptop

假如自己私人跟公司都使用 GitHub 來儲存程式碼，兩邊都需要推 Code，而且你不想要使用公司帳號額外建立一個 GitHub 帳號的話，那該怎麼做呢？解決的方法有兩個，分別是 SSH Configuration 或是 git URL re-writing 來達成，有興趣的人可以參考這篇文章來試試看

9 Open Source Add-Ons to Improve Your Mozilla Firefox Experience

相信除了 Chrome 之外，大家應該或多或少會有第二選擇的瀏覽器，像我自己就是使用 Firefox，這篇文章介紹九個加強 Firefox 的開源 Add-Ons，例如有可以讓網站變成黑色模式的 Dark Reader，密碼管理工具 Bitwarden，設定快捷鍵功能工具 Vimium-FF…等，有在使用 Firefox 的人可以參考詳細內文去安裝有興趣的 Add-Ons

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