快应用开发与架构概述

快应用开发与架构概述

1背景介绍:

目标: 即点即用,

快应用平台的统一:

联盟共建, 统一标准, 基于ROM

多场景融入:

浏览器, 全局搜索,应用商店;

2技术实现:

技术优缺点对比

移动网页:无需安装, 升级容易。 性能差, 功能缺失

原声应用:下载安装,版本问题,性能好, 功能完整

快应用:秒开, 容易管理,性能好,功能完整

项目地址:

quickappcn/todos

3开发体验:

一:H5脚手架生成项目:

  1. 静态页面
  2. 页面样式
  3. Http请求
  4. 渲染模板
  5. 自测无误
  6. 联调测试

二: 快应用脚手架生成项目:

  1. 静态页面
  2. 页面样式
  3. 系统能力
  4. 模板渲染
  5. 事件响应
  6. 生命周期
  7. 组件化
  8. 引入动画

项目脚手架:

image-20200209173502221

调整样式:

image-20200209173540406

系统能力:

image-20200209173608667

事件响应:

image-20200209173640781

原生组件:

image-20200209173726182

调试开发:

image-20200209173742395

开发体验总结:

前端概念 + MVVM编程模式 + 组件化思维

4架构概述

整体思路:

image-20200209173841391

编译时:

image-20200209173939805

运行时:

image-20200209173958197

JS层架构:

image-20200209174026018

DOM模型:

image-20200209174114391

image-20200209174211030

页面渲染:

image-20200209175528944

架构概述总结:

数据驱动 + DOM模型 + 应用管理

猜你喜欢

转载自www.cnblogs.com/liguo-wang/p/12288278.html