小程序開發(fā)注意點(diǎn)兒,新手入門基礎(chǔ)

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)注我:知曉程序員

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 給提問的開發(fā)者的建議:提問之前先查詢 文檔、通過社區(qū)右上角搜索搜索已經(jīng)存在的問題。 寫一個(gè)簡明扼要的標(biāo)題,并且...
    極樂叔閱讀 14,625評(píng)論 0 3
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,057評(píng)論 25 709
  • 我上了暑假興趣班,是我喜歡的臺(tái)拳臺(tái)
    jshs閱讀 243評(píng)論 0 0
  • 2007年,大學(xué)畢業(yè),我和相戀兩年的女友一起從江城蕪湖來到省會(huì)城市找工作。 初入社會(huì),開始感受到錢和房的重要性。 ...
    夏歌有話說閱讀 685評(píng)論 0 0
  • 小時(shí)候,媽媽給我買了一件旗袍,紅色的錦緞,外面一層金色的鏤空繡著大朵大朵的玫瑰花。大概7歲,還沒有發(fā)育的身材穿著新...
    烏鴉與心經(jīng)閱讀 1,173評(píng)論 5 7

友情鏈接更多精彩內(nèi)容