【 2023 】【 04 】所學

beautiful clipart of a motorbike decomposed in its pieces | pieces of the bike all around it | black and white | white background | circular borders | in the style of rinpa school, emiliano ponzi

Netlify

最近一直在研究 Nuxt.js，學習方式是看 nuxt3-awesome-starter 此專案的 code，其中讓我覺得最有興趣的莫過於 Netlify，於是花了不少時間研究一下，他讓前端不太需要理會 server 相關的知識，比如 CDN、Domain Record、SSL…..等.

只需要 Link 到 cloud-based Git repository ( Ex. Github ) 在幾行簡單的設定即可快速完成部署。

以下是我這個月學到的部分

• Nuxt3 的 env 設定 搭配 Netlify 的 Environment variables
• Netlify Functions
• Cloudflare 搭配 Netlify 的 Domain 的設定
• Domains & HTTPS

Domain 設定這邊有個 feature 我覺得超酷，就是會根據 git branch 來 deploy subdomin，比如 branch 叫 staging 及 dev，deploy 上去就分別是 dev.example.com 及 staging.example.com

Nuxt3 Env setup

Mail 相關

都是因為這寫這篇，害我到現在才把這完成

Javasript different between Nullish Coalescing Operator ( ?? ) and Logical OR Operator ( || )

給 ChatGPT 回答，下面截圖用此套件產生

Prop Drilling

記得剛學 vue 的時候，在寫 Components 的時候謹記 prop down , event up 的原則，導致上層一直傳到下層，在往上回傳，最近在優化 code 的時候才發現 Prop Drilling ，以下是問 ChatGPT 使用時機，不過我自己是沒在專案上使用.

Sketch

初步熟悉 sketch 的介面以及設定，熟悉 Plugin，並成功把設定檔案匯出成 html.