溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序的開發(fā)技巧

發(fā)布時(shí)間:2021-03-12 10:19:00 來源:億速云 閱讀:106 作者:小新 欄目:移動(dòng)開發(fā)

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

一:開發(fā)技巧

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

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

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

4、在 js 文件中直接修改 this.data 無效,請使用 this.setData() 函數(shù)

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

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

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

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

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

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

11、小程序腳本中不允許使用window,也無法在腳本中操作組件

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

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

二:開發(fā)工具使用技巧

快捷鍵

格式調(diào)整

Ctrl+S:保存文件

Ctrl+[, Ctrl+]:代碼行縮進(jìn)

Ctrl+Shift+[, Ctrl+Shift+]:折疊打開代碼塊

Ctrl+C Ctrl+V:復(fù)制粘貼,如果沒有選中任何文字則復(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)到文件開頭

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: 打開或者隱藏模擬器

其他

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

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

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

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

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

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

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

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI