小程序基礎

小程序基礎

app.json 全局配置

pages

  • 1 小程序中全部的頁面,都須要再 pages 配置中指定
  • 2 只要在 pages 中配置一個新的頁面路徑,微信開發者工具就會自動幫咱們建立好這個頁面
  • 3 pages 數組的第一項做爲 首頁
  • 4 頁面文件夾和文件名稱相同(約定)

window

  • 用於設置小程序的狀態欄、導航條、標題、窗口背景色。
  • 若是須要給小程序設置外觀樣式,就配置 window

tabBar

  • 設置小程序底部 Tab 菜單
  • 注意:只有當前頁面是 Tab 頁面,才能看到 底部的 Tab 欄菜單

networkTimeout

  • 網絡超時時間

debug

  • 是否開啓 debug 模式,默認關閉

functionalPages

  • 是否啓用插件功能頁,默認關閉

subpackages

  • 分包結構配置 (至關於vue的按需加載)

workers

  • Worker 代碼放置的目錄 (Html5 web Workers)

requiredBackgroundModes

  • 須要在後臺使用的能力,如「音樂播放」

plugins

  • 使用到的插件

preloadRule

  • 分包預下載規則 (性能優化)

resizable

  • iPad 小程序是否支持屏幕旋轉,默認關閉

navigateToMiniProgramAppIdList

  • 須要跳轉的小程序列表,詳見 wx.navigateToMiniProgram

usingComponents

  • 全局自定義組件配置

permission

  • 小程序接口權限相關設置

sitemapLocation

  • 指明 sitemap.json 的位置

經常使用組件

  • 說明:全部小程序頁面(wxml)都會被包裹在一個 page 組件(標籤)中

view組件

  • 相似於HTML的div標籤

text組件

  • 相似於HTML的span標籤
  • selectable: 文本是否可選
  • space: 顯示連續空格 (語法: space="nbsp")
  • decode: 是否解碼 (語法: text組件 < )

icon組件

  • 相似於HTML的i標籤
  • 功能: 展現小圖標
  • type: icon的類型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear

button組件

  • 相似於HTML的button標籤

checkbox組件

  • 相似於HTML的input[type="checkbox"]

image組件

  • 相似於HTML的img標籤 特色: 小程序圖片組件有默認的寬高 320px 240px

數據綁定

  • 數據通常都是在 JS 中提供的,若是要把這些數據展現在頁面中,須要經過 數據綁定{{}} 語法
相關文章
相關標籤/搜索