微信小程序開(kāi)發(fā)技巧及開(kāi)發(fā)工具使用技巧
2017年6月14日,微信小程序開(kāi)發(fā)已經(jīng)是當(dāng)下最熱門(mén)的話(huà)題,下面將從多方面來(lái)談?wù)勎⑿判〕绦蜷_(kāi)發(fā)相關(guān)的內(nèi)容。
6月14日消息,hishop報(bào)道,為了與新東家沃爾瑪(Walmart)融合得更加順暢,Jet.com(去年8月被沃爾瑪以33億美元收購(gòu))正計(jì)劃逐步剔除自己平臺(tái)上所售的Costco旗下品牌產(chǎn)品。
6月18日,永輝將在福州開(kāi)出第一家永輝生活店。值得注意的是,這也是永輝首家24小時(shí)營(yíng)業(yè)門(mén)店。據(jù)了解,這家24小時(shí)門(mén)店商品由永輝物流統(tǒng)一配送,沒(méi)有熟食但提供蔬菜水果以及冷凍冰鮮類(lèi)商品。
一:開(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è)單詞由連字符-鏈接,大寫(xiě)字符會(huì)自動(dòng)轉(zhuǎn)成小寫(xiě),并通過(guò)事件傳遞給邏輯層
8、所有組件與屬性都是小寫(xiě),以連字符-連接
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)的樣式,類(lèi)似于 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)試模式
-
微信小程序商城系統(tǒng)開(kāi)發(fā)其實(shí)很簡(jiǎn)單
微信小程序商城系統(tǒng)開(kāi)發(fā)其實(shí)很簡(jiǎn)單,只需要五步就可以完成,整個(gè)過(guò)程包括開(kāi)發(fā)、上線(xiàn)、發(fā)布都可以輕松搞定...詳情
-
微信小程序商城系統(tǒng)免費(fèi)注冊(cè)體驗(yàn)
微信小程序商城系統(tǒng)免費(fèi)注冊(cè)體驗(yàn),接下來(lái)是微信小程序的時(shí)代,這一波紅利在不抓住互聯(lián)網(wǎng)就再也沒(méi)什么機(jī)會(huì)了...詳情
想了解更多微信小程序開(kāi)發(fā)和微信小程序大全都可以進(jìn)入微信小程序商城系統(tǒng)開(kāi)發(fā)了解。
第二部分:如何開(kāi)通一個(gè)小商店