小程序代碼結構講解

小程序的代碼不像寫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都會有