微信小程序開發代碼基礎知識

衆所周知,微信小程序開發是一門技術活,沒有一定編程和代碼能力能難做好微信小程序。下面木魚小鋪((https://www.muyu007.cn
就和大家分享一下微信小程序開發代碼基礎知識,讓大家更好的來了解一下微信小程序開發。

1.首先帶大家來了解一下微信小程序開發代碼文件格式

大家都知道微信小程序開發代碼文件格式基本都是固定式的。每一個index代碼文件夾裏都包含了js、json、wxml、wxss格式,如圖所示:

微信小程序開發代碼基礎知識

  1. 其次來了解一下微信小程序開發代碼文件格式都代表什麼意思
    ①Index.js主要是用來放邏輯代碼文件,用來存儲數據,如圖所示:

微信小程序開發代碼基礎知識

這些代碼,大家可能並不熟悉,下面就和大家詳細介紹一下。

Page()這個主要是用於傳入json數據,它用來處理所有的邏輯。

data:{}它主要是存放初始數據,頁面中需要調用的數據一般都存放在裏面。

{{motto}}和{{info.name}}都是調用方式。

click:是一種函數方法

click:function(){}:處理邏輯數據

②index.wxml主要是用來存放佈局文件,如圖所示:

微信小程序開發代碼基礎知識

③index.wxss主要是用樣式文件,用來編寫所有標籤樣式,比如字體、背景色配置等。如圖所示

微信小程序開發代碼基礎知識

④index.json主要是用來保存配置文件,以鍵值對的形式來儲存數據。

3.除了index代碼文件,還有一個全局以app命名的文件

App命名文件同樣包含着app.js文件、app.wxml文件、app.wxss文件、app.json文件。

①App.js文件是一種腳本代碼,主要是用來存儲本地數據。

②app.json是指微信小程序全局配置,主要是用設置頁面的路徑、小程序的窗口、背景色以及導航欄的樣式、主題等、網絡超時的時間以及底部tab等。a

③pp.wxss文件是指微信小程序樣式表。

以上詳細的介紹了一下微信小程序開發基本知識,希望以上內容對大家有所幫助!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章