微信小程式學習筆記(三)

2021-08-17 12:32:42 字數 1030 閱讀 6289

template模板化

指令碼檔案輸出module.exports()

把資料做成陣列

單獨新建資料夾和新建js檔案,把陣列放到裡面

定義出口module.exports =

指令碼檔案引入require()

require()只能使用相對路徑

例:var ooo = require(../../***.js)

指令碼檔案使用

this.setdata()是相容非同步的函式,推薦一直使用該函式,避免出錯

注意wx:for='鍵名',配合this.data時寫進data:{}裡,呼叫也使用它,這裡我找bug半天..

template模板,在定義的時候使用name屬性,如以下宣告方式

name:}  address:}

模板不能直接在介面上顯示,需要呼叫的時候才能顯示出來,呼叫的時候需要使用is屬性來說明呼叫的是哪個模板,並且傳參的形式可以有多種

關於import

使用import引入template模板內容

引入wxml

引入wxss@import "../post-item/post-item-template.wxss";

微信小程式學習三

接上篇 編譯的時候,在某個頁面編譯希望停留在此頁面的話,可以新增編譯,修改普通編譯為自定義編譯 首頁 首先新增乙個view容器 關於小程式的容器在文件中的元件可看到 在 view 中新增輪播圖 在index.js檔案中新增background 輪播陣列 key值 this自身為鍵了,注意此時自身應是...

微信小程式學習筆記

1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...

微信小程式學習筆記

主要用於 編寫和效果預覽,還可以進行 真機除錯 2 雲開發控制台 wxml 對應html,提供很多常用的元件。wxss 對應css,基本沒差別,目前體會最深的是尺寸單位rpx替代畫素單位px,能很方便的適配各種解析度的手機。js 同js。json 同json。pages 乙個頁面對應乙個資料夾,乙個...