微信小程序_框架

#微信小程序框架#

>逻辑层

        >用来处理业务逻辑

        >JavaScript

>视图层

        >用来渲染页面

        >视图层描述语言WXML

        >视图层样式WXSS

>微信小程序框架=逻辑层+视图层+json配置文件

---

#目录结构#

>微信小程序目录结构主要包含2个部分（放在pages包下）

        >框架全局文件

                >app.js：定义全局数据和函数的使用；指定微信小程序的生命周期函数

                        生命周期函数：可以理解为微信小程序自己定义的函数

                        例：

                        >onLoad：页面加载，一个页面只调用一次，接收页面参数可以获取wx.navigateTo和wx.redirectTo及<navigator>中的query

                        >onLaunch：监听小程序初始化（初始化完成就会触发，只触发一次）

                        >onShow：监听小程序显示，，每次打开页面都会调用一次（微信小程序有前后台定义，再次进入小程序就会触发该函数，只要程序启动或者从后台进入都会触发该函数）

                        >onHide：监听小程序隐藏（小程序从前台进入后台触发该函数）

                        >onError：错误监听函数（监听小程序脚本或者API是否发生错误）

                        >onPageNotFound：页面不存在监听函数（打开的页面不存在触发该函数）

                >app.json：可对5个功能进行设置

                        >配置页面路径

                        >配置窗口表现

                        >配置标签导航

                        >配置网络超时

                        >配置Debug模式

               >app.wxss：对css样式进行了扩展，是对所有页面定义的一个全局样式。

               >peoject.config.json：小程序项目个性化配置文件

        >框架页面文件

                >index.js：页面逻辑（类似JavaScript文件）

                >index.json：页面配置

                >index.wxml：页面结构（类似HTML文件）

                >index.wxss：页面样式表（类似CSS样式表）

---

#小程序注册#

>app.js文件不仅可以定义全局函数和数据，还可以注册小程序。

>在App()函数里可以完成小程序的注册，并指定其生命周期函数。

注：

        App()必须在app.js中注册，且不能注册多个。

        不要在定义于app()内的函数中调用getApp(),使用this就可以获取App实例。

        不要在onLoad的时候调用getCurrentPage()，这是page还没有生成。

        通过getApp()获取实例之后，不要私自调用生命周期函数。

---

#学无止境#