1、域名配置,不配置無法訪問
小程序開發(fā),要調(diào)用API,就必須把域名填寫在配置里面,這點(diǎn)兒一定要記住,萬一服務(wù)端突然上線一次,發(fā)現(xiàn)線上服務(wù)出問題了,很有可能就是域名沒有配置。
2、默認(rèn)寬度
小程序中推薦使用rpx做為單位(當(dāng)然你用px和em照樣起作用),默認(rèn)頁面寬度是750rpx,所以,UI同學(xué)在給設(shè)計(jì)稿時(shí),建議也是這個(gè)尺寸。
3、圖片預(yù)覽地址必須是http地址
小程序可以引用相對(duì)路徑的圖片,但是,需要預(yù)覽,下載時(shí),請一定要作用http地址,否則無效。
wx.previewImage({
current:'',// 當(dāng)前顯示圖片的http鏈接
urls: []// 需要預(yù)覽的圖片http鏈接列表
})
4、使用字體圖標(biāo)
在PC上有不少同學(xué)都使用過圖標(biāo)字體,對(duì)于喜歡使用圖標(biāo)字體的同學(xué)來說,當(dāng)然希望小程序中也能使用。然后,我也專門搜索了一圈,果然有高人已經(jīng)在小程序中使用上了圖標(biāo)字體,了解詳情,請點(diǎn)擊:http://www.soswen.com/article/10
5、開啟debug模式
有些時(shí)候,需要在手機(jī)上進(jìn)行調(diào)度,想查看一下日志,怎么辦?
可以把下面的代碼放在onload里面去,這樣就方便調(diào)度了~
// 開啟debug,線上會(huì)一并開啟
wx.setEnableDebug({
enableDebug:true
})
6、設(shè)置標(biāo)題
需要獲取數(shù)據(jù)后,再設(shè)置title?你可以用如下寫法:
vartitle ='詳情頁';// 這是從服務(wù)端返回的數(shù)據(jù)
wx.setNavigationBarTitle({
title: title
})
7、公用CSS & js
對(duì)于公用CSS,我們可以寫在app.wxss中,公用JS,可以寫在util目錄下,方便其他文件進(jìn)行調(diào)用
.button.light {
background-color: #a0e2fb;
color: #e5f7fe;
}
.button.gray {
background-color: #dfdfdf;
color: #b0b0b0;
}
8、requie其他JS
引用其他JS,可以使用requie,比如:
varutil= require('../../utils/util.js');
9、動(dòng)態(tài)刪除評(píng)論
小程序里面是沒有節(jié)點(diǎn)的插入和刪除的,只能通過show,hide來實(shí)現(xiàn),這里說一下評(píng)論內(nèi)容比較多的時(shí)候如何刪除評(píng)論?
JS
Page({
data: {
itemHide: {}
},
deleteComment:function(e){
varindex = e.currentTarget.dataset.index;
varitemHide =self.data.itemHide;
itemHide[index] =true;
self.setData({
itemHide: itemHide
})
}
})
wxml
...
10、處理重復(fù)點(diǎn)擊
之前發(fā)過一遍這個(gè)解決方法,詳細(xì)可以查看飛君同學(xué)的這篇文章:http://www.itdecent.cn/p/b27157ea61fb
11、長按保存
相信大家都習(xí)慣看到二維碼就長按識(shí)別,微信已經(jīng)培養(yǎng)了我們這種使用習(xí)慣,但是,小程序里面并沒有長按識(shí)別二維碼功能(不明白為什么不開放這功能)。對(duì)于用戶來說,習(xí)慣了長按,這時(shí)候我們可以做一個(gè)長按保存二維碼到手機(jī)的功能,直接監(jiān)聽bindlogntab事件,調(diào)用保存圖片API:
wx.saveImageToPhotosAlbum({
success(res) {
}
})
12、IOS下文字間距和安卓區(qū)別
這個(gè)問題是今天遇到的一個(gè)坑人問題,做了一個(gè)左右布局,左側(cè)圖片,右側(cè)文字。代碼寫完后,發(fā)現(xiàn)安卓正常,但是IOS下右側(cè)明顯比左側(cè)高。因?yàn)樽煮w,字號(hào)都一樣,糾結(jié)了一會(huì)兒,設(shè)置了line-height: 1;然后就OK了??磥硇〕绦虻膔eset沒做好呀~
13、開發(fā)者社區(qū)
有所有問題,都可以先到開發(fā)者社區(qū)去找一下,或許別人已經(jīng)踏過坑了:
https://developers.weixin.qq.com/
待續(xù)...
歡迎關(guān)注我:知曉程序員