注冊(cè)登錄

微信小程序開發(fā)技巧及開發(fā)工具使用技巧

2017-06-22
導(dǎo)讀:2017年6月14日,微信小程序開發(fā)已經(jīng)是當(dāng)下最熱門的話題,下面將從多方面來談?wù)勎⑿判〕绦蜷_發(fā)相關(guān)的內(nèi)容。6月14日消息,hishop報(bào)道,為了與新東家沃爾瑪(Walmart)融合得更加順暢,Jet.com(去...

2017年6月14日,微信小程序開發(fā)已經(jīng)是當(dāng)下最熱門的話題,下面將從多方面來談?wù)勎⑿判〕绦蜷_發(fā)相關(guān)的內(nèi)容。

6月14日消息,hishop報(bào)道,為了與新東家沃爾瑪(Walmart)融合得更加順暢,Jet.com(去年8月被沃爾瑪以33億美元收購)正計(jì)劃逐步剔除自己平臺(tái)上所售的Costco旗下品牌產(chǎn)品。

6月18日,永輝將在福州開出第一家永輝生活店。值得注意的是,這也是永輝首家24小時(shí)營(yíng)業(yè)門店。據(jù)了解,這家24小時(shí)門店商品由永輝物流統(tǒng)一配送,沒有熟食但提供蔬菜水果以及冷凍冰鮮類商品。

一:開發(fā)技巧

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

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

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

4、在 js 文件中直接修改 this.data 無效,請(qǐng)使用 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é)議的請(qǐng)求,且請(qǐng)求地址必須在對(duì)應(yīng)的 appid 下注冊(cè)安全域名

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 文件中修改注冊(cè)目標(biāo)頁面,將會(huì)自動(dòng)生成該頁面目錄和文件

 

4、開發(fā)環(huán)境不校驗(yàn)請(qǐng)求安全域名以及 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)試模式

 


  • 微信小程序開發(fā)技巧及開發(fā)工具使用技巧

    微信小程序商城系統(tǒng)開發(fā)其實(shí)很簡(jiǎn)單

    微信小程序商城系統(tǒng)開發(fā)其實(shí)很簡(jiǎn)單,只需要五步就可以完成,整個(gè)過程包括開發(fā)、上線、發(fā)布都可以輕松搞定...詳情

  • 微信小程序開發(fā)技巧及開發(fā)工具使用技巧

    微信小程序商城系統(tǒng)免費(fèi)注冊(cè)體驗(yàn)

    微信小程序商城系統(tǒng)免費(fèi)注冊(cè)體驗(yàn),接下來是微信小程序的時(shí)代,這一波紅利在不抓住互聯(lián)網(wǎng)就再也沒什么機(jī)會(huì)了...詳情

想了解更多微信小程序開發(fā)和微信小程序大全都可以進(jìn)入微信小程序商城系統(tǒng)開發(fā)了解。

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)

電話咨詢 微信咨詢 預(yù)約演示 0元開店