防詐3要訣：不聽信、不操作、掛斷電話 
數量
88
650572
此商品享ShopBack 0.5%回饋;不適用於誠品分潤計劃、美安等現金回饋機制
深入探討Browser Web API的最佳實踐
快速將學到的技能應用到實際開發中
本書內容改編自第16屆iThome鐵人賽JavaScript組冠軍系列文章《可愛又迷人的Web API》。作者整合比賽期間累積的範例與心得，以「一個Browser Web API即一個主題」的模組化架構呈現，讓讀
快速將學到的技能應用到實際開發中
本書內容改編自第16屆iThome鐵人賽JavaScript組冠軍系列文章《可愛又迷人的Web API》。作者整合比賽期間累積的範例與心得，以「一個Browser Web API即一個主題」的模組化架構呈現，讓讀
內容簡介
深入探討Browser Web API的最佳實踐
快速將學到的技能應用到實際開發中
本書內容改編自第16屆iThome鐵人賽JavaScript組冠軍系列文章《可愛又迷人的Web API》。作者整合比賽期間累積的範例與心得，以「一個Browser Web API即一個主題」的模組化架構呈現，讓讀者不用按照章節閱讀，能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。
本書收錄的Browser Web API，涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校，讀者可快速將功能落地至專案，同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區（Tips）」欄位，讓你在零碎時間也能迅速掌握精華，遠離常見陷阱。書中也幫大家整理所有的Browser Web API（包含正式發佈與實驗中版本），幫助各位快速了解它們的特色，並能定位所需的工具。
若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文Browser Web API指南，本書將成為你工作桌旁不可或缺的最佳夥伴，助你在競爭激烈的前端領域快一步升級。
【本書特色】
✦ 實戰專案範例
從拆解需求到做出可執行的完整作品
✦ 圖解串接流程
圖解教學一看就懂新手也能輕鬆上手
✦ 主流兼容對策
搞定瀏覽器兼容跨平台體驗一致
✦ 開發最佳實務
傳授開發最佳實踐高效避坑不踩雷
【目標讀者】
● 對JavaScript有基礎認知，想知道Browser Web API能做到哪些運用的前端工程師
● 想深入瞭解Browser Web API，並希望能實作在專案上的前端工程師
【專業推薦】
這本《Browser Web API攻略大全》，算是對當代瀏覽器API做了一次巡禮！即便已累積多年前端實戰經驗，對瀏覽器能做什麼已有概念，閱讀過程中仍時有驚喜。像是我驚訝地發現：瀏覽器居然內建持續追蹤使用者GPS位置的功能、可以用子母畫面播影片、能錄製並分享螢幕畫面、監聽某個 DOM元素是否被更動，有沒有進入可視範圍……，刷新我對當代瀏覽器能力的認知。無論是作為工具書查找，或完整閱讀拓展知識，都能幫助你充分利用瀏覽器功能，打造更好的網頁體驗。
──── 黑暗執行緒
這本書最大的價值在於，它不只教你怎麼用，更教你為什麼這樣做：許多人學習前端技術只是停留在表面，而MUKI會告訴你背後的原理。書中的語言通俗易懂，讓你在輕鬆閱讀的同時，吸收大量的知識；每一個概念都經過精心設計，讓你不會感到枯燥；內容與時俱進，從最新的ES6到各種Web API，一應俱全。無論你是新手還是老手，都能從中獲得啟發。
──── 奶綠茶｜一個從Flash時代活到AI時代的前端工程師
我特別欣賞MUKI在每個API章節中設計的範例，兼顧簡潔與實用，不會流於複雜的「炫技」，也不會只是文件翻譯。這樣的風格，讓人讀來輕鬆，卻又收穫滿滿。如果你是剛踏入前端領域的開發者，它是你探索瀏覽器能力的最佳入門；如果你已經有一定經驗，這本書會幫你重構理解與思維，甚至激發你在互動應用上的靈感。誠摯推薦給每一位對網頁開發充滿熱情的朋友。
──── Will 保哥｜多奇數位創意 技術總監、Google Developer Expert、Microsoft MVP/RD
快速將學到的技能應用到實際開發中
本書內容改編自第16屆iThome鐵人賽JavaScript組冠軍系列文章《可愛又迷人的Web API》。作者整合比賽期間累積的範例與心得，以「一個Browser Web API即一個主題」的模組化架構呈現，讓讀者不用按照章節閱讀，能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。
本書收錄的Browser Web API，涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校，讀者可快速將功能落地至專案，同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區（Tips）」欄位，讓你在零碎時間也能迅速掌握精華，遠離常見陷阱。書中也幫大家整理所有的Browser Web API（包含正式發佈與實驗中版本），幫助各位快速了解它們的特色，並能定位所需的工具。
若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文Browser Web API指南，本書將成為你工作桌旁不可或缺的最佳夥伴，助你在競爭激烈的前端領域快一步升級。
【本書特色】
✦ 實戰專案範例
從拆解需求到做出可執行的完整作品
✦ 圖解串接流程
圖解教學一看就懂新手也能輕鬆上手
✦ 主流兼容對策
搞定瀏覽器兼容跨平台體驗一致
✦ 開發最佳實務
傳授開發最佳實踐高效避坑不踩雷
【目標讀者】
● 對JavaScript有基礎認知，想知道Browser Web API能做到哪些運用的前端工程師
● 想深入瞭解Browser Web API，並希望能實作在專案上的前端工程師
【專業推薦】
這本《Browser Web API攻略大全》，算是對當代瀏覽器API做了一次巡禮！即便已累積多年前端實戰經驗，對瀏覽器能做什麼已有概念，閱讀過程中仍時有驚喜。像是我驚訝地發現：瀏覽器居然內建持續追蹤使用者GPS位置的功能、可以用子母畫面播影片、能錄製並分享螢幕畫面、監聽某個 DOM元素是否被更動，有沒有進入可視範圍……，刷新我對當代瀏覽器能力的認知。無論是作為工具書查找，或完整閱讀拓展知識，都能幫助你充分利用瀏覽器功能，打造更好的網頁體驗。
──── 黑暗執行緒
這本書最大的價值在於，它不只教你怎麼用，更教你為什麼這樣做：許多人學習前端技術只是停留在表面，而MUKI會告訴你背後的原理。書中的語言通俗易懂，讓你在輕鬆閱讀的同時，吸收大量的知識；每一個概念都經過精心設計，讓你不會感到枯燥；內容與時俱進，從最新的ES6到各種Web API，一應俱全。無論你是新手還是老手，都能從中獲得啟發。
──── 奶綠茶｜一個從Flash時代活到AI時代的前端工程師
我特別欣賞MUKI在每個API章節中設計的範例，兼顧簡潔與實用，不會流於複雜的「炫技」，也不會只是文件翻譯。這樣的風格，讓人讀來輕鬆，卻又收穫滿滿。如果你是剛踏入前端領域的開發者，它是你探索瀏覽器能力的最佳入門；如果你已經有一定經驗，這本書會幫你重構理解與思維，甚至激發你在互動應用上的靈感。誠摯推薦給每一位對網頁開發充滿熱情的朋友。
──── Will 保哥｜多奇數位創意 技術總監、Google Developer Expert、Microsoft MVP/RD
產品目錄
PART1 認識Browser Web API與資料查詢
CH01 什麼是Web API？
CH02 查閱與使用Browser Web API的必備知識
CH03 Browser Web API索引與功能整理
PART2 網站定位與路線追蹤應用
CH04 用Geolocation API取得與追蹤使用者地理位置
CH05 用Geolocation API和Leaflet Routing Machine實作叫車服務功能
PART3 裝置功能與媒體應用實作
CH06 使用〈audio〉打造音樂播放器
CH07 用〈video〉實作影音播放功能
CH08 使用Screen Capture API取得你的螢幕畫面
PART4 網頁介面操作與互動
CH09 用Drag and Drop API拖曳網頁元素
CH10 認識History API：SPA的關鍵技術之一
CH11 探索Fullscreen API：從基礎到應用場景
PART5 觀察與監控DOM的變化
CH12 如何使用MutationObserver API追蹤DOM的變化
CH13 深入了解Intersection Observer API及其應用
PART6 語音、聊天與AI互動
CH14 使用Web Speech API讓網頁聽得懂我們說的話
CH15 使用Web Speech API讓網頁開口說話
CH16 用Web Speech API與你的AI朋友互動聊天
PART7 通知功能與後台推播應用
CH17 使用Web Notifications API幫網站加入通知功能
CH18 Web Notifications API搭配Service Workers發送通知
CH19 Web Notifications API結合Google Cloud的應用
PART8 網站效能與背景執行緒應用
CH20 使用Web Workers API走出自己的路
CH21 Web Workers API的限制與效能優化處理
CH22 管理Web Worker的生命週期與資源
PART9 檔案處理與本地端資料庫管理
CH23 File API的架構與應用
CH24 另一種儲存資料的方式：IndexedDB API
PART10 安全與即時通訊
CH25 使用Web Cryptography API提高網頁應用的安全性
CH26 使用Google Cloud Run架設WebSocket Server
PART11 Browser Web API組合技
CH27 用WebSocket API和Canvas API實作多人白板服務
CH28 結合File API與Web Speech API製作文件閱讀器
CH29 製作情緒追蹤器，以更好地理解自己
APPENDIX 附錄
附錄 A Browser Web API的比較與選用建議
附錄 B 值得注意與追蹤的實驗性Browser Web API
CH01 什麼是Web API？
CH02 查閱與使用Browser Web API的必備知識
CH03 Browser Web API索引與功能整理
PART2 網站定位與路線追蹤應用
CH04 用Geolocation API取得與追蹤使用者地理位置
CH05 用Geolocation API和Leaflet Routing Machine實作叫車服務功能
PART3 裝置功能與媒體應用實作
CH06 使用〈audio〉打造音樂播放器
CH07 用〈video〉實作影音播放功能
CH08 使用Screen Capture API取得你的螢幕畫面
PART4 網頁介面操作與互動
CH09 用Drag and Drop API拖曳網頁元素
CH10 認識History API：SPA的關鍵技術之一
CH11 探索Fullscreen API：從基礎到應用場景
PART5 觀察與監控DOM的變化
CH12 如何使用MutationObserver API追蹤DOM的變化
CH13 深入了解Intersection Observer API及其應用
PART6 語音、聊天與AI互動
CH14 使用Web Speech API讓網頁聽得懂我們說的話
CH15 使用Web Speech API讓網頁開口說話
CH16 用Web Speech API與你的AI朋友互動聊天
PART7 通知功能與後台推播應用
CH17 使用Web Notifications API幫網站加入通知功能
CH18 Web Notifications API搭配Service Workers發送通知
CH19 Web Notifications API結合Google Cloud的應用
PART8 網站效能與背景執行緒應用
CH20 使用Web Workers API走出自己的路
CH21 Web Workers API的限制與效能優化處理
CH22 管理Web Worker的生命週期與資源
PART9 檔案處理與本地端資料庫管理
CH23 File API的架構與應用
CH24 另一種儲存資料的方式：IndexedDB API
PART10 安全與即時通訊
CH25 使用Web Cryptography API提高網頁應用的安全性
CH26 使用Google Cloud Run架設WebSocket Server
PART11 Browser Web API組合技
CH27 用WebSocket API和Canvas API實作多人白板服務
CH28 結合File API與Web Speech API製作文件閱讀器
CH29 製作情緒追蹤器，以更好地理解自己
APPENDIX 附錄
附錄 A Browser Web API的比較與選用建議
附錄 B 值得注意與追蹤的實驗性Browser Web API
作者介紹
吳姿穎（Muki Wu）
一個喜歡研究手帳筆記術與時間管理，寫過WordPress與手帳書籍的前端工程師。從小學六年級開始製作網站到現在，依然專注於以使用者為中心的前端介面開發，擔任過學校（台大、北科大、世新大學）與企業教育訓練（中華電信、1111人力銀行等）的前端講師，以及WebConf、MOPCON、廣州FEDAY等的技術講者。
樂於學習新技術並分享知識，從2008年建立部落格MUKI space* 至今，內容涵蓋前端技術文章、數位筆記軟體使用心得、AI應用與讀書筆記。
一個喜歡研究手帳筆記術與時間管理，寫過WordPress與手帳書籍的前端工程師。從小學六年級開始製作網站到現在，依然專注於以使用者為中心的前端介面開發，擔任過學校（台大、北科大、世新大學）與企業教育訓練（中華電信、1111人力銀行等）的前端講師，以及WebConf、MOPCON、廣州FEDAY等的技術講者。
樂於學習新技術並分享知識，從2008年建立部落格MUKI space* 至今，內容涵蓋前端技術文章、數位筆記軟體使用心得、AI應用與讀書筆記。
規格
誠品貨碼 / 2683177357009
ISBN13 / 9786264142854
ISBN10 /
EAN貨碼 / 9786264143424
頁數 / 386
語言 / 1:中文/繁體
級別 / N:無
檔案格式 / PDF(32MB)
檔案匯出格式 / PDF 提供 Adobe DRM
TTS朗讀 / EPUB不提供TTS朗讀
退貨說明
退貨須知：
- 依照消費者保護法的規定，您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意！猶豫期非試用期)，辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當，若原紙箱已遺失，請另使用其他紙箱包覆於商品原廠包裝之外，切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度，本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費；請您先確認商品正確、外觀可接受，再行拆封，以免影響您的權利；若為產品瑕疵，本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」，下列商品不適用七日猶豫期，除產品本身有瑕疵外，不接受退貨：
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形，可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費)，或影響您的退貨權利，請您在拆封前決定是否要退貨：
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品，除商品本身有瑕疵外，退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送