码迷,mamicode.com
首页 > 其他好文 > 详细

快应用开发与架构概述

时间:2020-02-09 20:43:15      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:模式   模型   缺点   ppc   技术   tps   suv   能力   dos   

快应用开发与架构概述

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模型 + 应用管理

快应用开发与架构概述

标签:模式   模型   缺点   ppc   技术   tps   suv   能力   dos   

原文地址:https://www.cnblogs.com/liguo-wang/p/12288278.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!