小程式的執行環境分成渲染層和邏輯層,其中wxml 模板和 wxss 樣式工作在渲染層,js 指令碼工作在邏輯層。
這個配置說明專案定義了兩個頁面,分別位於pages/index/index
和pages/logs/logs
。而寫在pages
欄位的第乙個頁面就是這個小程式的首頁(開啟小程式看到的第乙個頁面)。
onlaunch: function ()
page(,
onload: function ()
})
page
是乙個頁面構造器,這個構造器就生成了乙個頁面。在生成頁面的時候,小程式框架會把data
資料和index.wxml
一起渲染出最終的結構,於是就得到了你看到的小程式的樣子。
在渲染完介面之後,頁面例項就會收到乙個onload
的**,你可以在這個**處理你的邏輯。
***改變data裡的資料需要用setdata(),如:
data: ,
onload: function () );
}可將data.motto的hello world!置換成abc。
微信小程式開發9 宿主環境 2
1.乙個小程式頁面可以分解成多個部分組成,元件就是小程式頁面的基本組成單元。為了讓開發者可以快速進行開發,小程式的宿主環境提供了一系列基礎元件。元件是在wxml模板檔案宣告中使用的,wxml的語法和html語法相似,小程式使用標籤名來引用乙個元件,通常包含開始標籤和結束標籤,該標籤的屬性用來描述該元...
微信小程式 搭建小程式環境
1 store.js 儲存資訊 2 router.js 路由相關配置 頁面跳轉 3 request.js 網路相關配置 在util下建立store.js 如下 儲存資料,獲取uid等 module.exports else 獲取資料 getitem key,set name else 刪除資料 cl...
微信小程式學習筆記(階段二)
二階段學習過程 一 看官方文件的框架 元件 api 三 模仿並寫出各個demo 模板應用demo 快遞查詢demo 登陸介面demo btnclick function console.log thispage.data.info input function event 獲取輸入的運單號 注 方法...