iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端三分鐘 X Progressive Web App 30 天製造解密 系列

每天花三分鐘的時間,一起來 Progressive Web App 製造解密,了解漸進式增強到底有多強。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Progressive Web App 開箱看看漸進式增強到底有多強 (1)

Progressive Web App (PWA) 使用當下最新潮的 Web API,Progressive 是用漸進增強的概念來建立跨平台 Web 應用程式。...

2021-09-14 ‧ 由 linyencheng 分享
DAY 2

Progressive Web App 加入主畫面 : PWA 究竟加入和安裝了什麼 (2)

加入主畫面 (Add to Home screen) 加入主畫面 (Add to Home screen) 常見的縮寫為 A2HS,可以看成是讓使用者將 Web...

2021-09-15 ‧ 由 linyencheng 分享
DAY 3

Progressive Web App 自主管理推薦安裝提示 (3)

Promoting installation 推薦安裝提示 當我們的 Progressive Web App 滿足了安裝前的審核標準,瀏覽器就會觸發 befor...

2021-09-16 ‧ 由 linyencheng 分享
DAY 4

Progressive Web App Service Worker (4)

什麼是 Service Workers Service Workers 的角色是位於 Web App 與網路連接中間的一層 "代理網路連接"...

2021-09-17 ‧ 由 linyencheng 分享
DAY 5

Progressive Web App Manifest: 配置檔屬性深入介紹 (5)

Web App 的 manifest 是一個 JSON 形式的配置檔,瀏覽器透過配置檔就會知道 Progressive Web App 該怎麼去安裝在用戶的電腦...

2021-09-18 ‧ 由 linyencheng 分享
DAY 6

Progressive Web App 啟動和更新機制 (6)

PWA 啟動 要怎麼知道 Web App 是在 PWA 已經被安裝情況下被開啟的,靠 CSS 中有個 display-mode,不管透過 tab 或是安裝的情況...

2021-09-19 ‧ 由 linyencheng 分享
DAY 7

Progressive Web App Checklist: 優化檢核清單項目說明 (7)

Starts fast, stays fast Web App 的效能會直接影響使用者體驗,也會影響到用戶會不會持續使用這個站台,當優化站台時可以多著重在使用者...

2021-09-20 ‧ 由 linyencheng 分享
DAY 8

Progressive Web App Badging API 入門實做 (8)

什麼是 Badging API Badging API 讓 App 能夠顯示通知數字,不過通知數字的位置會依照平台的不同而有所差異。 常見是用來通知用戶,像是...

2021-09-21 ‧ 由 linyencheng 分享
DAY 9

Progressive Web App Shortcuts: 程式快速啟動選單 (9)

什麼是 App Shortcuts App Shortcuts 提供程式快速啟動選單,透過這個捷徑用戶能夠更快速的使用各式功能,讓常用且關鍵的功能更容易被快速重...

2021-09-22 ‧ 由 linyencheng 分享
DAY 10

Progressive Web App 個案分析: 樂天 24 導入 PWA 後帶來的好處 (10)

小編在讀 PWA 相關技術文章的時候,剛好讀到了樂天 24 這篇導入 PWA 的個案分析,樂天 24 是樂天集團底下的一個電商平台,主要銷售日常快速消費品,也就...

2021-09-23 ‧ 由 linyencheng 分享