前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

快应用入门小结篇

首页
2018-08-21 18:05:43
Front-End
快应用
  • MD原文件 https://github.com/poetries/poetries.github.io/blob/dev/source/_posts/quick-app-summary.md
  • 博客链接 http://blog.poetries.top/2018/08/21/quick-app-summary/

# 前言

# 与微信小程序的比较

  • 二者都采用前端技术栈,快应用是native 渲染,性能体验会比较好,而小程序目前是webview渲染
  • 二者开发框架和规范不同,所以代码写法上有差异,快应用的css支持能力较弱
  • 快应用基于native,可以调起丰富的系统api,小程序在此方面会有些无力

# 快应用入口

  • 应用商店
  • 桌面图标
  • 全局搜索
  • 浏览器搜索
  • 网页跳转
  • 负一屏
  • 智能推送
  • 智慧识屏
  • 场景化入口(短信按钮、应用卸载替换、二维码、传送门)

# 快应用优点

  • 轻松调起更多系统api
  • 各厂商的流量扶持
  • native渲染,deeplink入口,原生桌面入口,push能力

# 一、环境搭建

# 1.1 安装NodeJS

需安装6.0以上版本的NodeJS

# 1.2 安装hap-toolkit

// hap -V // 会显示安装版本信息
npm install -g hap-toolkit
@前端进阶之旅: 代码已经复制到剪贴板

# 1.3 创建项目工程

hap init projectName

// 增加编译支持
hap update --force

cd projectName && npm i
@前端进阶之旅: 代码已经复制到剪贴板

生成的目录结构

├── sign rpk //包签名模块
│ └── debug //调试环境
│ ├── certificate.pem //证书文件
│ └── private.pem //私钥文件
├── src
│ ├── Common //公用的资源和组件文件
│ │ └── logo.png //应用图标
│ ├── Demo //页面目录
│ | └── index.ux //页面文件,可自定义页面名称
│ ├── app.ux //APP文件,可引入公共脚本,暴露公共数据和方法等
│ └── mani
fe
  • 前言
    • 与微信小程序的比较
    • 快应用入口
    • 快应用优点
  • 一、环境搭建
    • 1.1 安装NodeJS
    • 1.2 安装hap-toolkit
    • 1.3 创建项目工程
    • 1.4 连接手机进行调试
    • 1.5 安装Hap Extension
  • 二、快应用结构分析
    • 2.1 文件组织
    • 2.2 源码文件
    • 2.3 manifest配置
    • 2.4 app.ux
    • 2.5 style样式
    • 2.6 template模板
    • 2.7 script脚本
      • 2.7.1 模块声明
      • 2.7.2 对象
        • 2.7.2.1 页面级组件
        • 2.7.2.2 自定义组件
        • 2.7.2.3 公共对象
        • 2.7.2.4 应用对象
        • 2.7.2.5 页面对象
      • 2.7.3 方法
        • 2.7.3.1 数据方法
        • 2.7.3.2 公共方法
        • 2.7.3.3 事件方法
        • 2.7.3.4 应用方法
        • 2.7.3.5 页面方法
    • 2.8 指令
  • 三、生命周期
    • 3.1 APP的生命周期
    • 3.2 页面生命周期
  • 四、置顶对象
  • 五、全局对象
  • 六、元素属性方法
  • 七、页面设计
  • 八、组件
  • 九、页面切换和参数传递
    • 9.1 参数传递
    • 9.2 页面间通信
  • 十、组件通信
  • 十一、Deeplink
  • 十二、事件监听与触发
  • 十三、打包及发布
    • 13.1 编译工具
    • 13.2 IDE发布
  • 十四、快应用分享专题
  • 十五、上传到快应用中心审核
  • 十六、一些问题
  • 十七、快应用开发资源
    • 官方资讯
    • 官方文档
    • 工具
    • 示例
    • 插件
    • 教程
    • 讨论
    • 分享

← 初识vue与环境搭建(一)JavaScript数组方法总结篇 →