小程序開發遇到的(de)問題（小程序開發遇到問題的(de)解決措施）

本篇文章(zhāng)給大家談談小程序開發遇到的(de)問題，以及小程序開發遇到問題的(de)解決措施對應的(de)知識點，希望對各位有(yǒu)所幫助，不要忘了收藏本站喔。

本文目錄一(yī)覽：

• 1、微信小程序開發中遇到的(de)坑及解決辦法
• 2、開發微信小程序需要注意些什麽問題
• 3、微信小程序開發有(yǒu)哪些需要注意的(de)問題
• 4、小程序開發經驗總結
• 5、小程序開發的(de)難點是什麽？
• 6、開發微信小程序需要注意什麽

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

taro單獨為(wèi)某個項目切換taro版本環境

單獨為(wèi)某一(yī)個項目升級#這樣做(zuò)的(de)好處是全局的(de) Taro 版本還是 1.x 的(de)，多個項目間的(de)依賴不沖突，其餘項目依然可(kě)以用舊(jiù)版本開發。 如(rú)果你的(de)項目裏沒有(yǒu)安裝 Taro CLI，你需要先裝一(yī)個：

# 如(rú)果你使用 NPM

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

# 如(rú)果你使用 Yarn

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

echarts在小程序中滑動卡頓

由于微信小程序中，echarts的(de)層級最高(gāo)，無論設置多大層級也無法遮住echarts。而且小程序中好像隻能用echarts吧(ba)。所以為(wèi)了解決這個bug，我(wǒ)隻能委屈求全了。打開ec-canvas.wxml文件，将touchStart、touchMove和(hé)touchEnd去(qù)掉了，直接删除就好啦。這三個事件應該是做(zuò)縮放的(de)吧(ba)，我(wǒ)們(men)也沒有(yǒu)這個縮放的(de)需求。所以就去(qù)掉了。雖然暫時滿足的(de)需求，還是沒有(yǒu)真正的(de)解決問題。

原：

bindinit="init"

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

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

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

現：

bindinit="init"

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

在卡頓問題中能與echarts交互少的(de)，可(kě)以直接使用圖片代替cannvas，即在echarts渲染完畢後将它替換為(wèi)一(yī)張圖片。

如(rú)果我(wǒ)更新了數據，那麽就重新放出echarts，等它渲染完畢後，再次替換為(wèi)一(yī)張圖片。

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

開發微信小程序需要注意些什麽問題

微信小程序開發有(yǒu)哪些注意事項：

1、注冊小程序

在開發小程序之前，首先就是要注冊一(yī)個小程序。不過注冊的(de)時候，也要根據需求來注冊，看是否需要開通微信支付，去(qù)确定需要選擇哪種主體去(qù)注冊。如(rú)果需要開通微信支付的(de)小程序，隻能用企業為(wèi)主體來注冊。反之，則企業、個人均可(kě)注冊。

2、分析讨論、需求對接

對開發需求進行(xíng)分析，整理(lǐ)成需求文檔，再與開發團隊就需求文檔進行(xíng)技術性讨論，優化調整開發需求，确定最終的(de)需求文檔，與開發團隊進行(xíng)對接。

3、原型設計、UI設計前後端技術開發

确定開發需求之後，開發團隊的(de)産品經理(lǐ)會根據客戶要求設計産品原型，而UI設計師同時會按需求文檔去(qù)進行(xíng)頁面交互設計，再将設計稿交給開發人員進行(xíng)技術開發。在功能需求确定、産品原型确定、設計稿經過确認之後，就可(kě)以進入正式系統定制開發階段，将所有(yǒu)資料交到前後端的(de)開發技術人員手中，讓他們(men)通過開發實現後台管理(lǐ)系統與前端效果呈現。

4、産品測試調優

在微信小程序系統基本開發完畢之後，就需要對産品進行(xíng)測試，查找是否系統運行(xíng)是否存在問題，對基本已經完成的(de)系統進行(xíng)整改調優。

5、審核發布

微信小程序開發有(yǒu)哪些需要注意的(de)問題

1、小程序的(de)名稱隻支持中文、英文、數字和(hé)加号，長(cháng)度為(wèi)3-20個字符，加号隻能放在小程序名稱的(de)末端，例如(rú)「程序秀+」;小程序名稱一(yī)旦确定，目前是不能作出修改的(de);

2、微信小程序的(de)頭像和(hé)介紹不得涉及任何政治敏感和(hé)色情的(de)內(nèi)容，頭像和(hé)介紹每個月均可(kě)更改5次，服務範圍每月隻能修改1次;

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

4、小程序所提供的(de)服務目前暫時不能涉及遊戲、直播等服務，內(nèi)容也不能涉及測試類內(nèi)容;比如(rú)：算命，抽簽，星座運勢等;微信小程序的(de)服務配置每個月隻有(yǒu)3次修改機(jī)會;

5、微信小程序的(de)頁面設計無需設置一(yī)級菜單的(de)導航，微信系統內(nèi)的(de)所有(yǒu)小程序都自(zì)帶微信提供的(de)導航欄;

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

小程序開發經驗總結

最近一(yī)直在做(zuò)小程序，工作中也遇到了一(yī)些問題，踩了一(yī)些坑，所以想着寫篇文章(zhāng)記錄下來，并借此将小程序開發的(de)相關知識進行(xíng)梳理(lǐ)，方便以後參考，也為(wèi)剛剛接觸小程序的(de)人提供一(yī)些思路方法，互相學(xué)習，共同進步。

1、微信小程序的(de)目錄結構及配置說明

app.json是小程序的(de)全局配置文件，所有(yǒu)配置項key必須使用 雙引号括起來 ，value值為(wèi)字符串類型的(de)也必須使用雙引号， 不支持單引号 。

1.1 pages

pages選項是必須配置的(de)。該配置項注冊了小程序所有(yǒu)頁面的(de)地(dì)址，其中每一(yī)項都是頁面的(de) 路徑+文件名 。每一(yī)個頁面都是由.json、.js、.wxml、.wxss四個文件組成，并且 四個文件的(de)名字必須要一(yī)緻 。

1.2   tabBar

tabBar 配置項指定 tab 欄的(de)表現，以及 tab 切換時顯示的(de)對應頁面。其中 list 接受一(yī)個數組，隻能配置最少 2 個、最多 5 個 tab

1.3 usingComponents

使用自(zì)定義組件或者插件提供的(de)組件前，必須先在這裏聲明

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

2.1 雙向綁定

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

2.2 computed和(hé)watch

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

2.3 對象賦值

如(rú)果給對象的(de)屬性賦值，可(kě)以使用this.setData({'obj.key':value})來賦值，但是如(rú)果給某個屬性名是變量的(de)屬性賦值，通過這種方法是會報錯的(de)，經過多次嘗試，發現使用如(rú)下的(de)方式賦值成功。

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

當頁面存在彈框容器，并且彈框裏的(de)內(nèi)容是需要滾動條滾動展示時，如(rú)果彈框下面那層的(de)容器使用view元素的(de)話，會導緻滾動彈框內(nèi)容時，同時會觸發彈框下面那層的(de)頁面容器也會一(yī)起滾動，解決此問題可(kě)以将彈框下面的(de)容器使用scroll-view元素替代view元素

3、小程序測試和(hé)發布

由于服務器域名request合法域名每個月 隻能修改5次 ，因此在本地(dì)開發小程序時，需要在微信調試工具中設置不校驗合法域名。等小程序上線前再一(yī)次性将所有(yǒu)域名添加到小程序管理(lǐ)後台。

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

小程序開發的(de)難點是什麽？

小程序開發的(de)難點有(yǒu)：如(rú)何通過技術手段提升開發效率以應對不斷增長(cháng)的(de)業務需求？微信小程序的(de)工程化探索有(yǒu)哪些最新進展？如(rú)何實現小程序自(zì)動化構建、自(zì)動化測試？

如(rú)何将小程序開發與團隊現有(yǒu)的(de)技術棧有(yǒu)機(jī)結合？如(rú)何适配 H5、React Native微信小程序等多端需求？如(rú)何擴展小程序的(de)能力、滿足産品設計上的(de)複雜需求？如(rú)何突破小程序包大小的(de)限制？

如(rú)何解決頁面層級限制問題？在遇到長(cháng)列表場景時，小程序渲染性能會出現瓶頸，如(rú)何進行(xíng)性能優化？由于微信小程序中缺少對 DOM 的(de)控制，該如(rú)何滿足複雜交互需求？【點擊查看小程序開發底價】

想要了解更多有(yǒu)關小程序開發的(de)相關信息，推薦咨詢豬八戒網。豬八戒網成立于2006年(nián)，是中國(guó)領先的(de)企業服務平台，服務交易獨角獸企業。豬八戒網現有(yǒu)注冊用戶2800萬、在全國(guó)布局線下數字化創業園區超過100個。十餘年(nián)來，累計有(yǒu)10萬餘個人通過平台孵化成長(cháng)為(wèi)公司，超過100萬人通過平台實現靈活就業，千萬企業通過平台解決專業服務需求；專業性值得選擇。

開發微信小程序需要注意什麽

　近幾年(nián)小程序市(shì)場發展形勢大好，很多商(shāng)家在剛接觸小程序開發時有(yǒu)很多疑惑，小程序開發的(de)核心到底有(yǒu)哪些？我(wǒ)們(men)需要注意哪些問題？

　1、定位

　不同的(de)行(xíng)業的(de)定位自(zì)然不同。如(rú)果企業在開發前沒有(yǒu)一(yī)個明确的(de)定位，不僅會讓開發過程變得麻煩複雜，也不方便後期運營。所以企業做(zuò)好精準定位是必不可(kě)少的(de)，考慮好制作小程序是為(wèi)了展示還是營銷、市(shì)場和(hé)用戶定位是什麽等等相關問題。

　2、功能需求

　小程序所具備的(de)功能是制作小程序的(de)核心要點，這要求企業在開發前就要想好自(zì)己希望這個小程序往哪方面發展、小程序的(de)細分功能需求是什麽、小程序的(de)頁面布局、是否需要配置各種營銷功能，想要實現什麽樣的(de)運營轉化等等。不要等到後期運營的(de)時候，才發現這個功能是有(yǒu)所缺失的(de)。所以，在小程序開發的(de)之前，企業必須充分考慮好每一(yī)個所需的(de)功能。才能讓開發效果更好，讓小程序上線後更具同行(xíng)競争力。

　3、優化路徑

　大家都知道(dào)小程序的(de)“輕而美”是小程序的(de)特點，正是因為(wèi)小程序所具有(yǒu)無需下載安裝、不占內(nèi)存、即用即走的(de)這些特點才讓裂變式分享變得簡單易實現，同時也讓客戶留存變得有(yǒu)難度，怎麽樣讓用戶走了再來常來也成了很多小程序運營者的(de)新難題。所以建議無論是功能設計還是頁面設計一(yī)定要簡潔明了，不要企圖做(zuò)得和(hé)APP一(yī)樣華麗複雜，讓用戶按照容易上手的(de)路徑往下走，通過最少的(de)路徑步驟去(qù)達成用戶體驗，才能提高(gāo)流量轉化和(hé)用戶留存率。

　4、使用場景

　商(shāng)家要結合自(zì)身的(de)實際情況去(qù)盡可(kě)能的(de)增加小程序的(de)使用場景，以此來提高(gāo)用戶的(de)使用頻率。比如(rú)餐飲行(xíng)業，除了提供堂食點餐/外賣的(de)核心服務外，還可(kě)以增加會員充值、積分商(shāng)城、會員暗号福利，團餐預定等多項服務，當用戶第一(yī)次進入小程序完成浏覽時就大概記住商(shāng)家能夠提供的(de)服務內(nèi)容，在下次有(yǒu)需求時自(zì)然會再次了解使用，這樣就實現了提高(gāo)複購和(hé)下單頻率。

　以上就是商(shāng)城小程序開發核心的(de)內(nèi)容分享，當然除了這些，選擇有(yǒu)實力的(de)服務商(shāng)和(hé)選擇合理(lǐ)的(de)預算成本也是商(shāng)家需要考慮的(de)方面，以上內(nèi)容希望對大家能夠有(yǒu)所幫助。

小程序開發遇到的(de)問題的(de)介紹就聊到這裏吧(ba)，感謝你花時間閱讀本站內(nèi)容，更多關于小程序開發遇到問題的(de)解決措施、小程序開發遇到的(de)問題的(de)信息别忘了在本站進行(xíng)查找喔。