這篇文章將為大家詳細(xì)講解有關(guān)微信小程序的開(kāi)發(fā)技巧，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

目前創(chuàng)新互聯(lián)公司已為超過(guò)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、天壇街道網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

一：開(kāi)發(fā)技巧

1、所有的頁(yè)面都需要在 app.json 文件中的 pages 中以【路徑+頁(yè)面名】方式注冊(cè)(頁(yè)面名無(wú)需添加文件擴(kuò)展名)

2、文件 app.json 中 pages 中注冊(cè)的第一個(gè)頁(yè)面為小程序的首頁(yè)

3、每個(gè)頁(yè)面的 js、json、wxml、wxss 文件必須具有相同的路徑和文件名

4、在 js 文件中直接修改 this.data 無(wú)效，請(qǐng)使用 this.setData() 函數(shù)

5、使用 this.setData() 函數(shù)單次設(shè)置的數(shù)據(jù)不能超過(guò)1024kB

6、小程序目前不支持直接引入 node_modules , 開(kāi)發(fā)者需要使用到 node_modules 時(shí)候建議拷貝出相關(guān)的代碼到小程序的目錄中

7、在組件中可以定義數(shù)據(jù)，以data-開(kāi)頭，多個(gè)單詞由連字符-鏈接，大寫字符會(huì)自動(dòng)轉(zhuǎn)成小寫，并通過(guò)事件傳遞給邏輯層

8、所有組件與屬性都是小寫，以連字符-連接

9、小程序最多只能同時(shí)打開(kāi)五個(gè)頁(yè)面

10、小程序必須發(fā)送 https 協(xié)議的請(qǐng)求，且請(qǐng)求地址必須在對(duì)應(yīng)的 appid 下注冊(cè)安全域名

11、小程序腳本中不允許使用window，也無(wú)法在腳本中操作組件

12、為了提升體驗(yàn)流暢度，編譯后的代碼包大小需小于 1MB ，大于 1MB 的代碼包將上傳失敗

13、使用 page 標(biāo)簽選擇器，可以修改頂層節(jié)點(diǎn)的樣式，類似于 HTML 中的 body 標(biāo)簽

二：開(kāi)發(fā)工具使用技巧

快捷鍵

格式調(diào)整

Ctrl+S：保存文件

Ctrl+[， Ctrl+]：代碼行縮進(jìn)

Ctrl+Shift+[， Ctrl+Shift+]：折疊打開(kāi)代碼塊

Ctrl+C Ctrl+V：復(fù)制粘貼，如果沒(méi)有選中任何文字則復(fù)制粘貼一行

Shift+Alt+F：代碼格式化

Alt+Up，Alt+Down：上下移動(dòng)一行

Shift+Alt+Up，Shift+Alt+Down：向上向下復(fù)制一行

Ctrl+Shift+Enter：在當(dāng)前行上方插入一行

Ctrl+Shift+F：全局搜索

光標(biāo)相關(guān)

Ctrl+End：移動(dòng)到文件結(jié)尾

Ctrl+Home：移動(dòng)到文件開(kāi)頭

Ctrl+i：選中當(dāng)前行

Shift+End：選擇從光標(biāo)到行尾

Shift+Home：選擇從行首到光標(biāo)處

Ctrl+Shift+L：選中所有匹配

Ctrl+D：選中匹配

Ctrl+U：光標(biāo)回退

界面相關(guān)

Ctrl + \：隱藏側(cè)邊欄

Ctrl + m: 打開(kāi)或者隱藏模擬器

其他

1、修改 wxml 和 wxss 文件將會(huì)刷新頁(yè)面

2、修改 js 和 json 文件將會(huì)重新編譯小程序

3、在 app.json 文件中修改注冊(cè)目標(biāo)頁(yè)面，將會(huì)自動(dòng)生成該頁(yè)面目錄和文件

4、開(kāi)發(fā)環(huán)境不校驗(yàn)請(qǐng)求安全域名以及 TLS 版本 選項(xiàng)打開(kāi)時(shí)可以使小程序在運(yùn)行時(shí)不校驗(yàn)域名安全性等規(guī)則，更有利于開(kāi)發(fā)中的調(diào)試，可在項(xiàng)目 - 基礎(chǔ)信息中設(shè)置

5、可以在項(xiàng)目 - 配置信息中快捷查看當(dāng)前 appid 配置的安全域名

6、手機(jī)查看調(diào)試小程序時(shí)可以點(diǎn)擊右上角，選擇 enable debug 打開(kāi)調(diào)試模式

關(guān)于“微信小程序的開(kāi)發(fā)技巧”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

分享標(biāo)題：微信小程序的開(kāi)發(fā)技巧-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)路徑：http://weahome.cn/article/dddjsd.html