微信小程序开发摘要（微信小程序开发超级笔记）

微信小程序开发摘要（微信小程序开发超级笔记）作用逻辑层在 wxss 文件 里 添加 样式， 美化 页面，小程序框架分层

开发

步骤

在 js 文件 里 进行 业务 逻辑 的 处理， 动态 地 提供 数据；

在 wxml 文件 里 绑 定 数据， 渲染 界面；

在 wxss 文件 里 添加 样式， 美化 页面，

小程序框架

分层

逻辑层

作用

处理业务逻辑

语言

JS

Json配置文件

视图层

作用

渲染页面

语言

WXML

WXSS

目录（pages）

框架全局文件

必须放在项目根目录中

app.js小程序逻辑文件

定义全局数据

globalData：{}

定义函数文件

生命周期函数App()

onLaunch函数

监听小程序初始化

onShow

监听小程序显示

onHide

监听小程序隐藏

onError

错误监听函数

一般用法

onError：function（msg）{console.log(msg)}

onPageNotFound

页面不存在监听函数

app.json-小程序公共设置文件

配置内容

页面路径-"pages":[]

功能

配置后自动生成成套文件

窗口表现-"window":{}

配置内容

状态栏

导航条

标题

窗口背景色

导航条背景色

导航条文字

导航条文字颜色

设置窗口是否可以下拉刷新

窗口下拉背景字体

loading样式

标签导航-"tabBar":{"list":[{} {}]}

网络超时-"networkTimeout":{}

Debug模式-"debug"

内容

开启或不开启debug模式

app.wxss-公共样式表

project.config.json-配置文件

项目个性化配置文件

仅影响开发环境的样式等，不影响程序本身