第 83 期 - Stay Home, Stay Safe.

Created on 2021-06-01

本週專欄

Macbook 膨脹的災情了嘛？Aldente 幫你自動斷電

大約 2018 開始的 Macbook 開始邁向輕薄，但也是從這時候開始，開始有著電池膨脹的災情。看著身旁同事的筆電逐一膨脹送修，慶幸自己的筆電沒有遇到這種災情。
但，好景不長，從 2019 購入到現在約莫兩年多，我的筆電電池終究是膨脹了…

前端開發

Learn CSS By Playing Games 👾

最近玩魔物獵人常常就算放空了，手指還是反射性地做迴避或攻擊的動作。那如果說把學習 CSS 的各種技巧也都變成遊戲，然後一直玩下去是不是之後看到什麼版型配置也都可以反射性地想到如何解決。 😂

Back to Basic: Should we use Flexbox or Grid?

看了許多教學文章並學會 Flex 和 Gird 後，反而搞不太清楚什麼時候該使用 Flex，什麼時候又該使用 Grid 嗎？在這篇文章和留言裡面的總結是「如果你用 Flex 太複雜，就使用 Grid。Grid 可以是 Flex 的父項，反之亦然。」

What is Vite and how to use it with React

這篇文章從零建構一個 React 的專案，並且使用 Vite 來協助打包專案以及處理開發中必不可缺的 Hot Module Replacement，看起來非常簡單，大家有興趣可以試試看。 🙌

Throttling vs Debouncing - an interesting analogy

在前端開發中難免跟事件綁定脫離不了關係，有時候為了效能會採用 debounce 的方式來處理，最有名的方法就是 lodash 的 debounce，這篇文章分析了兩種處理事件的方法，有興趣的讀者不妨可以收藏起來日後可以閱讀。

重新認識 Pixel、DPI / PPI 以及像素密度

身為一個前端工程師很常會遇到圖片像素的問題，或者是每個元素之間的 Pixel 距離，這篇文章介紹了幾個在網頁中常用單位，有興趣的讀者也可以收藏起來。

How To Use Mobile App ASO And SEO For Your App Promotion

在 Google 宣布 AMP is dead 之後還有哪些方法可以提供手機版的 SEO 呢？這篇文章敘述了幾個可以提升 SEO 的方法。

Web Security

CORS 完全手冊（一）：為什麼會發生 CORS 錯誤？

這一份由胡立寫的 CORS 總共有六篇，內容真的紮實到不行，除了詳細說明 CORS 錯誤的原理之外，還帶著你思考瀏覽器究竟為什麼要做這樣的限制，真的是不可多得的一系列好文。

防止 XSS 可能比想像中困難

這篇同樣是由胡立大大寫的文章，內容主要在講述一個看似安全的網站，究竟是哪邊沒處理好導致有 XSS 的漏洞，分析的過程稍微有點複雜但也很有趣。

跨出成為駭客的第一步，來打打看 CTF Web 吧！

既然都說到 Web Security 了，那就不得不偷渡一下自己介紹 CTF 的文章XD。對我來說打 CTF 除了滿足當駭客的成就感之外，更重要的是知道怎麼攻擊之後，能用攻擊者的思維來檢視自己做的網站，如果連自己身為開發者都沒辦法攻下自家的網站，那才能說自家的網站是安全的對吧！

DevOps

Argo Rollouts 發布 1.0 啦！不過他是做什麼的啊XD Argo Rollouts 是專門用來補足原生 Kubernetes Deployment 功能不足的部署控制工具，他可以讓 K8s Deployment 具有更多的部署策略，例如 Blue/Green，Canary，Analysis 和 Experiment 部署策略，而他通常會和 Argo CD 一起搭配使用；不過他真的想達成的目標是成為 K8s Deployment Resource 的替代方案，提供應用服務一個更好的生命週管理機制，讓使用者可以利用各種適合自己的策略來進行部署，進而降低部署的風險，並且擁有部署期間自動中斷或是 Rollback 回上一個穩定版本的能力！

Announcing Tech Preview of Consul Service Mesh for Amazon ECS

使用 AWS ECS 的開發者們現在可以選擇 HashiCorp Consul 來作為 Service Mesh 的解決方案嘍！不過大家先不要太激動，因為還只是在 Tech Preview 的階段而已，他可以讓開發者先部署在非生產環境做測試看看，這篇文章先稍微介紹如何把 HashiCorp Consul 跟 ECS 整合再一起，緊接著手把手的使用 Terraform 來講解要怎麼部署，有興趣試試看的人不要錯過了！

Fairwinds Releases Polaris 4.0, Provides Support for All Kubernetes Resources

感覺用來幫 K8s 做健康檢查的工具越來越多了，這次要介紹的解決方案叫做 Polaris，他在最近發佈了 4.0 版，他會自動地去幫忙檢查並且確保 K8s 內的 Pod 和 Controllers 有根據 Best Practices 來做設定，跟 Popeye 有點像，幫助 K8s 的維運人員避開可能遇到的問題，而在最新發佈的版本中，他支援了 K8s 的各種資源種類，包含 Ingress, Service 和 ClusterRole，增加根據 metadata 去做客製化檢查的能力，並且支援跨資源的檢查功能，例如確保所有的 Deployment 都有 HPA

StarBugs Weekly

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

Writers:

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

Curators:

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

Maintainers:

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

Feedback

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