微信小程序開發(fā)技巧及開發(fā)工具使用技巧
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)試模式
-
微信小程序商城系統(tǒng)開發(fā)其實(shí)很簡(jiǎn)單
微信小程序商城系統(tǒng)開發(fā)其實(shí)很簡(jiǎn)單,只需要五步就可以完成,整個(gè)過程包括開發(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è)小商店