程式碼之外，還有生活的藝術 前端工程師 / 攝影 / 生活紀錄
- 文章298
- 標籤372
標籤查看更多
分類查看更多
- Advanced Web Dev Quiz (27)
- Deep JavaScript Foundations v3 (69)
- Full Stack Fundamentals (47)
- JavaScript Hard Parts v3 (50)
- JS地下城 (5)
- TypeScript Fundamentals (20)
- Web Performance Fundamentals (41)
- You Might Not Need a Framework (32)
- 學習經歷 (2)
- 生活亂談 (2)
- 程式筆記 (3)
最新文章
混合 Dev 和 Life 的所有最新內容
298 篇2026-08-2315 分鐘閱讀
在 index.html 補上前端的 WebSocket 連線程式碼，用 window.location.protocol 判斷該用 wss 還是 ws，串接 host 建立連線，用 onmessage 印出伺服器傳來的訊息，最後把成果部署到正式伺服器，用 pm2 換掉舊的伺服器並排查過程中遇到的錯誤。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #WebSocket #PM2 #Onmessage #Protocol #Deployment 2026-08-2315 分鐘閱讀
WebSocket 跟 HTTP 在連線方式上的根本差異：一個是持久雙向連線，一個請求完就立刻關閉，示範在 Nginx 虛擬伺服器設定裡加上 Upgrade 與 Connection 標頭讓反向代理放行升級請求，並改用 Express 重新建立伺服器架構，為後續實作 WebSocket 連線做好準備。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #WebSocket #Nginx #Express #ProxyPass #UpgradeHeader #PersistentConnection 2026-08-2214 分鐘閱讀
示範子網域的實際用途（例如 Netflix 開發環境不會直接架在正式網域上），幫網域新增 blog 子網域的 A 記錄，寫一個新的 Nginx 虛擬伺服器區塊指定 server_name 與 proxy_pass，更新 nginx.conf 的 include 設定，讓同一網域串接多個獨立應用程式。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Subdomain #Nginx #ARecord #ServerName #NginxConf #VirtualServer #ProxyPass 2026-08-2211 分鐘閱讀
示範怎麼在 Nginx 虛擬伺服器設定裡加一條路徑重導向，並拆解 Gzip 壓縮的運作原理：把重複的位元序列改用更精簡的方式描述，解釋為什麼正式環境慣例把壓縮等級設在 6 而非最高的 9，釐清壓縮與雜湊的關鍵差異，並說明為什麼 PNG、JPEG、MP3 這類已經壓縮過的檔案再套用 Gzip 幾乎沒有效果。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Nginx #Redirection #Gzip #Compression #Hashing 2026-08-2111 分鐘閱讀
拆解 find 的語法邏輯（去哪找、找什麼類型、名稱是什麼），實際搜尋 /var/log 底下的所有 log 檔，用 sudo !! 快速補上權限而不必重打整串指令，再理解 find 找檔案位置、grep 找檔案內容的分工，搭配 ps aux 與管線示範 grep 怎麼從一大坨程序清單裡精準揪出想找的那一個。
2026-08-2112 分鐘閱讀
解釋為什麼 cat 與 tail -f 適合不同讀取情境，整理 syslog、auth.log、Nginx 日誌為什麼統一放在 /var/log/，拆解 POSIX 標準賦予每個指令的標準輸入、輸出、錯誤三個共同介面，並說明 >、>>、2>&1 這些重導向符號的作用，理解指令為何能無限串接組合。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Logging #POSIX #StandardStreams #Pipe #Redirection #Tail 2026-08-2016 分鐘閱讀
不靠 Spinnaker 這類重型工具，只用 shebang、chmod、git pull 三行程式碼寫出 bash script，搭配 cron 每分鐘自動從 GitHub 拉取最新程式碼，用 crontab.guru 破解排程語法、syslog 搭配 logger 除錯，體驗簡化版 CI/CD 運作原理。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #CICD #Cron #Crontab #BashScript #Shebang #Syslog #Logger #CrontabGuru 2026-08-2012 分鐘閱讀
拆解為什麼超過一人規模的團隊就需要 CI/CD，釐清連續整合（CI）、連續交付與連續部署三個常被混用的名詞差異，說明為什麼醫療這類高風險應用寧可選擇連續交付保留人工把關，並指出多數人對 CI/CD 的誤解：真正的核心從來不是「推得更快」，而是容易被忽略的測試與驗證環節。
2026-08-199 分鐘閱讀
許多資安事件（尤其是 WordPress 站台）其實只是因為系統沒有定期更新，這一節安裝 unattended-upgrades 讓 Ubuntu 伺服器在背景自動套用 LTS 穩定更新，用 dpkg-reconfigure 完成設定，不必再自己動手寫 cron job 排程更新流程。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Security #UnattendedUpgrades #Apt #LTS #DpkgReconfigure 2026-08-1912 分鐘閱讀
拆解 ls -la 顯示的 rwx 權限字元背後代表什麼、擁有者、群組、其他人這三層權限怎麼區分，並揭開 chmod 數字（例如 777、600）背後其實是 read=4、write=2、execute=1 這三個八進位數字加總而成，說明為什麼永遠不該隨手 chmod 777，而該遵守最小權限原則。
Full Stack Fundamentals
#frontendMasters #fullStackFundamentals #Security #Chmod #FilePermissions #LeastPrivilege #Octal MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog