-- 會員 / 註冊 --  
 帳號:
 密碼:
  | 註冊 | 忘記密碼
3/26 新書到! 3/19 新書到! 3/14 新書到! 12/12 新書到!
購書流程Q & A站務留言版客服信箱
3ds MaxMayaRhinoAfter EffectsSketchUpZBrushPainterUnity
PhotoShopAutoCadMasterCamSolidWorksCreoUGRevitNuke
C#CC++Java遊戲程式Linux嵌入式PLCFPGAMatlab
駭客資料庫搜索引擎影像處理FluentVR+ARANSYS深度學習
單晶片AVROpenGLArduinoRaspberry Pi電路設計CadenceProtel
HadoopPythonStm32CortexLabview手機程式AndroidiPhone
可查書名,作者,ISBN,3dwoo書號
詳細書籍分類

PWA入門與實踐

( 簡體 字)
作者:王樂平 編著類別:1. -> 程式設計 -> 綜合
譯者:
出版社:機械工業出版社PWA入門與實踐 3dWoo書號: 52648
詢問書籍請說出此書號!

缺書
NT售價: 445

出版日:4/1/2020
頁數:235
光碟數:0
站長推薦:
印刷:黑白印刷語系: ( 簡體 版 )
加入購物車 加到我的最愛
(請先登入會員)
ISBN:9787111652588
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證)
作者序:

譯者序:

前言:

我最初接觸PWA是在2017年年初,當時參加了一個前端分享會,其中一個主題就是與PWA相關的,介紹了PWA的Service Worker和安裝到桌面的能力,以及這門技術未來的發展趨勢,聽完這個分享后,我就為PWA的一些能力所吸引。

Web本身的優勢就非常明顯,如可分享,可搜索,無須下載,在任何設備上有相同的展示等,現在再加上PWA的能力,讓Web在原有的基礎上具備了類原生應用程序的功能,這對于Web開發者來說是一個福音,可以讓Web提供更好的用戶體驗,也能帶來更多紅利。隨后,我便開始了對PWA的學習和探索之路。

在實際工作中,有很多場景適合使用PWA,這也使我的PWA實踐之路有了一個很好的前提條件。在實踐的過程中,并沒有想象的那么順利,PWA的大多數概念都有一些理解成本,一不小心就會犯錯,大多數情況下是一邊“挖坑”一邊“填坑”。當然,最后在很多合適的場景中,我發現PWA的接入確實帶來了非常好的效果,為業務產品帶來了更多價值,提升了用戶體驗。

本書是一本PWA技術入門和實踐的圖書。通過本書,你可以對PWA有較深入的理解并進行一些項目實踐。本書對PWA的核心技術做了比較透徹的講解,對PWA中可能遇到的問題及一些注意事項也進行了充分說明。閱讀過程中,所有的PWA知識點基本都可以在本書中找到說明。本書既可以作為一本PWA的入門圖書,也可以作為一本PWA的使用手冊。遇到關于PWA的問題時,請閱讀這本書,相信本書可以讓你找到問題的解決方法。

第1章介紹PWA的發展歷程及生態環境,并為你開啟第一個PWA應用示例,讓你對PWA有一個基本了解。第2章介紹PWA的一些前置技術及預備知識,讓你后面的學習過程更順暢,如果你對這部分知識已有所了解,則可以跳過這一章。第3章開始對PWA最核心的部分—Service Worker進行講解,這一章詳細講解了Service Worker的各個知識點、注意事項及實踐。第4章開始進入 PWA的核心API部分,在這一章中,你可以學習PWA的一些核心API,包含安裝到桌面、新一代網絡請求、消息通知、后臺同步、離線緩存、消息推送,該章中各小節屬于并行知識點,可根據需求閱讀任意一節。第5章介紹PWA使用過程中的一些配套工具,包括調試工具、評測工具和提效工具,等等,讓你的PWA開發過程更順暢。第6章為PWA的實踐部分,針對不同的功能需求進行實踐講解。第7章講解Web的系統集成能力,讓系統集成能力配合PWA,使Web可以和應用程序相媲美。

本書主要面向有一定Web開發基礎的讀者,以及想學習PWA或者需要一本全面的PWA手冊的開發者。

本書中用到的項目代碼可以通過GitHub下載。

致謝

首先要感謝我的前主管蘭弼,他在實際工作中給了我充分的時間深挖PWA的價值和使用場景,并給了我在實際產品項目中落地的實踐機會,讓我在這方面有了非常多的實踐經驗。然后要感謝我的現主管仙甲對我在PWA技術上的支持和鼓勵。經過長期實踐和經驗總結,我對這門技術有了一定的研究,也就有了分享的欲望,所以我還要感謝機械工業出版社華章公司的吳怡編輯,是她找到了我,給我提供了寫書的機會,讓我可以把在PWA技術上的沉淀與更多人分享。最后要感謝工作團隊的伙伴們,很多時候大家一起“腦暴”,產出了很多想法。
內容簡介:

本書全面介紹PWA技術原理和實際應用。主要內容包括: 第1章介紹PWA的前世今生及生態環境;第2章介紹PWA的一些前置技術和預備知識,為后面的學習打下基礎;第3章詳細講解PWA最核心的部分Service Worker的各個知識點、注意事項及實踐;第4章介紹PWA的API,包含安裝到桌面、新一代網絡請求、消息通知、后臺同步、離線緩存、消息推送等;第5章介紹PWA使用過程中的一些配套工具,包括調試、評測、提效等;第6章開始PWA的實踐部分,針對不同的功能需求,按功能劃分進行案例講解;第7章介紹Web的系統集成能力。



本書從PWA的概念說起,包括從商業視角的推廣成本到體驗視角的秒開、離線體驗等,配合實例代碼,能夠讓讀者從快速了解到快速上手。PWA技術體系是Web應用的方向,希望通過這本書,能夠讓更多的讀者了解未來Web應用需要具備的一些能力,投身到Web技術中,讓未來的數字世界觸手可及。

—— 葉周全,阿里巴巴資深前端技術專家

PWA是近幾年來在網頁前端十分熱門的議題之一,它為網頁前端帶來前所未有的豐富體驗。本書作者對PWA有深刻的理解,將枯燥的技術問題轉化成簡單易懂的文字,配合許多案例及數據,這本書可謂是PWA寶典。

—— 廖凱明,谷歌移動技術顧問

這本書十分全面地介紹了PWA的基礎知識、核心技術以及相關實踐,非常適合開發者快速入門PWA,對PWA進行全面的學習。

—— 韓駿,微軟開發工具事業部軟件工程師

這本書由淺入深,基本上我想看到的內容都覆蓋了。PWA是一個非常好的拓寬瀏覽器邊界的技術,可以說對Service Worker和緩存的增強是一個極好的演進。PWA一方面解決了弱網的問題,在用戶體驗上提升很多,另一方面在PC、HTML 5中可以媲美原生應用,在保留開發方式不變的前提下,讓Web開發有了更大的發揮空間。下一代Web顛覆者不一定是PWA,但一定是基于PWA演變而來的。推薦閱讀。

—— 狼叔,《狼書:更了不起的Node.js》作者

如果想要短時間內快速上手PWA開發,這本書絕對不容錯過。

—— 張鑫旭,知名CSS專家

PWA將Web和Native App的優勢融合在一起,賦予了Web App離線化的能力。本書由淺入深,詳細闡述了PWA的方方面面,很適合尚未了解PWA的開發者和想進一步掌握其能力的開發者,強烈推薦!

—— 王涵冰,騰訊IVWEB PWA項目負責人
目錄:

序 言
前 言
第1章 初識PWA1
1.1 背景1
1.2 PWA概述4
1.2.1 快速5
1.2.2 集成5
1.2.3 可靠6
1.2.4 有吸引力7
1.2.5 PWA的布局結構7
1.3 應用程序與PWA8
1.3.1 能力8
1.3.2 開發成本8
1.3.3 安裝包大小9
1.3.4 推廣成本9
1.3.5 系統結構9
1.3.6 綜合10
1.4 PWA的生態支持10
1.4.1 瀏覽器對PWA的支持11
1.4.2 PWA的生態11
1.5 成功案例12
1.5.1 Twitter12
1.5.2 HOUSING.com12
1.5.3 蘭蔻13
1.5.4 星巴克13
1.6 環境準備13
1.6.1 瀏覽器13
1.6.2 Node.js環境13
1.6.3 HTTP Server14
1.6.4 調試工具14
1.7 第一個 PWA16
1.7.1 創建首頁16
1.7.2 注冊 Service Worker17
1.7.3 網絡層攔截圖片19
1.7.4 定制 404 頁面19
1.7.5 離線可用21
1.7.6 添加到主屏幕22
1.8 本章小結24
第2章 預備知識25
2.1 JavaScript Module25
2.1.1 JavaScript 模塊化歷史25
2.1.2 什么是 JavaScript Module26
2.1.3 瀏覽器中使用 JavaScript Module29
2.1.4 為什么要用JavaScript Module31
2.2 Promise31
2.2.1 背景31
2.2.2 概念32
2.2.3 構造函數32
2.2.4 實例方法33
2.2.5 靜態方法35
2.2.6 實例39
2.3 async / await40
2.3.1 async40
2.3.2 await42
2.3.3 async / await的優勢43
2.4 Web Worker44
2.4.1 背景44
2.4.2 簡介44
2.4.3 主線程 API46
2.4.4 Worker線程API48
2.4.5 實例49
2.5 本章小結51
第3章 PWA的核心橋梁:Service Worker52
3.1 Service Worker的結構52
3.1.1 ServiceWorkerContainer 接口53
3.1.2 ServiceWorkerRegistration 接口58
3.1.3 ServiceWorker 接口60
3.1.4 ServiceWorkerGlobalScope接口62
3.2 Service Worker 的生命周期68
3.2.1 腳本的生命周期68
3.2.2 線程的生命周期69
3.2.3 線程退出70
3.2.4 更新Service Worker文件的條件71
3.2.5 調試生命周期71
3.3 本章小結72
第4章 核心技術73
4.1 Manifest 應用清單73
4.1.1 簡介73
4.1.2 字段說明74
4.1.3 安裝條件78
4.1.4 顯示安裝橫幅78
4.1.5 自定義安裝時機80
4.1.6 應用的更新81
4.1.7 iOS 上的適配82
4.1.8 兼容適配庫83
4.2 Fetch 網絡功能83
4.2.1 Fetch簡介83
4.2.2 Request86
4.2.3 Headers88
4.2.4 Response93
4.2.5 Body95
4.2.6 實例95
4.3 Notification 消息通知98
4.3.1 簡介98
4.3.2 接口信息99
4.3.3 實例102
4.4 Sync后臺同步104
4.4.1 SyncManager接口104
4.4.2 Sync 流程105
4.4.3 使用場景107
4.5 Cache離線存儲110
4.5.1 簡介110
4.5.2 CacheStorage111
4.5.3 Cache112
4.5.4 緩存空間問題115
4.5.5 opaque 響應緩存問題115
4.6 Push消息推送117
4.6.1 簡介117
4.6.2 接口117
4.6.3 訂閱實現121
4.6.4 推送協議124
4.6.5 VAPID 密鑰的生成126
4.6.6 實例128
4.6.7 常見問題129
4.7 本章小結130
第5章 配套工具131
5.1 PWA工具箱:Workbox131
5.1.1 CLI模式131
5.1.2 手寫模式138
5.1.3 Workbox 路由139
5.1.4 Workbox 插件141
5.1.5 實例141
5.2 離線數據庫:IndexedDB145
5.2.1 接口145
5.2.2 操作146
5.2.3 在Service Worker 中使用IndexedDB157
5.2.4 更簡單的 IndexedDB158
5.3 評測報告:Lighthouse160
5.3.1 簡介160
5.3.2 打開 Lighthouse161
5.3.3 測試 PWA161
5.3.4 測試結果161
5.4 調試工具:DevTools163
5.4.1 在Chrome上調試163
5.4.2 在Safari上調試169
5.4.3 在Firefox上調試170
5.4.4 調試小結171
5.5 本章小結171
第6章 實踐方案172
6.1 接入Service Worker 172
6.1.1 注冊方案172
6.1.2 狀態同步方案175
6.1.3 Service Worker 開關方案176
6.1.4 錯誤收集177
6.2 安裝網站到桌面178
6.2.1 為網站增加桌面能力178
6.2.2 新閉環方案180
6.2.3 新閉環方案實現181
6.3 消息通信182
6.3.1 窗口向 Service Worker 線程通信182
6.3.2 Service Worker線程向窗口通信186
6.4 數據離線189
6.4.1 離線處理時機189
6.4.2 離線策略193
6.5 推送通知197
6.5.1 Web Push 庫的選擇197
6.5.2 應用服務器后端搭建198
6.5.3 前端頁面搭建200
6.5.4 效果202
6.5.5 無法推送/訂閱203
6.6 改造網站為PWA203
6.6.1 準備203
6.6.2 PWA檢測204
6.6.3 PWA改造204
6.6.4 重新評測網站215
6.7 本章小結215
第7章 系統集成216
7.1 系統集成項目組Fugu216
7.2 攝像頭和麥克風集成217
7.2.1 音頻和視頻的捕獲217
7.2.2 視頻流的截圖219
7.2.3 視頻流下載221
7.3 輸入集成224
7.3.1 語音識別224
7.3.2 剪切板操作226
7.4 設備特性集成228
7.4.1 網絡類型及速度信息229
7.4.2 網絡狀態信息229
7.4.3 電池狀態信息230
7.4.4 設備內存信息230
7.5 定位集成231
7.5.1 地理定位231
7.5.2 設備位置233
7.6 本章小結235
序: