移動端開發
移動設備忽略ios將頁面中的數字識別爲電話號碼的方法ios
在<head></head>中加入小程序
<meta name="format-detection" content="telephone=no" />segmentfault
移動端手勢事件微信小程序
- touchstart 當手指觸摸屏幕時觸發
- touchmove 當手指在屏幕滑動時不斷的觸發
- touchend 當手指從屏幕上移開時觸發
- touchcancel 當系統中止跟蹤觸摸時觸發
PWA瀏覽器
https://segmentfault.com/a/1190000012353473?utm_source=tag-newest緩存
PWA全稱Progressive Web App，即漸進式WEB應用。微信
一個 PWA 應用首先是一個網頁, 能夠經過 Web 技術編寫出一個網頁應用. 隨後添加上 App Manifest 和 Service Worker 來實現 PWA 的安裝和離線等功能
解決了哪些問題？網絡
- 能夠添加至主屏幕，點擊主屏幕圖標能夠實現啓動動畫以及隱藏地址欄
- 實現離線緩存功能，即便用戶手機沒有網絡，依然能夠使用一些離線功能
- 實現了消息推送
它解決了上述提到的問題，這些特性將使得 Web 應用漸進式接近原生 App。app
PWA的優點動畫
- 能夠將app的快捷方式放置到桌面上，全屏運行，與原生app無異
- 可以在各類網絡環境下使用，包括網絡差和斷網條件下，不會顯示undefind
- 推送消息的能力
- 其本質是一個網頁，沒有原生app的各類啓動條件，快速響應用戶指令
PWA存在的問題
- 支持率不高:如今ios手機端不支持pwa，IE也暫時不支持
- Chrome在中國桌面版佔有率仍是不錯的，安卓移動端上的佔有率卻很低
- 各大廠商還未明確支持pwa
- 依賴的GCM服務在國內沒法使用
- 微信小程序的競爭
儘管有上述的一些缺點，PWA技術仍然有不少能夠使用的點。
- service worker技術實現離線緩存，能夠將一些不常常更改的靜態文件放到緩存中，提高用戶體驗。
- service worker實現消息推送，使用瀏覽器推送功能，吸引用戶
- 漸進式開發，儘管一些瀏覽器暫時不支持，能夠利用上述技術給使用支持瀏覽器的用戶帶來更好的體驗。
相關文章
- 1. 移動端開發
- 2. 【移動端開發】移動端開發基礎問題
- 3. 移動端開發基礎
- 4. 移動端開發規範
- 5. 移動端開發學習
- 6. 移動端開發-Day2
- 7. 移動端開發隨筆
- 8. 移動端混合開發
- 9. html5 移動端開發
- 10. 移動端開發（四）：swiper.js
- 更多相關文章...
- • 移動設備 統計 - 瀏覽器信息
- • WSDL 端口 - WSDL 教程
- • PHP開發工具
- • JDK13 GA發佈：5大特性解讀
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 移動端開發
- 2. 【移動端開發】移動端開發基礎問題
- 3. 移動端開發基礎
- 4. 移動端開發規範
- 5. 移動端開發學習
- 6. 移動端開發-Day2
- 7. 移動端開發隨筆
- 8. 移動端混合開發
- 9. html5 移動端開發
- 10. 移動端開發（四）：swiper.js