本篇文章給大家談談小程序開發(fā)過程中可能存在的問題，以及微信小程序開發(fā)問題對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、微信小程序開發(fā)中遇到的坑及解決辦法
• 2、開發(fā)微信小程序需要注意些什么問題
• 3、微信小程序開發(fā)有哪些需要注意的問題
• 4、微信小程序開發(fā)存在哪些問題，如何解決
• 5、開發(fā)小程序商城需要注意什么問題

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

taro單獨為某個項目切換taro版本環(huán)境

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

# 如果你使用 NPM

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

# 如果你使用 Yarn

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

echarts在小程序中滑動卡頓

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

原：

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('轉換圖片失敗', 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ā)微信小程序需要注意些什么問題

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

1、注冊小程序

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

2、分析討論、需求對接

對開發(fā)需求進行分析，整理成需求文檔，再與開發(fā)團隊就需求文檔進行技術性討論，優(yōu)化調整開發(fā)需求，確定最終的需求文檔，與開發(fā)團隊進行對接。

3、原型設計、UI設計前后端技術開發(fā)

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

4、產品測試調優(yōu)

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

5、審核發(fā)布

微信小程序開發(fā)有哪些需要注意的問題

1、小程序的名稱只支持中文、英文、數(shù)字和加號，長度為3-20個字符，加號只能放在小程序名稱的末端，例如「程序秀+」;小程序名稱一旦確定，目前是不能作出修改的;

2、微信小程序的頭像和介紹不得涉及任何政治敏感和色情的內容，頭像和介紹每個月均可更改5次，服務范圍每月只能修改1次;

3、目前，微信小程序僅支持企業(yè)、政府、媒體、其他組織申請，暫時不對個人開放，一個主體可以注冊30個微信小程序，一個綁定身份的開發(fā)者只能創(chuàng)建5個微信小程序

4、小程序所提供的服務目前暫時不能涉及游戲、直播等服務，內容也不能涉及測試類內容;比如：算命，抽簽，星座運勢等;微信小程序的服務配置每個月只有3次修改機會;

5、微信小程序的頁面設計無需設置一級菜單的導航，微信系統(tǒng)內的所有小程序都自帶微信提供的導航欄;

以上五點均屬于開發(fā)中需要注意的小細節(jié)，可見微信小程序在開發(fā)中的細節(jié)修改都有其嚴格的次數(shù)限制以及內容限制，開發(fā)者需要謹慎操作，無論是開發(fā)中還是準備開發(fā)，還是可以借助微信小程序開發(fā)工具「即速應用」一鍵生成屬于你自己的小程序，省時又便捷。

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

1、域名必須是HTTPS

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

2、input組件placeholder字體顏色

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

3、wx.navigateTo無法跳轉到帶tabbar的頁面

帶有tabbar的頁面，必須使用wx.switchTab進行跳轉。

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

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

5、如何獲取shareTickets

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

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

6、getPhoneNumber獲取手機號

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

7、wx.previewImage圖片預覽

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

8、wx.playVoice音頻播放

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

9、API老版本兼容

可以用wx.canIUse或者wx.getSystemInfoSync來進行判斷，老版本給出相應提示即可。

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

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

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

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

12、回到頁面頂部

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

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

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

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

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

14、小程序如何冷啟動

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

15、一段文字如何換行

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

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

16、設置最外層標簽的margin-bottom在IOS下不生效

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

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

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

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

開發(fā)小程序商城需要注意什么問題

開發(fā)小程序需要注意一下幾點:

1.商城小程序定位要清晰。

2.做好客戶群體和競爭對手之間的數(shù)據(jù)分析。

3.明確小程序的功能。

除了以上幾點，最重要的是要弄清小程序的搭建方式，現(xiàn)在市場上的小程序商城主要有以下兩種：

一是定制類小程序商城：指完全按照商家的功能需求定制一個小程序商城，需要建立專業(yè)的it團隊。價格昂貴，至少需要三萬元起，不僅需要建服務器，后續(xù)還要跟進技術維護，經過長時間的升級迭代才可穩(wěn)定商用，需要持續(xù)投入資金，成本很高。

二是模版類小程序商城：商家購買第三方平臺的服務，直接套用開發(fā)好的功能模板，性價比高，可以快速開通小程序商城。

對于絕大部分的商家來說，建議選擇模版類小程序商城：無需開發(fā)、快速開店，性價比高，有全面的功能模塊，足以滿足商家的需求；業(yè)內知名的平臺「微店」就是一個很不錯的選擇。

微店商城版4200/年，直接就包含了小程序商城的服務，不分版本，一次性收費，單次購買就可享有全部功能，后期無需其他費用，專業(yè)的技術和產品團隊，保障了后臺的穩(wěn)定性與產品的優(yōu)化與迭代。

微店于2013年成立，騰訊系電商公司；使用商家超9000萬；辦公地點主要位于北京、杭州?，F(xiàn)有員工近1000人，大都來自BAT及一線互聯(lián)網(wǎng)知名公司。提供多場景多行業(yè)的解決方案，幫助全行業(yè)商家玩轉私域流量，實現(xiàn)業(yè)績持續(xù)增長。點擊領取小程序店鋪試用名額！騰訊投資 開店有保障！

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