本篇文章給大家談?wù)勑〕绦蜷_(kāi)發(fā)遇到的問(wèn)題，以及小程序開(kāi)發(fā)遇到的問(wèn)題及對(duì)策對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

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

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

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

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

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

1.1 pages

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

1.2 ? tabBar

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

1.3?usingComponents

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

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

2.1 雙向綁定

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

2.2 computed和watch

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

2.3 對(duì)象賦值

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

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

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

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

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

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

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

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

1、注冊(cè)小程序

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

2、分析討論、需求對(duì)接

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

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

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

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

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

5、審核發(fā)布

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

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

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

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

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

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

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

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

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

4、小程序所提供的服務(wù)目前暫時(shí)不能涉及游戲、直播等服務(wù)，內(nèi)容也不能涉及測(cè)試類(lèi)內(nèi)容;比如：算命，抽簽，星座運(yùn)勢(shì)等;微信小程序的服務(wù)配置每個(gè)月只有3次修改機(jī)會(huì);

5、微信小程序的頁(yè)面設(shè)計(jì)無(wú)需設(shè)置一級(jí)菜單的導(dǎo)航，微信系統(tǒng)內(nèi)的所有小程序都自帶微信提供的導(dǎo)航欄;

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

開(kāi)發(fā)微信小程序需要注意什么

　近幾年小程序市場(chǎng)發(fā)展形勢(shì)大好，很多商家在剛接觸小程序開(kāi)發(fā)時(shí)有很多疑惑，小程序開(kāi)發(fā)的核心到底有哪些？我們需要注意哪些問(wèn)題？

　1、定位

　不同的行業(yè)的定位自然不同。如果企業(yè)在開(kāi)發(fā)前沒(méi)有一個(gè)明確的定位，不僅會(huì)讓開(kāi)發(fā)過(guò)程變得麻煩復(fù)雜，也不方便后期運(yùn)營(yíng)。所以企業(yè)做好精準(zhǔn)定位是必不可少的，考慮好制作小程序是為了展示還是營(yíng)銷(xiāo)、市場(chǎng)和用戶(hù)定位是什么等等相關(guān)問(wèn)題。

　2、功能需求

　小程序所具備的功能是制作小程序的核心要點(diǎn)，這要求企業(yè)在開(kāi)發(fā)前就要想好自己希望這個(gè)小程序往哪方面發(fā)展、小程序的細(xì)分功能需求是什么、小程序的頁(yè)面布局、是否需要配置各種營(yíng)銷(xiāo)功能，想要實(shí)現(xiàn)什么樣的運(yùn)營(yíng)轉(zhuǎn)化等等。不要等到后期運(yùn)營(yíng)的時(shí)候，才發(fā)現(xiàn)這個(gè)功能是有所缺失的。所以，在小程序開(kāi)發(fā)的之前，企業(yè)必須充分考慮好每一個(gè)所需的功能。才能讓開(kāi)發(fā)效果更好，讓小程序上線后更具同行競(jìng)爭(zhēng)力。

　3、優(yōu)化路徑

　大家都知道小程序的“輕而美”是小程序的特點(diǎn)，正是因?yàn)樾〕绦蛩哂袩o(wú)需下載安裝、不占內(nèi)存、即用即走的這些特點(diǎn)才讓裂變式分享變得簡(jiǎn)單易實(shí)現(xiàn)，同時(shí)也讓客戶(hù)留存變得有難度，怎么樣讓用戶(hù)走了再來(lái)常來(lái)也成了很多小程序運(yùn)營(yíng)者的新難題。所以建議無(wú)論是功能設(shè)計(jì)還是頁(yè)面設(shè)計(jì)一定要簡(jiǎn)潔明了，不要企圖做得和APP一樣華麗復(fù)雜，讓用戶(hù)按照容易上手的路徑往下走，通過(guò)最少的路徑步驟去達(dá)成用戶(hù)體驗(yàn)，才能提高流量轉(zhuǎn)化和用戶(hù)留存率。

　4、使用場(chǎng)景

　商家要結(jié)合自身的實(shí)際情況去盡可能的增加小程序的使用場(chǎng)景，以此來(lái)提高用戶(hù)的使用頻率。比如餐飲行業(yè)，除了提供堂食點(diǎn)餐/外賣(mài)的核心服務(wù)外，還可以增加會(huì)員充值、積分商城、會(huì)員暗號(hào)福利，團(tuán)餐預(yù)定等多項(xiàng)服務(wù)，當(dāng)用戶(hù)第一次進(jìn)入小程序完成瀏覽時(shí)就大概記住商家能夠提供的服務(wù)內(nèi)容，在下次有需求時(shí)自然會(huì)再次了解使用，這樣就實(shí)現(xiàn)了提高復(fù)購(gòu)和下單頻率。

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

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

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

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

# 如果你使用 NPM

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

# 如果你使用 Yarn

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

echarts在小程序中滑動(dòng)卡頓

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

原：

bindinit="init"

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

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

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

現(xiàn)：

bindinit="init"

echarts在小程序中無(wú)法跟隨頁(yè)面滑動(dòng)

在卡頓問(wèn)題中能與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

小程序開(kāi)發(fā)遇到的問(wèn)題的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序開(kāi)發(fā)遇到的問(wèn)題及對(duì)策、小程序開(kāi)發(fā)遇到的問(wèn)題的信息別忘了在本站進(jìn)行查找喔。