【LiteApp系列】何為愛奇藝小程式?
前言
今年5月份,愛奇藝開源了LiteApp,俗稱小程式。LiteApp是一種是一種高效能的移動跨平臺框架,它集合了Native App和Web App的優勢。Github地址如下:
那麼,既然已經有了Native App和Web App,為何還要有LiteApp呢,它解決了什麼問題呢?
Native App
Native App就是Android或者ios原生開發的App。
Native 毫無疑問是官方最推薦的開發方式,使用原生開發,不僅僅是硬體上的支援,軟體開發文件也是十分完善。
Native App弊端
1、不能跨平臺。android和ios兩個平臺需要有兩套不同的程式碼。
2、沒有比較完善的動態化。如果功能上有一些的改動,需要在應用市場重新上架。另外,純 Native 動態載入,在 Android 和 IOS 商店中不允許上架。
3、釋出上線週期長。由於需要同時開發兩套程式碼,開發上就有不同的問題,同時也要涉及到兩個市場的不同問題,因此開發上線週期會比較長。
Web App
Web App很好地解決了Native App不能跨平臺,沒有比較完善的動態化的問題。
Web App在App端使用WebView來載入Web,主要的業務開發在Web端,這樣不僅能讓android和ios端共用一套程式碼,而且只需要更改Web端的程式碼,App端即使不在應用商店更新的情況下,也可以更新應用功能。
Web App弊端
1、開啟速度慢。WebView 啟動時需要進行載入瀏覽器核心等操作。
2、操作不流暢,卡頓。WebView 業務邏輯執行和網頁渲染是序列的,較重的業務邏輯會造成卡頓。另外,WebView 沒有比較好的快取機制,前端資源需要每次去伺服器下載。
3、沒有許可權機制。與第三方聯合開發時無法防禦來自第三方的攻擊。
LiteApp
LiteApp集合了Native App和Web App的優勢,使用WebView+Native的開發方式。開發人員不僅可以使用現代Web開發技術,同一套程式碼在android和ios上使用,而且還讓效能更加接近於原生,有比較好的快取機制,許可權機制等。
主要特點如下:
1、高效能。在Web上編寫,具有與本機應用程式相同的效能
2、移動跨平臺。使用單一程式碼庫構建Android和iOS
3、啟動快,不卡頓。瀏覽器渲染與業務邏輯執行緒分離。
4、為所有頁面載入快速快速渲染,尤其是第一次。
5、可擴充套件的 專有API用於擴充套件,它可以新增更多功能。
Web App與LiteApp效能對比
專案 | 載入時間/毫秒 | 切換頁面/ fps |
---|---|---|
LiteApp | 250-500毫秒 | 完美的/ 60 |
HTML5應用程式 | 大於1000ms | 白色螢幕短時間/ 53 |
Web App
LiteApp
更多內容可以檢視github官方開源專案:
https://github.com/iqiyi/LiteApp
相關文章
- 【LiteApp系列】愛奇藝小程式架構淺析APP架構
- 【LiteApp系列】埋點的設計APP
- 愛奇藝小程式陪你嗨一夏
- 微信小程式為何突然火了?微信小程式的發展趨勢微信小程式
- 為何我們要用 React 來寫小程式 - Taro 誕生記React
- PerfDog測試騰訊影片、優酷、愛奇藝影片類小程式效能
- [MySQLFAQ]系列–為何innodb表selectcount(*)很慢MySql
- 小程式搜尋自定義關鍵詞功能關閉意欲何為?
- 微信小程式教程系列微信小程式
- 我做過淘寶、京東和微商,為何要再做一個小程式商城?
- 程式猿生存指南-49 何為渣男
- 低程式碼“蛋糕”為何格外香甜?
- listener為何要fork兩次子程式
- 小程式踩坑系列一
- 深入小程式系列(三) ReactNative和小程式混編React
- 深入小程式系列之二、Flutter 和小程式混編Flutter
- 程式猿生存指南-50 何為商機
- 為何程式設計師工資高?程式設計師
- 程式猿生存指南-48 何為愛情
- 深入小程式系列之一:小程式核心原理及模擬
- 為何澳大利亞的小眾護膚品牌會成為市場主力?
- 小程式電商與傳統電商有何區別?
- 何為高手
- 何為程式碼質量?——用腦子寫程式碼
- 何為程式語言?為什麼要學C語言?C語言
- 無程式碼開發為何會受到追捧?
- 程式設計師 為何你不該加班?程式設計師
- 為何我的程式獲取不了圖片?
- 小程式系列之網路請求
- 小程式直播與抖音直播兩者有何區別?
- 微信小程式開發系列二:微信小程式的檢視設計微信小程式
- 微信小程式開發系列教程三:微信小程式的除錯方法微信小程式除錯
- 微信小程式開發系列七:微信小程式的頁面跳轉微信小程式
- 微信小程式之小白教程系列 第二篇 微信小程式 -- 入口微信小程式
- 微信小程式 | 49,小程式入門集錦系列文章20篇微信小程式
- 何為CDN模式模式
- 何為JSX?JS
- 何為封裝封裝