小程式開發1

2022-01-19 20:38:26 字數 857 閱讀 4465

第一步,你需要擁有乙個小程式帳號,通過這個帳號你就可以管理你的小程式。

pages/index/index

json 配置檔案

wxml 模板檔案

wxss 樣式檔案

js 指令碼邏輯檔案

頁面定義在哪個目錄

。window欄位 —— 小程式所有頁面的頂部背景顏色,文字顏色在這裡定義。

工具配置 project.config.json

這個不重要,是你開發工具的一些設定。

頁面配置

如 pages/logs 目錄下的 logs.json ,是和小程式頁面相關的配置。

頁面配置

json,讓開發者可以

獨立定義每個頁面的一些屬性

,例如剛剛說的頂部顏色、是否允許下拉重新整理等等。

可以參考文件 

小程式的配置 page.json

。wxml 模板

wxml 充當的就是類似 html 的角色

wx:if 這樣的屬性

如果你需要把乙個 hello world 的字串顯示在介面上。 wxml 是這麼寫 :

js 只需要管理狀態即可:

this

.setdata()

wxss 樣式

js 互動邏輯

}點選我

點選 button 按鈕的時候,我們希望把介面上 msg 顯示成 "hello world",於是我們在 button 上宣告乙個屬性: bindtap ,在 js 檔案裡邊宣告了 clickme 方法來響應這次點選操作:

page() } })

可以在 js 中呼叫小程式提供的豐富的 api

參考文件 

小程式的api

vscode開發小程式1

安裝漢化外掛程式 1.在vscode介面按ctrl shift p輸入 configure display language 2.查詢i選擇nstall漢化外掛程式 簡體中文 3.重啟restart vscode或者關掉介面重新開啟 快捷建立頁面的方式 1.使用阿里巴巴圖示庫的樣式 2.複製該 在瀏...

小程式開發筆記1

style v2 sitemaplocation sitemap.json enablepulldownrefresh 支援下拉重新整理 在json中配置支援下拉重新整理,即 enablepulldownrefresh true 請注意是true,不是 true 字串,backgroundtexts...

11 20 小程式開發總結 (1)

小程式介面 用途 獲取上個頁面的函式來獲取做資料互動,類似react 父級給子級傳參,函式等.var pages getcurrentpages var prevpage pages pages.length 2 上乙個頁面 此時獲取到上個頁面所有的函式,及其引數 2.小程式 傳參,分享傳參 需求 ...