小程式學習筆記(二)小程式宿主環境

2022-08-02 21:39:10 字數 780 閱讀 8959

小程式的執行環境分成渲染層和邏輯層,其中wxml 模板和 wxss 樣式工作在渲染層js 指令碼工作在邏輯層

這個配置說明專案定義了兩個頁面,分別位於pages/index/indexpages/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 獲取輸入的運單號 注 方法...