九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

一、背景

從2018年到現(xiàn)在，作為號稱下一代web應(yīng)用模型的PWA，逐漸成為了一個(gè)各大前端廠商爭先恐后進(jìn)行涉足，布局的一個(gè)新的技術(shù)， 其主要的對標(biāo)物Native app，作為現(xiàn)在最主流的mobile端應(yīng)用，它的安全，性能，用戶體驗(yàn)的確明顯領(lǐng)先于其他互聯(lián)網(wǎng)載體，但是原生App始終有一些缺點(diǎn)，比如

1. 昂貴開發(fā)成本

2. 軟件上線，版本更新都需要發(fā)布到不同的商店，并通過審核

有些APP你可能使用頻率特別少，但是你還是不得不去商店中下載龐大安裝包，或者可能一段時(shí)間不使用以后，隨著版本的更新，你也不得不去重新更新并安裝

PWA技術(shù)的作為web應(yīng)用，其天生優(yōu)勢能很好的解決以上的問題。

二. 什么是PWA

PWA是Progressive Web App的英文縮寫， 翻譯過來就是漸進(jìn)式增強(qiáng)WEB應(yīng)用， 是Google 在2016年提出的概念，2017年落地的web技術(shù)。目的就是在移動(dòng)端利用提供的標(biāo)準(zhǔn)化框架，在網(wǎng)頁應(yīng)用中實(shí)現(xiàn)和原生應(yīng)用相近的用戶體驗(yàn)的漸進(jìn)式網(wǎng)頁應(yīng)用。

引用官方介紹：

即是：

1. 可靠——即時(shí)加載，即使在不確定的網(wǎng)絡(luò)條件下也不會(huì)受到影響。
當(dāng)用戶從主屏幕啟動(dòng)時(shí)，service work可以立即加載漸進(jìn)式Web應(yīng)用程序，完全不受網(wǎng)絡(luò)環(huán)境的影響。service work就像一個(gè)客戶端代理，它控制緩存以及如何響應(yīng)資源請求邏輯，通過預(yù)緩存關(guān)鍵資源，可以消除對網(wǎng)絡(luò)的依賴，確保為用戶提供即時(shí)可靠的體驗(yàn)。

可靠

2. 快速
據(jù)統(tǒng)計(jì)，如果站點(diǎn)加載時(shí)間超過 3s，53% 的用戶會(huì)放棄等待。頁面展現(xiàn)之后，用戶期望有平滑的體驗(yàn)，過渡動(dòng)畫和快速響應(yīng)。

快速

3. 沉浸式體驗(yàn)—— 感覺就像設(shè)備上的原生應(yīng)用程序，具有沉浸式的用戶體驗(yàn)。
漸進(jìn)式Web應(yīng)用程序可以安裝并在用戶的主屏幕上，無需從應(yīng)用程序商店下載安裝。他們提供了一個(gè)沉浸式的全屏幕體驗(yàn)，甚至可以重新與用戶接觸的Web推送通知。

沉浸式體驗(yàn)

Web應(yīng)用程序中，可以通過manifest.json控制應(yīng)用程序的顯示方式和啟動(dòng)方式，指定主屏幕圖標(biāo)、啟動(dòng)應(yīng)用程序時(shí)要加載的頁面、屏幕方向，甚至可以指定是否顯示瀏覽器Chrome。
根據(jù)官方的介紹，不難看出，pwa的目標(biāo)直指原生app，那接下來我們就來了解下PWA到底是個(gè)怎么樣的何方神圣。

三. 核心功能

PWA并不是單指某一項(xiàng)技術(shù)，你更可以把它理解成是一種思想和概念，目的就是對標(biāo)原生app，將Web網(wǎng)站通過一系列的Web技術(shù)去優(yōu)化它，提升其安全性，性能，流暢性，用戶體驗(yàn)等各方面指標(biāo)，最后達(dá)到用戶就像在用app一樣的感覺。

PWA中包含的核心功能及特性如下：

1. Web App Manifest

2. Service Worker

3. Cache API 緩存

4. Push&Notification 推送與通知

5. Background Sync 后臺同步

6. 響應(yīng)式設(shè)計(jì)

四. PWA如何彌補(bǔ)和原生App的差距

性能差異

PWA使用app Shell架構(gòu)模型

1. 快速加載2. 盡可能使用較少的數(shù)據(jù)3. 使用本機(jī)緩存中的靜態(tài)資產(chǎn)4. 將內(nèi)容與導(dǎo)航分離開來5. 檢索和顯示特定頁面的內(nèi)容（HTML、JSON 等）6. 緩存動(dòng)態(tài)內(nèi)容 App Shell 可保證 UI 的本地化以及從 API 動(dòng)態(tài)加載內(nèi)容，但同時(shí)不影響網(wǎng)絡(luò)的可鏈接性和可檢測性。 用戶下次訪問您的應(yīng)用時(shí)，應(yīng)用會(huì)自動(dòng)顯示最新版本。無需在使用前下載新版本。為了保證首屏的加載，在內(nèi)容請求完成之前，可以優(yōu)先保證 App Shell 的渲染，做到和 Native App 一樣的體驗(yàn)，App Shell 是 PWA 界面展現(xiàn)所需的最小資源。

無法離線使用

數(shù)據(jù)更新

Background Sync 后臺同步技術(shù)

無法實(shí)現(xiàn)推送

無法添加到桌面

通過manifest.json文件配置，使得可以直接添加到手機(jī)的桌面上。

天生優(yōu)勢：

1. 無需安裝，無需下載，只要你輸入網(wǎng)址訪問一次，然后將其添加到設(shè)備桌面就可以持續(xù)使用。
2. 發(fā)布不需要提交到app商店審核
3. 更新迭代版本不需要審核，不需要重新發(fā)布審核
4. 現(xiàn)有的web網(wǎng)頁都能通過改進(jìn)成為PWA， 能很快的轉(zhuǎn)型，上線，實(shí)現(xiàn)業(yè)務(wù)、獲取流量
5. 不需要開發(fā)Android和IOS兩套不同的版本

劣勢：

1. 游覽器對技術(shù)支持還不夠全面， 不是每一款游覽器都能100%的支持所有PWA
2. 需要通過第三方庫才能調(diào)用底層硬件（如攝像頭）
3. PWA現(xiàn)在還沒那么火，國內(nèi)一些手機(jī)生產(chǎn)上在Android系統(tǒng)上做了手腳，似乎屏蔽了PWA, 但是相信當(dāng)PWA火起來以后，這個(gè)問題就不會(huì)是問題

五. PWA的發(fā)展趨勢

2016年， PWA在google正式落地，基于 Chromium 的瀏覽器 Chrome 和 Opera 已經(jīng)完全支持 PWA 了
隨著 iOS 11.3 的發(fā)布，iOS正式開始支持PWA
Windows Edge 支持PWA

隨著越來越多的游覽器大廠，相繼的對PWA做出了支持和優(yōu)化，想必PWA的時(shí)代即將到來，

交流

接下來，我會(huì)分享如何使用
Vue + Vue CLI 3.x + ts + Quasar 來搭建并快速開發(fā)一個(gè)PWA