微信小程式入門學習

2022-09-11 13:36:30 字數 1245 閱讀 9578

前(che)言(dan):

正文:2.開發者學習

選擇專案儲存位址的時候選擇乙個新建立的空資料夾,並且勾選 quick start, 它就會幫我們建立乙個簡易的小程式demo,方便我們學習理解

3.進入我們的專案以後,我們看到了乙個簡單的demo頁面,在左邊選單欄中選擇「編輯」,可以檢視我們這個專案的檔案和結構,

從檔案結構中我們可以看到他的檔案型別無非 4種:

.json : 配置檔案,可以配置頁面頭部title資訊等

.wxml : 檢視結構檔案,功能就像html檔案差不多,用於描述頁面結構,只不過它有自己獨特的標籤,不使用html標籤

.wxss : 檢視樣式檔案,格式跟css檔案一樣,他在css的基礎上擴充套件了幾個特性 比如:

尺寸單位 / 

樣式匯入

5: 專案執行過程:

往後:頁面可以通過事件與js檔案互動,比如 在標籤元素上繫結點選事件,並且指向js檔案中的乙個函式,就能用js中的邏輯去處理這個事件了

6:幾個小問題: 

第乙個問題:他這個東西沒有初始訪問路徑,不科學啊,為什麼他一執行就給我進到index.wxml頁面了呢?

第二個問題:他這個index.wxml檔案中沒有引入index.js、index.wxss和index.json,他是如何呼叫到它們呢?

答:我們可以理解為 index 頁面被拆分成了四個字尾不同的檔案,但事實上他們是一體的,嘻嘻,這種關聯方式莫名的很爽  (index頁面 = index.js + index.json + index.wxml + index.wxss  , 其中wxss和json檔案在沒必要時可以沒有)

第三個問題:雖然我知道了他們四個檔案是互通的,但是我在index.wxml裡要如何呼叫index.js中的資料和函式呢??

答:index.js中需要呼叫乙個 page()函式來註冊乙個頁面,他有乙個object型別的引數,其中有乙個data物件,比如 page(}),這樣我們在頁面中就可以直接使用} 雙大括號來指向這個變數了,而且是同步的喲,js檔案中data值變化後,頁面中呼叫他的值也會跟著變。

如果要呼叫的是個function物件的話,那我們就需要通過事件來呼叫了,比如頁面載入事件,他會去js中找onload函式,這個他是自動的,如果我們想在我們點選了某個元素後呼叫乙個函式處理相應邏輯,那麼我們需要在元素標籤中新增 屬性了 比如 按鈕  ,當我點選了「按鈕」文字後, 他就能呼叫到 js > page()引數 > mytapevent函式。

好吧。初級的入門學習算是結束啦,之後會寫一些更加深入的學習內容。 ^ ^

微信小程式入門

標籤 view text 語法 條件渲染 view view else view 列表渲染 for wx key view for wx for item myitem wx for index myindex text 模板template 定義 template name temp view t...

微信小程式入門

pages 存放頁面的目錄 utils 存放自定義util工具的目錄 project.config.json 專案配置檔案 sitemap.json關於本檔案的更多資訊,請參考文件 專案中檔案,保留project.config.json 和 sitemap.json即可,其他的都可以刪除然後自行建立...

微信小程式入門

此處省略安裝過程 網上很多 可直接 直接寫筆記了 開發小程式可以將iphone6作為視覺稿的標準。wxs是指令碼語言,結合wxml構建頁面的結構,同時它並不依賴基礎庫版本,可以在所有版本的小程式上執行,它與js不同,並且執行環境與js是隔離的,wxs不能呼叫js中的函式或方法,也不能呼叫小程式提供的...