小程序的代碼不像寫(xiě)html一樣，并沒(méi)有dom節(jié)點(diǎn)的這樣的一些操作。它必須是操作數(shù)據(jù)，通過(guò)數(shù)據(jù)再去渲染頁(yè)面。更像我們用過(guò)的vue，react。
我們看下微信小程序里面,Page的生命周期。 https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html 這是微信小程序生命周期相關(guān)的一個(gè)介紹頁(yè)面。 在這里能夠看到data是頁(yè)面的初始數(shù)據(jù)。onLoad是監(jiān)聽(tīng)頁(yè)面加載的時(shí)候等等，使用的時(shí)候根據(jù)自己的需要去選擇 我們看看小程序的代碼結(jié)構(gòu)，第一個(gè)是images，主要是里面放一些圖片，然后是pages，pages里面主要是路由頁(yè)面里面指定的一個(gè)頁(yè)面模塊。每個(gè)pages模塊下面都包含了js文件，wxml文件，wxss文件。這個(gè)其實(shí)就是js,html,css的。utils都是一些公共的方法。當(dāng)然除了這兩目錄還可以創(chuàng)建其它的文件目錄。比如組件相關(guān)的。 下面有個(gè)app.js。app.js就是小程序加載的時(shí)候，他就必須從這個(gè)app.js先運(yùn)行。他就相當(dāng)于我們一些全局的方法，還有一些全局的變量都可以塞在這個(gè)里面。 app.json，就是一些基本配置，其中pages就是路由。windows就是對(duì)整個(gè)小程序框架的設(shè)置，主要是頂部的設(shè)置。然后app.wxss就不用說(shuō)了，一些公共的css都可以塞到這里面。最后是project.config.json。這個(gè)是本地生成的一些配置，這個(gè)配置從哪來(lái)的，就是添加自定義編譯模式里面添加的一些東西，發(fā)現(xiàn)設(shè)置的值在miniprogram都會(huì)有

轉(zhuǎn)載于:https://www.cnblogs.com/wzndkj/p/10391969.html

總結(jié)

以上是生活随笔為你收集整理的小程序代码结构讲解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。