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