微信小程式的入門

2022-09-01 10:18:12 字數 1764 閱讀 7832

1.申請賬號

官網:

2.開發工具

官方開發除錯工具:

3.小程式的檔案結構及配置

乙個小程式主體部分由三個檔案組成,必須放在專案的根目錄,如下:

指定小程式由哪些頁面組成。每一項代表對應頁面【路徑+目錄名+檔名(不包含字尾名)】,陣列的第一項代表小程式的初始頁面(首頁/展示頁)。小程式中新增/減少頁面,都需要對 pages 陣列進行修改。

3.3window

用於設定小程式的狀態列、導航條、標題、視窗背景色。

3.4tabbar

設定小程式底部或頂部選單欄。

注:

1.當設定 position 為 top 時,將不會顯示 icon圖示

2.tabbar 中的 list 是乙個陣列,只能配置最少2個、最多5個選單

可以設定各種網路請求的超時時間。單位毫秒

4.生命週期

微信小程式入門

標籤 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中的函式或方法,也不能呼叫小程式提供的...