微信小程序框架

微信小程序框架

1.目录结构

框架页面文件 – pages

工具类文件 – utils

框架全局文件 （对所有界面都有效）

• app.js 小程序逻辑文件：定义全局数据以及定义函数文件
  • 指定小程序的生命周期函数
    • onLaunch: 监听小程序初始化（全局只触发一次）
    • onShow: 监听小程序显示
    • onHide: 监听小程序隐藏
    • onError: 错误监听函数
    • onPageNotFound: 页面不存在监听函数
    • …
    • 其他: 开发者自定义
  • 注册小程序
    • App()必须在App.js中注册，且不能注册多个
    • 在App()中用this获得App实例
    • 在getApp()获得实例之后，不要私自调用生命周期函数
• app.json 小程序公共设置文件
  • “pages”配置页面路径
    • 页面路径定义了一个数组，存放多个页面的访问路径，定义页面访问路径后，微信小程序框架就可以在pages文件夹下建立相应名称的文件夹以及文件。
  • “window”配置窗口及导航栏
  • “tabBar”配置底部标签导航
    • tabBar是一个对象
  • “networkTimeout”配置网络超时
  • “debug”配置debug模式
• app.wxss 小程序公共样式表
• project.config.json 小程序个性化配置文件（config: 配置）

---

具体开发过程中：

• js文件进行逻辑业务的处理，动态的提供数据
• 在wxml文件里绑定数据，渲染界面
• 在wxss文件里添加样式，美化界面

wxml – 骨
wxss – 肉
js – 动作