原创 小程序視圖層之WXML

WXML(WeiXin Markup Language)是框架設計的一套標籤語言,結合基礎組件、事件系統,可以構建出頁面的結構。可以用於數據綁定、列表渲染、條件渲染、模板、引用等功能。 WXML 中的動態數據均來自對應 Page

原创 小程序邏輯層之註冊頁面Page

小程序的每個頁面,都需要在頁面對應的 js 文件中進行註冊,指定頁面的初始數據、生命週期回調、事件處理函數等。可以使用Page構造器註冊頁面或者Component 構造器構造頁面。 1,Page構造器註冊頁面 簡單的頁面可以使用P

原创 小程序全局配置之pages

pages用於指定小程序由哪些頁面組成,每一項都對應一個頁面的 路徑(含文件名) 信息。文件名不需要寫文件後綴,框架會自動去尋找對於位置的 .json, .js, .wxml, .wxss 四個文件進行處理。 數組的第一項代表小程

原创 小程序模塊化---邏輯層

1.模塊化的含義? 把一些公共的代碼抽離成爲一個單獨的 js 文件,作爲一個模塊。 模塊只有通過 module.exports 或者 exports 才能對外暴露接口。 exports 是 module.exports 的一個引用

原创 小程序邏輯層之註冊小程序

1. 定義 每個小程序都需要在 app.js 中調用 App 方法註冊小程序示例,綁定生命週期回調函數、錯誤監聽和頁面不存在監聽函數等。 整個小程序只有一個 App 實例,是全部頁面共享的。 通過 getApp 方法獲取到全局唯一

原创 小程序的視圖層

視圖層view 小程序框架的視圖層由 WXML 與 WXSS 編寫,由組件來進行展示。將邏輯層的數據反應成視圖,同時將視圖層的事件發送給邏輯層。 WXML(WeiXin Markup language) 用於描述頁面的結構。 WX

原创 小程序全局配置之window

window用於設置小程序的狀態欄、導航條、標題、窗口背景色 詳細屬性如下圖: 注 1:HexColor(十六進制顏色值),如"#ff00ff" 注 2:關於navigationStyle 客戶端 7.0.0 以下版本,navi

原创 小程序之sitemap配置

微信現已開放小程序內搜索,開發者可以通過 sitemap.json 配置,或者管理後臺頁面收錄開關來配置其小程序頁面是否允許微信索引。 當允許微信索引時,微信會通過爬蟲的形式,爲小程序的頁面內容建立索引。當用戶的搜索詞條觸發該索引

原创 小程序之頁面配置

每一個小程序頁面也可以使用 .json 文件來對本頁面的窗口表現進行配置。頁面中配置項在當前頁面會覆蓋 app.json 的 window 中相同的配置項。文件內容爲一個 JSON 對象,有以下屬性: 頁面配置中只能設置 app

原创 小程序生命週期---邏輯層

小程序的生命週期函數是在app.js裏面調用的,App(Object)函數用來註冊一個小程序。接受一個 Object 參數,指定其小程序的生命週期回調;一般有onLaunch監聽小程序初始化、onShow監聽小程序顯示、onHid

原创 小程序全局配置之tabBar

tabBar如果小程序是一個多 tab 應用(客戶端窗口的底部或頂部有 tab 欄可以切換頁面),可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。詳細屬性如下圖: 其中 list 接受一

原创 小程序的頁面路由--邏輯層

在小程序中,所有頁面的路由全部由框架進行管理,框架又以棧的形式維護了當前的所有頁面。 路由發生切換的時候,頁面棧表現如下圖: Tips: navigateTo, redirectTo 只能打開非 tabBar 頁面。 switc

原创 微信小程序目錄結構

小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。 一個小程序主體部分主要由app.js、app.json 、app.wxss(不是必須的)組成,必須放在項目的根目錄下。 app.js 用於小程序邏輯,app.

原创 小程序全局變量之networkTimeout

networkTimeout用於request、connectSocket、uploadFile、downloadFile等網絡請求的超時時間,單位均爲毫秒。詳細屬性見下圖:

原创 小程序框架之場景值

1.什麼是場景值? 場景值用來描述用戶進入小程序的路徑。完整場景值的含義請查看微信官方文檔(https://developers.weixin.qq.com/miniprogram/dev/reference/scene-list