2019-10-21 微信小程序学习笔记

小程序学习笔记

1.小程序目录结构

框架全局文件+框架页面文件

微信小程序框架=逻辑层+视图层+json配置文件
  • 框架
    • 逻辑层
      • 处理业务逻辑
      • JavaScript
    • 视图层
      • 渲染页面
      • 视图层描述WXML
      • 视图样式WXSS
    • Josn配置文件
      • 配置页面路径
      • 配置窗口表现
      • 配置标签导航
      • 配置网络超时
      • 配置Debug模式
    • WXSS
      • 对css样式进行扩展
      • 改文件是对所有页面定义的一个全局样式
      • 如页面样式与全局样式冲突,则全局样式被覆盖
    • project.config.json
      • 小程序项目个性化配置
      • 如界面颜色,编译配置等
      • 换机器或重新安装开发工具需要重新配置
      • 每个项目根目录下生成

2.小程序目录结构

  • app.js文件不仅可以定义全局函数和数据,还可以注册小程序
  • 在APP()函数里可以完成小程序的注册,并指定其生命周期函数
    • onLaunch函数
      • 用来监听小程序初始化
    • onShow函数
      • 用来监听小程序显示
      • 微信小程序前后台定义
      • 当用户单击左上角关闭、按Home键关闭或突然来电话,小程序没有销毁,而是进入后台
      • 当再次进入小程序是触发该函数
      • 只要程序进入前台或后台都触发该函数
    • onHide函数
      • 监听小程序隐藏
      • 从前台进入后台,触发该函数
    • onError函数
      • 监听小程序脚本或者API是否发生错误
      • 发生错误时返回错误信息
    • onPageNotFound函数
      • 当要打开的页面不存在,会调用该函数
  • 在页面里调用App.js全局数据
  • 在页面js文件,按如下所示方法,就可以调用到全局数据globalData
    var AppInstance = getApp()
    console.log(AppInstance.globalData)
  • 不仅可以调用全局数据,还可调用自定义的函数,但是不要调用生命周期函数
  • App必须在app.js中注册,且不能注册多个
  • 不要再定义于app()内的函数中调用getapp(),使用this就可以获取app实例
  • 不要再onload的时候调用getcurrentpage(),时page还没有生成
  • 通过getapp()获取实例后,不要私自调用生命周期函数

你可能感兴趣的:(2019-10-21 微信小程序学习笔记)