目錄

• 快應用開發與架構概述
  • 1背景介紹：
    • 快應用平台的統一：
    • 多場景融入：
  • 2技術實現：
    • 技術優缺點對比
  • 3開發體驗：
    • 項目腳手架：
    • 調整樣式：
    • 系統能力：
    • 事件響應：
    • 原生組件：
    • 調試開發：
    • 開發體驗總結：
  • 4架構概述
    • 整體思路：
    • 編譯時：
    • 運行時：
    • JS層架構：
    • DOM模型：
    • 頁面渲染：
    • 架構概述總結：

快應用開發與架構概述

1背景介紹：

目標： 即點即用，

快應用平台的統一：

聯盟共建， 統一標准， 基於ROM

多場景融入：

瀏覽器， 全局搜索，應用商店；

2技術實現：

技術優缺點對比

移動網頁：無需安裝， 升級容易。 性能差， 功能缺失

原聲應用：下載安裝，版本問題，性能好， 功能完整

快應用：秒開， 容易管理，性能好，功能完整

項目地址：

quickappcn/todos

3開發體驗：

一：H5腳手架生成項目:

1. 靜態頁面
2. 頁面樣式
3. Http請求
4. 渲染模板
5. 自測無誤
6. 聯調測試

二： 快應用腳手架生成項目：

1. 靜態頁面
2. 頁面樣式
3. 系統能力
4. 模板渲染
5. 事件響應
6. 生命周期
7. 組件化
8. 引入動畫

項目腳手架：

調整樣式：

系統能力：

事件響應：

原生組件：

調試開發：

開發體驗總結：

前端概念 + MVVM編程模式 + 組件化思維

4架構概述

整體思路：

編譯時：

運行時：

JS層架構：

DOM模型：

頁面渲染：

架構概述總結：

數據驅動 + DOM模型 + 應用管理