小程序、巧应用总结 微信小程序开发实践

微信小程序官网

欢迎交流QQ群（158721003）

基础

小程序的目录文件夹结构

image

1. app.js是小程序的脚本代码，用来监听并处理小程序的生命周期函数，声明全局变量（必须）

2. app.json是小程序的全局配置，配置小程序由哪些页面组成，配置小程序的窗口颜色等（必须）

3. app.wxss是整个小程序的公共样式

4. .js后缀的文件是脚本文件、.json后缀的文件是配置文件、.wxss后缀的是样式表文件、.wxml后缀的是页面结构文件

一个page的生命周期从onLoad开始，这个生命周期中onLoad、onReady、onUnload这三个事件仅执行一次，onHide和onShow每次显示隐藏都会执行，当用户手动出发左上角的退出箭头时，小程序仅触发app.onHide，下次进入小程序时会触发app.onShow和page的onShow，每个小程序分为2个线程，view与appServer，view负责界面解析渲染，APPServer负责运行js，appServer线程运行在jsCore中。

小程序的MINA框架

image

小程序的发布与运行流程

image

模块化通过抽离单独的js作为一个模块，模块中只有通过module.exports才能对外暴露接口以供其他js文件引用使用

模板

wxml文件中通过template标签创建模板

例如：

模板使用通过使用template is使用

例如：data:{firstname:"zhang"}