今天給各位分享小程序開發(fā)過程中遇到的問題的知識，其中也會對使用小程序遇到的問題進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、微信小程序開發(fā)存在哪些問題，如何解決
• 2、開發(fā)微信小程序需要注意些什么問題
• 3、微信小程序開發(fā)中遇到的坑及解決辦法
• 4、小程序開發(fā)經(jīng)驗(yàn)總結(jié)
• 5、小程序開發(fā)的難點(diǎn)是什么？
• 6、小程序開發(fā)需要注意哪些問題？

微信小程序開發(fā)存在哪些問題，如何解決

1、域名必須是HTTPS

非HTTPS的域名不被微信小程序允許。

2、input組件placeholder字體顏色

寫在placeholder-class里面的color并不生效，需要寫在placeholder-style里面就可以了。

3、wx.navigateTo無法跳轉(zhuǎn)到帶tabbar的頁面

帶有tabbar的頁面，必須使用wx.switchTab進(jìn)行跳轉(zhuǎn)。

4、tabbar在切換時(shí)頁面數(shù)據(jù)無法刷新

tabbar的實(shí)現(xiàn)可能是顯示和隱藏view，所以，不會一直調(diào)用page.onLoad()方法，可以嘗試把代碼邏輯寫在page.onShow()里面。

5、如何獲取shareTickets

獲取shareTickets需要在app.onLaunch或者app.onShow里面才能獲取到，而不是page.onShow，請一定要注意。

注：建議在app.onShow里面去獲取，app.onLaunch不是一直會執(zhí)行。

6、getPhoneNumber獲取手機(jī)號

目前該接口針對非個(gè)人開發(fā)者，且完成了認(rèn)證的小程序開放。個(gè)人開發(fā)者是沒辦法調(diào)用這個(gè)API的。

7、wx.previewImage圖片預(yù)覽

預(yù)覽的圖片URL必須是HTTPS開頭，不能是本地圖片。

8、wx.playVoice音頻播放

必須保證音頻文件已經(jīng)在本地，比如在wx.startRecord后，可以獲取到filePath?；蛘咛崆罢{(diào)用wx.downloadFile來下載資源文件，然后再播放。

9、API老版本兼容

可以用wx.canIUse或者wx.getSystemInfoSync來進(jìn)行判斷，老版本給出相應(yīng)提示即可。

10、獲取系統(tǒng)信息

wx.getSystemInfo，可得到系統(tǒng)語言、屏幕寬高、微信版本號、操作系統(tǒng)、設(shè)備像素比、客戶端甚礎(chǔ)庫版本等信息。

11、如何去掉自定義button灰色的圓角邊框

主要是button的偽元素設(shè)置了樣式，去掉即可： button::after{ display: none;}。

12、回到頁面頂部

回到頁面頂部，有兩種方式：

A、使用scroll-view設(shè)置為縱向滾動，然后設(shè)置scroll-top值；

B、使用wx.pageScrollTo方法，此方法是1.4.0開始支持，所以要做低版本兼容；

13、input textarea是APP的原生組件，z-index層級最高

有做過搜索框的同學(xué)，可能會遇到IOS下面，設(shè)置icon的z-index后，依然無法顯示。建議做顯示隱藏效果：點(diǎn)擊之前是一個(gè)view，點(diǎn)擊之后隱藏view，顯示input~。

14、小程序如何冷啟動

小程序的機(jī)制，是在退出五分鐘內(nèi)進(jìn)入，就會顯示的是退出前的頁面，如果你希望進(jìn)入小程序都相當(dāng)于冷啟動的方式，直接進(jìn)入主頁面。你可以在page的onUnload里面里面set一個(gè)值，然后在app的onShow的時(shí)候判斷這個(gè)值，然后決定是否跳到首頁~

15、一段文字如何換行

小程序中唯一可以實(shí)現(xiàn)換行的標(biāo)簽組件是text。

注：text中不支持br，只能使用\n進(jìn)行換行。

16、設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效

margin-bottom在安卓和開發(fā)工具里面都正常，就是在IOS下不起效，建議改成padding-bottom。

17、小程序中canvas的圖片不支持base64格式

base64格式圖片，在開發(fā)工具里面可以正常顯示，真機(jī)上沒有顯示。建議修改成帶https開頭的url形式。

二，可以直接在第三方平臺上面開發(fā)小程序

開發(fā)微信小程序需要注意些什么問題

微信小程序開發(fā)有哪些注意事項(xiàng)：

1、注冊小程序

在開發(fā)小程序之前，首先就是要注冊一個(gè)小程序。不過注冊的時(shí)候，也要根據(jù)需求來注冊，看是否需要開通微信支付，去確定需要選擇哪種主體去注冊。如果需要開通微信支付的小程序，只能用企業(yè)為主體來注冊。反之，則企業(yè)、個(gè)人均可注冊。

2、分析討論、需求對接

對開發(fā)需求進(jìn)行分析，整理成需求文檔，再與開發(fā)團(tuán)隊(duì)就需求文檔進(jìn)行技術(shù)性討論，優(yōu)化調(diào)整開發(fā)需求，確定最終的需求文檔，與開發(fā)團(tuán)隊(duì)進(jìn)行對接。

3、原型設(shè)計(jì)、UI設(shè)計(jì)前后端技術(shù)開發(fā)

確定開發(fā)需求之后，開發(fā)團(tuán)隊(duì)的產(chǎn)品經(jīng)理會根據(jù)客戶要求設(shè)計(jì)產(chǎn)品原型，而UI設(shè)計(jì)師同時(shí)會按需求文檔去進(jìn)行頁面交互設(shè)計(jì)，再將設(shè)計(jì)稿交給開發(fā)人員進(jìn)行技術(shù)開發(fā)。在功能需求確定、產(chǎn)品原型確定、設(shè)計(jì)稿經(jīng)過確認(rèn)之后，就可以進(jìn)入正式系統(tǒng)定制開發(fā)階段，將所有資料交到前后端的開發(fā)技術(shù)人員手中，讓他們通過開發(fā)實(shí)現(xiàn)后臺管理系統(tǒng)與前端效果呈現(xiàn)。

4、產(chǎn)品測試調(diào)優(yōu)

在微信小程序系統(tǒng)基本開發(fā)完畢之后，就需要對產(chǎn)品進(jìn)行測試，查找是否系統(tǒng)運(yùn)行是否存在問題，對基本已經(jīng)完成的系統(tǒng)進(jìn)行整改調(diào)優(yōu)。

5、審核發(fā)布

微信小程序開發(fā)中遇到的坑及解決辦法

taro單獨(dú)為某個(gè)項(xiàng)目切換taro版本環(huán)境

單獨(dú)為某一個(gè)項(xiàng)目升級#這樣做的好處是全局的 Taro 版本還是 1.x 的，多個(gè)項(xiàng)目間的依賴不沖突，其余項(xiàng)目依然可以用舊版本開發(fā)。 如果你的項(xiàng)目里沒有安裝 Taro CLI，你需要先裝一個(gè)：

# 如果你使用 NPM

$ npm install --save-dev @tarojs/cli@2.x

# 如果你使用 Yarn

$ yarn add -D @tarojs/cli@2.x

echarts在小程序中滑動卡頓

由于微信小程序中，echarts的層級最高，無論設(shè)置多大層級也無法遮住echarts。而且小程序中好像只能用echarts吧。所以為了解決這個(gè)bug，我只能委屈求全了。打開ec-canvas.wxml文件，將touchStart、touchMove和touchEnd去掉了，直接刪除就好啦。這三個(gè)事件應(yīng)該是做縮放的吧，我們也沒有這個(gè)縮放的需求。所以就去掉了。雖然暫時(shí)滿足的需求，還是沒有真正的解決問題。

原：

bindinit="init"

bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"

bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"

bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"

現(xiàn)：

bindinit="init"

echarts在小程序中無法跟隨頁面滑動

在卡頓問題中能與echarts交互少的，可以直接使用圖片代替cannvas，即在echarts渲染完畢后將它替換為一張圖片。

如果我更新了數(shù)據(jù)，那么就重新放出echarts，等它渲染完畢后，再次替換為一張圖片。

chart.on('finished', () = {

getCurrentInstance().page.selectComponent(id).canvasToTempFilePath({

success: res = {

console.log('res.tempFilePath====',res.tempFilePath)

this.setState({

echartImgSrc: res.tempFilePath

? ? ? })

},

? ? fail: res =console.log('轉(zhuǎn)換圖片失敗', res)

});

})

render:

this.state.echartImgSrc =='' ?

? ref={this.refChart}

id={this.state.id}

canvas-id="mychart-area"

? force-use-old-canvas="true"

? ec={this.state.ec}

/

:

CoverImage src={this.state.echartImgSrc}/CoverImage

小程序開發(fā)經(jīng)驗(yàn)總結(jié)

最近一直在做小程序，工作中也遇到了一些問題，踩了一些坑，所以想著寫篇文章記錄下來，并借此將小程序開發(fā)的相關(guān)知識進(jìn)行梳理，方便以后參考，也為剛剛接觸小程序的人提供一些思路方法，互相學(xué)習(xí)，共同進(jìn)步。

1、微信小程序的目錄結(jié)構(gòu)及配置說明

app.json是小程序的全局配置文件，所有配置項(xiàng)key必須使用 雙引號括起來 ，value值為字符串類型的也必須使用雙引號， 不支持單引號 。

1.1 pages

pages選項(xiàng)是必須配置的。該配置項(xiàng)注冊了小程序所有頁面的地址，其中每一項(xiàng)都是頁面的 路徑+文件名 。每一個(gè)頁面都是由.json、.js、.wxml、.wxss四個(gè)文件組成，并且 四個(gè)文件的名字必須要一致 。

1.2 ? tabBar

tabBar 配置項(xiàng)指定 tab 欄的表現(xiàn)，以及 tab 切換時(shí)顯示的對應(yīng)頁面。其中 list 接受一個(gè)數(shù)組，只能配置最少 2 個(gè)、最多 5 個(gè) tab

1.3?usingComponents

使用自定義組件或者插件提供的組件前，必須先在這里聲明

2、開發(fā)微信小程序遇到的問題及解決辦法

2.1 雙向綁定

微信小程序不支持通過v-model的方式實(shí)現(xiàn)自動雙向綁定，需要給表單元素通過綁定事件，并使用this.setData來賦值實(shí)現(xiàn)。

2.2 computed和watch

微信小程序默認(rèn)是不支持computed和watch的，如需要使用這兩項(xiàng)功能，需要安裝miniprogram-computed ，安裝方法見 官方文檔

2.3 對象賦值

如果給對象的屬性賦值，可以使用this.setData({'obj.key':value})來賦值，但是如果給某個(gè)屬性名是變量的屬性賦值，通過這種方法是會報(bào)錯(cuò)的，經(jīng)過多次嘗試，發(fā)現(xiàn)使用如下的方式賦值成功。

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

當(dāng)頁面存在彈框容器，并且彈框里的內(nèi)容是需要滾動條滾動展示時(shí)，如果彈框下面那層的容器使用view元素的話，會導(dǎo)致滾動彈框內(nèi)容時(shí)，同時(shí)會觸發(fā)彈框下面那層的頁面容器也會一起滾動，解決此問題可以將彈框下面的容器使用scroll-view元素替代view元素

3、小程序測試和發(fā)布

由于服務(wù)器域名request合法域名每個(gè)月 只能修改5次 ，因此在本地開發(fā)小程序時(shí)，需要在微信調(diào)試工具中設(shè)置不校驗(yàn)合法域名。等小程序上線前再一次性將所有域名添加到小程序管理后臺。

以上便是此次小程序開發(fā)中積累的一些經(jīng)驗(yàn)，希望能給剛剛接觸小程序的人提供一些思路方法，在以后的開發(fā)中，如果遇到新的問題，繼續(xù)更新文檔......

小程序開發(fā)的難點(diǎn)是什么？

小程序開發(fā)的難點(diǎn)有：如何通過技術(shù)手段提升開發(fā)效率以應(yīng)對不斷增長的業(yè)務(wù)需求？微信小程序的工程化探索有哪些最新進(jìn)展？如何實(shí)現(xiàn)小程序自動化構(gòu)建、自動化測試？

如何將小程序開發(fā)與團(tuán)隊(duì)現(xiàn)有的技術(shù)棧有機(jī)結(jié)合？如何適配 H5、React Native微信小程序等多端需求？如何擴(kuò)展小程序的能力、滿足產(chǎn)品設(shè)計(jì)上的復(fù)雜需求？如何突破小程序包大小的限制？

如何解決頁面層級限制問題？在遇到長列表場景時(shí)，小程序渲染性能會出現(xiàn)瓶頸，如何進(jìn)行性能優(yōu)化？由于微信小程序中缺少對 DOM 的控制，該如何滿足復(fù)雜交互需求？【點(diǎn)擊查看小程序開發(fā)底價(jià)】

想要了解更多有關(guān)小程序開發(fā)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年，是中國領(lǐng)先的企業(yè)服務(wù)平臺，服務(wù)交易獨(dú)角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊用戶2800萬、在全國布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過100個(gè)。十余年來，累計(jì)有10萬余個(gè)人通過平臺孵化成長為公司，超過100萬人通過平臺實(shí)現(xiàn)靈活就業(yè)，千萬企業(yè)通過平臺解決專業(yè)服務(wù)需求；專業(yè)性值得選擇。

小程序開發(fā)需要注意哪些問題？

第一、微信小程序目前只支持中文、英文、數(shù)字和加號，長度在3-20個(gè)字符之間;小程序名稱一個(gè)漢字為兩個(gè)字符;加號只可以放在名稱的尾處，例如(xxx+);小程序發(fā)布前，可修改兩次名稱。發(fā)布后，不支持改名。

第二、小程序的頭像設(shè)置和介紹不能帶有涉及政治敏感詞和熱情的內(nèi)容，頭像和小程序介紹一個(gè)月可以修改5次，服務(wù)類目一個(gè)月內(nèi)可申請修改3次。

第三、個(gè)人號無法認(rèn)證，微信小程序支持個(gè)人、企業(yè)、政府、媒體、其他組織五中類型申請;政府、媒體、其他組織類型帳號，必須通過微信認(rèn)證驗(yàn)證主體身份。認(rèn)證通過前，小程序部分功能暫無法使用。

第四、一個(gè)身份證號只能注冊5個(gè)小程序，一個(gè)手機(jī)號碼只能注冊5個(gè)小程序;主體信息提交后不可修改。

第五、目前小程序的服務(wù)配置一月內(nèi)可以修改3次;服務(wù)項(xiàng)目暫時(shí)不包括游戲、直播等，內(nèi)容不可以涉及測試類內(nèi)容。

關(guān)于小程序開發(fā)過程中遇到的問題和使用小程序遇到的問題的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。