2020-5-24 前端達人
注意：為了方便開發(fā)者減少配置項，描述頁面的四個文件必須具有相同的路徑與文件名。
WXML（WeiXin Markup Language）是框架設(shè)計的一套標簽語言，結(jié)合基礎(chǔ)組件、事件系統(tǒng)，可以構(gòu)建出頁面的結(jié)構(gòu)。WXML 充當?shù)木褪穷愃?nbsp;HTML 的角色
要完整了解 WXML 語法，請參考WXML 語法參考。
WXSS (WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式。
WXSS 用來決定 WXML 的組件應(yīng)該怎么顯示。
為了適應(yīng)廣大的前端開發(fā)者，WXSS 具有 CSS 大部分特性。同時為了更適合開發(fā)微信小程序，WXSS 對 CSS 進行了擴充以及修改。
與 CSS 相比，WXSS 擴展的特性有：
尺寸單位
樣式導(dǎo)入
JSON 是一種數(shù)據(jù)格式，并不是編程語言，在小程序中，JSON扮演的靜態(tài)配置的角色。
全局配置
小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。
頁面配置
每一個小程序頁面也可以使用同名 .json 文件來對本頁面的窗口表現(xiàn)進行配置，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
工具配置 project.config.json
通常大家在使用一個工具的時候，都會針對各自喜好做一些個性化配置，例如界面顏色、編譯配置等等，當你換了另外一臺電腦重新安裝工具的時候，你還要重新配置。
考慮到這點，小程序開發(fā)者工具在每個項目的根目錄都會生成一個 project.config.json，你在工具上做的任何配置都會寫入到這個文件，當你重新安裝工具或者換電腦工作時，你只要載入同一個項目的代碼包，開發(fā)者工具就自動
注意：
JSON文件都是被包裹在一個大括號中 {}，通過key-value的方式來表達數(shù)據(jù)。JSON的Key必須包裹在一個雙引號中，在實踐中，編寫 JSON 的時候，忘了給 Key 值加雙引號或者是把雙引號寫成單引號是常見錯誤。
JSON的值只能是以下幾種數(shù)據(jù)格式，其他任何格式都會觸發(fā)報錯，例如 JavaScript 中的 undefined。
數(shù)字，包含浮點數(shù)和整數(shù)
字符串，需要包裹在雙引號中
Bool值，true 或者 false
數(shù)組，需要包裹在方括號中 []
對象，需要包裹在大括號中 {}
Null
還需要注意的是 JSON 文件中無法使用注釋，試圖添加注釋將會引發(fā)報錯。
一個服務(wù)僅僅只有界面展示是不夠的，還需要和用戶做交互：響應(yīng)用戶的點擊、獲取用戶的位置等等。在小程序里邊，我們就通過編寫 JS 腳本文件來處理用戶的操作。
注冊頁面
對于小程序中的每個頁面，都需要在頁面對應(yīng)的 js 文件中進行注冊，指定頁面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等
使用 Page 構(gòu)造器注冊頁面
簡單的頁面可以使用 Page() 進行構(gòu)造。
使用 Component 構(gòu)造器構(gòu)造頁面
Page 構(gòu)造器適用于簡單的頁面。但對于復(fù)雜的頁面， Page 構(gòu)造器可能并不好用。
此時，可以使用 Component 構(gòu)造器來構(gòu)造頁面。 Component 構(gòu)造器的主要區(qū)別是：方法需要放在 methods: { } 里面。
————————————————
版權(quán)聲明：本文為CSDN博主「前端嵐楓」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/yilanyoumeng3/java/article/details/106292742
藍藍設(shè)計的小編 http://www.gerard.com.cn