小程序代码结构讲解

小程序的代码不像写html同样，并无dom节点的这样的一些操做。它必须是操做数据，经过数据再去渲染页面。更像咱们用过的vue，react。

咱们看下微信小程序里面,Page的生命周期。

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

这是微信小程序生命周期相关的一个介绍页面。

在这里可以看到data是页面的初始数据。onLoad是监听页面加载的时候等等，使用的时候根据本身的须要去选择

 

 

咱们看看小程序的代码结构，第一个是images，主要是里面放一些图片，而后是pages，pages里面主要是路由页面里面指定的一个页面模块。每一个pages模块下面都包含了js文件，wxml文件，wxss文件。这个其实就是js,html,css的。utils都是一些公共的方法。固然除了这两目录还能够建立其它的文件目录。好比组件相关的。

 

下面有个app.js。app.js就是小程序加载的时候，他就必须从这个app.js先运行。他就至关于咱们一些全局的方法，还有一些全局的变量均可以塞在这个里面。 app.json，就是一些基本配置，其中pages就是路由。windows就是对整个小程序框架的设置，主要是顶部的设置。而后app.wxss就不用说了，一些公共的css均可以塞到这里面。最后是project.config.json。这个是本地生成的一些配置，这个配置从哪来的，就是添加自定义编译模式里面添加的一些东西，发现设置的值在miniprogram都会有