隨手扎
這些那些你可能不知道我不知道的web技術細節-目錄與完賽感想
終於、終於30天啦啦啦!!!
原本其實是有猶豫今年要不要報名的,因為去年結果讓我有點失落憔悴…
然後這次也沒有組團,沒拖人下水成功。雖然也還是有發現一些認識的朋友今年也有參加,但還是一度在猶豫要不要報名,所以我幾乎是拖到最後一天才報名的哈哈。
工作的這兩年,遇到的事情這樣看來應該不算少。我有把一些我有興趣的議題記錄下來的習慣,雖然回去看也就一些很零碎的關鍵字,甚至有些一度回想不起來是什麼玩意兒。 這些東西我是有可能另外寫出來做記錄發表的,所以這次抱著反正之後也還是想寫,那就參加寫吧的想法報名,沒完賽就算了。
不過其實原本是有兩個參賽主題的,但最後只選擇了一個。一方便是另外一個對現在我來說不太好組織,另外就是時間安排上,我是很後來才真正決定要報名的。
而且在開賽前幾天確診Orz
隔離了7天
「這些、那些、你可能不知道、我不知道的Web技術細節」記錄了一些受到工作同僚、朋友聊天討論啟發,進一步研究原本我不知道或沒那麼清楚的Web技術細節。儘管足有接近30篇,但其實與我原本記下的關鍵字還是少了不少。像是WebAssembly、WebRTC、WebGL、Mono Repo、Micro Frontend等等。有些東西我有一些接觸,也有不少是還需要花費大量時間學習的。
而且這個系列,每一篇都至少花 超過兩個小時 構思撰寫。並且我實在不是很像破壞每一篇的獨立和完整性。所以有些篇數對於一次要閱讀完怕是會有些吃力,但基本每一篇都可以獨立參考閱讀,而不需要在意閱讀順序性。
目錄(依發表時間序)
- 你可能都不瞭解的JS變數祕密 - 一文了解無宣告、var、let、const變數細節
- 這些那些你可能不知道我不知道的Web技術細節系列(前言)
- 你可能不知道void也是一個運算子
- 你可能不知道在JavaScript裡的萬國碼
- 你可能不知道HTML Code Number
- 你可能不知道隱藏在Domain裡的編碼punycode
- 你可能不知道URL的路徑編碼Percent-encoding
- 你可能不知道的即時更新方案:Polling
- 你可能不知道的即時更新方案:Long Polling
- 你可能不知道的即時更新方案:Server Send Event
- 你可能不知道的即時更新方案:WebSocket
- 你可能不知道的即時更新方案:multipart/x-mixed-replace
- 你可能不知道的Call Stack
- 你可能不知道Array.prototype.forEach()沒跟你說的事情
- 你可能不知道Function的三種用法
- 為什麼你需要知道Function的三種用法
- 你可能不知道的Function.prototype.bind()
- 你可能不知道cookie是怎麼被製造出來的
- 你可能不知道cookie可以寄城市還可以分路段
- 你可能不知道cookie有些只能走特定道路(HTTP)
- 你可能不知道cookie是怎被保存、保存在哪裡?
- 你可能不知道的WebAuthN(FIDO)
- 你可能不知道的JS物件私有屬性
- 你可能不知道的JS自動型別轉換
- 你可能不知道的HTTP Header–If-Match和該怎麼設計Web API
- 你可能不知道的跨站腳本攻擊(Cross-Site Scripting,XSS)
- 你可能不知道的內容安全策略(Content-Security-Policy, CSP)
- 你可能不知道的CSS Injection
- 你可能不知道的Web API – postMessage
- 你可能不知道的(Web)API–FinalizationRegistry(GC)
- 你可能不知道的Web API–Web Locks
- 你可能不知道在JS世界裡的特殊物件
目錄(依主題)
編碼
- 你可能不知道在JavaScript裡的萬國碼
- 你可能不知道HTML Code Number
- 你可能不知道隱藏在Domain裡的編碼punycode
- 你可能不知道URL的路徑編碼Percent-encoding
程式語言
基本概念
JavaScript
- 你可能都不瞭解的JS變數祕密 - 一文了解無宣告、var、let、const變數細節
- 你可能不知道void也是一個運算子
- 你可能不知道的JS物件私有屬性
- 你可能不知道的JS自動型別轉換
- 你可能不知道的(Web)API–FinalizationRegistry(GC)
- 你可能不知道在JS世界裡的特殊物件
Function
Array
你可能不知道的即時更新方案
- 你可能不知道的即時更新方案:Polling
- 你可能不知道的即時更新方案:Long Polling
- 你可能不知道的即時更新方案:Server Send Event
- 你可能不知道的即時更新方案:WebSocket
- 你可能不知道的即時更新方案:multipart/x-mixed-replace
Cookie
資訊安全
- 你可能不知道的WebAuthN(FIDO)
- 你可能不知道的跨站腳本攻擊(Cross-Site Scripting,XSS)
- 你可能不知道的內容安全策略(Content-Security-Policy, CSP)
- 你可能不知道的CSS Injection
設計
Web API
其他
其他
最後是還有一些在撰寫、查詢資料時發現的資源(有一些欸可能會再陸續補上來):
雖然今天是第30天,不過如果有餘力的話,明天可能在寫個兩篇與本系列無關的內容。
LINE Pay贊助 信用卡小額贊助本系列文參加 iT邦幫忙 的 2022鐵人賽
參賽主題: 這些那些你可能不知道我不知道的Web技術細節
