gitlab cicd ^^

 How to use GitLab CI/CD for Vue.js:

https://about.gitlab.com/blog/2017/09/12/vuejs-app-gitlab/

How to use GitLab CI to deploy to multiple environments:

https://about.gitlab.com/blog/2021/02/05/ci-deployment-and-environments/

目標:

1. Runner 如何取得 Artifacts。
2. Runner 如何將 Artifacts 上傳至目標 Server。

https://ithelp.ithome.com.tw/articles/10220724

大概這部分讓kris用就好

須解決目標2

只針對我的branch執行該段yml code

Deployment | Vue CLI (vuejs.org)  本地run起build的檔案 & gitlab with vue cli

What does agnostic mean in tech?

This term is normally mentioned in the context of how software and devices interact with other tech solutions. Having a product that's agnostic means having a tech solution that's able to interact with any systems or any products in the same category.

containerization n 容器化

anatomy n 解剖學

Software as a Service，縮寫：SaaS

優化翻譯字的取得時間，在beforeRouter的時機，避免Cumulative Layout Shift

Whistle 搭配 SwitchyOmega

 https://oneliang.notion.site/oneliang/Whistle-SwitchyOmega-5d27619192d840d88c35c4dffc30476d

區別 location.reload() v.s. history.go(0)

 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的)

history.go(0) 除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据

閃爍

 flash of invisible text (FOIT).

https://web.dev/font-display/?utm_source=lighthouse&utm_medium=devtools

JWT

 https://www.npmjs.com/package/jwt-decode

https://www.youtube.com/watch?v=7Q17ubqLfaM

主要可以把Authorization（授權）訊息綁在client，後端就算換了好幾個資料庫也不用重新登入！

補充：Authentication（驗證）和Authorization（授權）不同

(from https://matthung0807.blogspot.com/2018/03/authenticationauthorization.html )

Authentication（驗證）：確認使用者是否真的是其所宣稱的那個人的過程。

Authorization（授權）：根據使用者的角色來授予應有的權限。

gitlab-ci.yml

 https://ithelp.ithome.com.tw/users/20072606/ironman/3827

Getting error in CSS with `rgb(0 0 0 / 30%)`

 https://stackoverflow.com/questions/66825515/getting-error-in-css-with-rgb0-0-0-15

As Dan Mulin stated, sass hasn't yet caught up to the new standard so instead of box-shadow: inset 0 0 5px rgb(0 0 0 / 15%) use box-shadow: inset 0 0 5px rgba(0, 0, 0 , 0.15) Regards

/* New Standard for color using rgb (rgba depreacated) */
rgb(0 0 0 / 0%)

/* Old standard for color using rgb and rgba */
rgb(0, 0, 0) 
rgba(0, 0, 0, 0)