程式碼之外，還有生活的藝術 前端工程師 / 攝影 / 生活紀錄

• 文章39
• 標籤26

標籤查看更多

• #frontendMasters
• #advancedWebDevelopmentQuiz
• #JavaScript
• #HTML
• #CSS
• #Performance
• #Security
• #JS地下城
• #HTTP

分類查看更多

• 學習經歷 (2)
  • 我該早點學的前端技術|不學無術也該有個限度
  • 線下不能群聚? 那線上總可以吧! 200人六角線上前端切版直播課程
• 生活亂談 (2)
  • Hi 👋 我是許文修 歡迎來到我的部落格
  • 《1917》最佳影片與導演獎熱門首選 | 電影雜談
• 程式筆記 (35)
  • CORS Config 解析：Preflight、Credentials 與 Response Headers
  • 圖片格式完整比較：JPEG、PNG、WebP、AVIF 的壓縮、透明與色域差異
  • CSS Render Layer
  • 從 HSTS 看網站安全：理解 Strict-Transport-Security Header
  • CSS 選擇器：如何只選中第一個 <li> 元素
  • 理解 Set-Cookie 與 Cookie 的運作機制
  • CSS font-display 五種策略（auto/block/swap/fallback/optional）
  • XSS／CSRF／Clickjacking／MITM 名詞整理
  • HTML rel 屬性：noopener 與 noreferrer 的差異及安全性應用
  • 理解 JavaScript Promise 方法：all、race、any、allSettled
  • 理解 JavaScript Generator 函式與 yield 運作原理
  • HTML rel 屬性：noopener 與 noreferrer 的差異及安全性應用
  • 理解 Web Vitals | 提升網站效能與使用者體驗的關鍵指標
  • JavaScript WeakMap 與 Map 的差異及實際應用
  • CSS 選擇器權重 | Specificity
  • JavaScript 事件傳遞機制：Capturing 與 Bubbling 的執行順序
  • CSS 動畫的渲染成本（Layout、Paint、Composite）
  • JavaScript 垃圾回收機制：理解 Mark and Sweep 演算法與記憶體管理
  • HTTP Cache：快取指令與應用
  • 從輸入網址到頁面載入：PerformanceNavigationTiming
  • JavaScript 展開運算子的淺拷貝陷阱：物件參考問題解析
  • 前端資源預加載：dns-prefetch、preconnect、prefetch、preload
  • 瀏覽器的呼叫堆疊與事件循環 | Call Stack & Event Loop
  • DNS 解析流程 | Resolving Domain Requests
  • 渲染流程與合成 | Rendering Pipeline & Compositing
  • async vs. defer
  • bfcache 是什麼？為什麼 unload 會讓頁面失去 bfcache 資格
  • 聰明的處理前端表單 | FormData API | handling-form-without-any-dependencies
  • Teachable 的 Sidebar 你的時辰到了 | Tampermonkey Userscript
  • 幹嘛不自己上網查就好的 JavaScript 世界時鐘 | JS地下城 - 004
  • 不負責任的 JavaScript 計算機 | JS地下城 - 003
  • gulp-gh-pages deploy 失敗QQ | 程式筆記 - 001
  • 俄羅斯方塊謎題 | JS地下城 - 番外篇 - 001
  • CSS、JS切個時鐘吧 | JS地下城 - 002
  • 用 JavaScript 切出九九乘法表 | JS地下城 - 001

Life

生活日常、電影、旅遊隨筆

2 篇

2025-05-093 分鐘閱讀

Hi 👋 我是許文修 歡迎來到我的部落格

這裡主要寫一些網頁前端相關的文章，主要是為了作為個人的紀錄留存用，「可能」會偶爾寫電影、音樂、遊戲類的文章，反正就是寫好玩的。有任何問題歡迎聯絡我!

生活亂談

#關於

2020-02-198 分鐘閱讀

《1917》最佳影片與導演獎熱門首選 | 電影雜談

一鏡到底的戰爭片!?我還不看爆。本年度最愛的電影!!!

生活亂談

#Movie #Life

1

MIT Licensed | Copyright © 2025-present Wen-Hsiu's Blog