這篇文章將為大家詳細講解有關微信小程序的開發技巧，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
一：開發技巧
1、所有的頁面都需要在 app.json 文件中的 pages 中以【路徑+頁面名】方式注冊(頁面名無需添加文件擴展名)
2、文件 app.json 中 pages 中注冊的第一個頁面為小程序的首頁
3、每個頁面的 js、json、wxml、wxss 文件必須具有相同的路徑和文件名
4、在 js 文件中直接修改 this.data 無效，請使用 this.setData() 函數
5、使用 this.setData() 函數單次設置的數據不能超過1024kB
6、小程序目前不支持直接引入 node_modules , 開發者需要使用到 node_modules 時候建議拷貝出相關的代碼到小程序的目錄中
7、在組件中可以定義數據，以data-開頭，多個單詞由連字符-鏈接，大寫字符會自動轉成小寫，并通過事件傳遞給邏輯層
8、所有組件與屬性都是小寫，以連字符-連接
9、小程序最多只能同時打開五個頁面
10、小程序必須發送 https 協議的請求，且請求地址必須在對應的 appid 下注冊安全域名
11、小程序腳本中不允許使用window，也無法在腳本中操作組件
12、為了提升體驗流暢度，編譯后的代碼包大小需小于 1MB ，大于 1MB 的代碼包將上傳失敗
13、使用 page 標簽選擇器，可以修改頂層節點的樣式，類似于 HTML 中的 body 標簽
二：開發工具使用技巧
快捷鍵
格式調整
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: 打開或者隱藏模擬器
其他
1、修改 wxml 和 wxss 文件將會刷新頁面
2、修改 js 和 json 文件將會重新編譯小程序
3、在 app.json 文件中修改注冊目標頁面，將會自動生成該頁面目錄和文件
4、開發環境不校驗請求安全域名以及 TLS 版本 選項打開時可以使小程序在運行時不校驗域名安全性等規則，更有利于開發中的調試，可在項目 - 基礎信息中設置
5、可以在項目 - 配置信息中快捷查看當前 appid 配置的安全域名
6、手機查看調試小程序時可以點擊右上角，選擇 enable debug 打開調試模式
關于“微信小程序的開發技巧”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
