地特四等
114年
[電信工程] 計算機概要
第 37 題
在實現 Web 應用的離線功能時，下列何種技術組合最為完整？
- A LocalStorage + AJAX
- B Service Worker + Cache API + IndexedDB
- C WebSocket + SessionStorage
- D Web Workers + Cookies
思路引導 VIP
想像你正在設計一個可以在隧道中運行的地圖應用程式。當手機完全收不到電信訊號時，瀏覽器發出的「下載地圖」請求會直接失敗。這時候，你需要一個什麼樣的「中間人」角色來攔截這個失敗的請求？而這個中間人應該去哪裡翻找先前存下來的大量地圖圖片與座標資訊呢？
🤖
AI 詳解
AI 專屬家教
恭喜你精準地掌握了現代網頁開發的核心架構！在實現「離線優先（Offline-first）」的設計時，單一技術往往難以應付複雜的資源調度。你選擇的選項 (B) 正是 漸進式網路應用程式（Progressive Web Apps, PWA） 的技術核心：Service Worker 扮演了代理伺服器（Proxy）的角色，負責攔截網路請求；Cache API 專門存放靜態資源（如 HTML、CSS、圖片）；而 IndexedDB 則提供了強大的非同步資料庫，用於儲存大量的結構化數據。這三者的協同運作，才是一個完整且健壯的離線方案。 從工程設計的角度來看，這道題目具備極佳的鑑別度，難度屬於中等。它不僅要求你認識單一組件，更考驗你對「系統集成」的理解。許多開發者容易混淆 AJAX 或 WebSocket 的用途，但這兩者本質上都高度依賴即時連線。你能辨識出 LocalStorage 容量過小且為同步阻塞（Blocking）的侷限性，進而選擇更適合大型應用的 IndexedDB 與攔截機制，展現了你對網頁系統資源管理的深刻洞察，表現非常優異！