全部頁面都須要在 app.json
文件中註冊在 pages
數組中,註冊格式爲:"路徑/文件名"
html
注:文件名無需添加擴展名web
app.josn
中的 pages
數組中的第一個頁面爲小程序的啓動頁json
每一個頁面的 js
、json
、wxml
、wxss
可與所在目錄名不一樣,但必須具備相同的路徑和文件名小程序
頁面目錄能夠嵌套,按照頁面目錄在 app.json
中註冊便可api
可經過直接賦值的方法修改 app.js
中的全局變量,但修改頁面變量須要使用 Page.prototype.setData()
方法,且賦值數據不能超過 1024 kB數組
在文件中引入模塊時,require
使用相對路徑引入(絕對路徑會報錯)緩存
如需引入多級文件,則使用以下方式:安全
// func.js 文件中定義了兩個函數 fun1 和 fun2 fun1 = function(){ // code } fun2 = function(){ // code } module.export = { fun1: fun1, fun2: fun2 } // util.js 中定義了函數 util 並須要導入 func.js 文件 var funcs = require('func.js文件的相對路徑') util = function(){ // code } module.export = { fun1: funcs.fun1, fun2: funcs.fun2, util: util }
小程序的 wxss
中使用 @import
導入文件時應使用相對路徑服務器
小程序中 wxss
樣式的優先級爲 內聯樣式 > 外鏈樣式 > 全局樣式微信
小程序的 wxss
樣式文件中支持 CSS3 的大部分屬性,但選擇器支持有限,請戳官方文檔
<block>
僅爲包裝元素,接受屬性控制且不能嵌套不會被渲染
<text>
組件內只能嵌套使用 <text>
組件,其餘不可用
僅 <text>
組件中的內容支持長按選中
<picker>
組件中的 range
數組下標必須連續且從 0 開始,不然會出現選項爲 null
的狀況
組件名稱均爲小寫,全部大寫的組件名稱都會在渲染時轉換爲小寫
任何自定義的組件 <自定義名稱>
均會被看成 <view>
組件來渲染,但須要注意組件名稱中不能出現數字。(雖然能夠自定義語義化組件,可是因爲微信官方並未加以說明,因此不推薦使用)
使用 page
標籤選擇器能夠修改頂層節點的樣式,至關於 HTML 中的 <body>
元素
程序中請求、上傳、下載及 websocket 的請求地址必須爲 https 地址,且在當前 APPID 的微信公衆平臺上註冊合法域名
wx.request()
中發送 POST 請求時,需設置 header
以下: {'content-type': 'application/x-www-form-urlencoded'}
某些狀況下須要使用全局數據一般有兩種方法:設置全局變量和寫入緩存,區別在於全局變量的生存週期和小程序相同,而緩存則是永久儲存的
wx.login()
只返回登錄 code
,可向微信服務器發送此 code
獲取用戶的 session_key
和 openid
,微信官方提供了登錄狀態檢驗的接口和一套驗證機制,請戳官方文檔
小程序的本地緩存不能超過 10M
小程序的上傳和下載中只能獲取文件的 key
,開發者在服務器端經過 key
獲取文件二進制內容。
修改 wxml
和 wxss
文件將會刷新頁面
修改 js
和 json
文件將會從新編譯小程序
在 app.json
文件 pages
數組中添加目標頁面,將會自動生成該頁面目錄和所需文件
項目- 基礎信息中設置勾選開發環境不校驗請求安全域名以及 TLS 版本時,將可使用 http 協議的請求地址,有助於本地調試
能夠在項目 - 配置信息中快捷查看當前 appid
配置的安全域名
手機調試過程當中能夠點按右上角,選擇 enable debug 打開手機調試模式
項目 - 預覽中可添加預覽頁面及參數信息,跳過繁瑣的前戲直達你想要操做的位置
快捷鍵
格式調整
Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代碼行縮進 Ctrl+Shift+[, Ctrl+Shift+]:摺疊打開代碼塊 Ctrl+C Ctrl+V:複製粘貼,若是沒有選中任何文字則複製粘貼一行 Shift+Alt+F:代碼格式化 Alt+Up,Alt+Down:上下移動一行 Shift+Alt+Up,Shift+Alt+Down:向上向下複製一行 Ctrl+Shift+Enter:在當前行上方插入一行 Ctrl+Shift+F:全局搜索
光標相關
Ctrl+End:移動到文件結尾 Ctrl+Home:移動到文件開頭 Ctrl+i:選中當前行 Shift+End:選擇從光標到行尾 Shift+Home:選擇從行首到光標處 Ctrl+Shift+L:選中全部匹配 Ctrl+D:選中匹配 Ctrl+U:光標回退
界面相關
Ctrl + \:隱藏側邊欄 Ctrl + m: 打開或者隱藏模擬器
小程序基於包開發,開發和發佈流程與 H5 應用是大相徑庭的
小程序中 Web 開發的 session 管理部分由微信服務器實現
小程序的域名僅用於通信和驗證,沒有 Cookie 機制