當前位置:
首頁 >
小程序代码结构讲解
發布時間:2025/4/16
38
豆豆
小程序的代碼不像寫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都會有
我們看下微信小程序里面,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都會有
轉載于:https://www.cnblogs.com/wzndkj/p/10391969.html
總結
- 上一篇: vue----常用实例方法--$moun
- 下一篇: SVN删除服务器端项目文件