終於、終於30天啦啦啦！！！

原本其實是有猶豫今年要不要報名的，因為去年結果讓我有點失落憔悴...

然後這次也沒有組團，沒拖人下水成功。雖然也還是有發現一些認識的朋友今年也有參加，但還是一度在猶豫要不要報名，所以我幾乎是拖到最後一天才報名的哈哈。

工作的這兩年，遇到的事情這樣看來應該不算少。我有把一些我有興趣的議題記錄下來的習慣，雖然回去看也就一些很零碎的關鍵字，甚至有些一度回想不起來是什麼玩意兒。
這些東西我是有可能另外寫出來做記錄發表的，所以這次抱著反正之後也還是想寫，那就參加寫吧的想法報名，沒完賽就算了。

不過其實原本是有兩個參賽主題的，但最後只選擇了一個。一方便是另外一個對現在我來說不太好組織，另外就是時間安排上，我是很後來才真正決定要報名的。

而且在開賽前幾天確診Orz
隔離了7天

「這些、那些、你可能不知道、我不知道的Web技術細節」記錄了一些受到工作同僚、朋友聊天討論啟發，進一步研究原本我不知道或沒那麼清楚的Web技術細節。儘管足有接近30篇，但其實與我原本記下的關鍵字還是少了不少。像是WebAssembly、WebRTC、WebGL、Mono Repo、Micro Frontend等等。有些東西我有一些接觸，也有不少是還需要花費大量時間學習的。

而且這個系列，每一篇都至少花 超過兩個小時 構思撰寫。並且我實在不是很像破壞每一篇的獨立和完整性。所以有些篇數對於一次要閱讀完怕是會有些吃力，但基本每一篇都可以獨立參考閱讀，而不需要在意閱讀順序性。

目錄(依發表時間序)

0. 你可能都不瞭解的JS變數祕密 - 一文了解無宣告、var、let、const變數細節
1. 這些那些你可能不知道我不知道的Web技術細節系列(前言)
2. 你可能不知道void也是一個運算子
3. 你可能不知道在JavaScript裡的萬國碼
4. 你可能不知道HTML Code Number
5. 你可能不知道隱藏在Domain裡的編碼punycode
6. 你可能不知道URL的路徑編碼Percent-encoding
7. 你可能不知道的即時更新方案:Polling
8. 你可能不知道的即時更新方案:Long Polling
9. 你可能不知道的即時更新方案:Server Send Event
10. 你可能不知道的即時更新方案:WebSocket
11. 你可能不知道的即時更新方案:multipart/x-mixed-replace
12. 你可能不知道的Call Stack
13. 你可能不知道Array.prototype.forEach()沒跟你說的事情
14. 你可能不知道Function的三種用法
15. 為什麼你需要知道Function的三種用法
16. 你可能不知道的Function.prototype.bind()
17. 你可能不知道cookie是怎麼被製造出來的
18. 你可能不知道cookie可以寄城市還可以分路段
19. 你可能不知道cookie有些只能走特定道路(HTTP)
20. 你可能不知道cookie是怎被保存、保存在哪裡？
21. 你可能不知道的WebAuthN(FIDO)
22. 你可能不知道的JS物件私有屬性
23. 你可能不知道的JS自動型別轉換
24. 你可能不知道的HTTP Header--If-Match和該怎麼設計Web API
25. 你可能不知道的跨站腳本攻擊(Cross-Site Scripting，XSS)
26. 你可能不知道的內容安全策略(Content-Security-Policy, CSP)
27. 你可能不知道的CSS Injection
28. 你可能不知道的Web API -- postMessage
29. 你可能不知道的(Web)API--FinalizationRegistry(GC)
30. 你可能不知道的Web API–Web Locks
31. 你可能不知道在JS世界裡的特殊物件

目錄(依主題)

編碼

• 你可能不知道在JavaScript裡的萬國碼
• 你可能不知道HTML Code Number
• 你可能不知道隱藏在Domain裡的編碼punycode
• 你可能不知道URL的路徑編碼Percent-encoding

程式語言

基本概念

• 你可能不知道的Call Stack

JavaScript

• 你可能都不瞭解的JS變數祕密 - 一文了解無宣告、var、let、const變數細節
• 你可能不知道void也是一個運算子
• 你可能不知道的JS物件私有屬性
• 你可能不知道的JS自動型別轉換
• 你可能不知道的(Web)API--FinalizationRegistry(GC)
• 你可能不知道在JS世界裡的特殊物件

Function

• 你可能不知道Function的三種用法
• 為什麼你需要知道Function的三種用法
• 你可能不知道的Function.prototype.bind()

Array

• 你可能不知道Array.prototype.forEach()沒跟你說的事情

你可能不知道的即時更新方案

• 你可能不知道的即時更新方案:Polling
• 你可能不知道的即時更新方案:Long Polling
• 你可能不知道的即時更新方案:Server Send Event
• 你可能不知道的即時更新方案:WebSocket
• 你可能不知道的即時更新方案:multipart/x-mixed-replace

Cookie

• 你可能不知道cookie是怎麼被製造出來的
• 你可能不知道cookie可以寄城市還可以分路段
• 你可能不知道cookie有些只能走特定道路(HTTP)
• 你可能不知道cookie是怎被保存、保存在哪裡？

資訊安全

• 你可能不知道的WebAuthN(FIDO)
• 你可能不知道的跨站腳本攻擊(Cross-Site Scripting，XSS)
• 你可能不知道的內容安全策略(Content-Security-Policy, CSP)
• 你可能不知道的CSS Injection

設計

• 你可能不知道的HTTP Header--If-Match和該怎麼設計Web API

Web API

• 你可能不知道的Web API--postMessage
• 你可能不知道的Web API--Web Locks

其他

• 這些那些你可能不知道我不知道的Web技術細節系列(前言)

其他

最後是還有一些在撰寫、查詢資料時發現的資源(有一些欸可能會再陸續補上來)：

• 你（可能）不知道的web api

雖然今天是第30天，不過如果有餘力的話，明天可能在寫個兩篇與本系列無關的內容。

本文同時發表於我的隨筆