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

本文目錄一覽：

• 1、開發(fā)微信小程序需要注意些什么問題
• 2、小程序開發(fā)注意事項
• 3、微信小程序開發(fā)中遇到的坑及解決辦法
• 4、小程序開發(fā)的難點是什么？
• 5、小程序開發(fā)經(jīng)驗總結(jié)
• 6、小程序開發(fā)過程中，作為開發(fā)者你遇到最大的挑戰(zhàn)是什么？

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

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

1、注冊小程序

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

2、分析討論、需求對接

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

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

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

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

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

5、審核發(fā)布

小程序開發(fā)注意事項

1. 開發(fā)小程序時，每個頁面一定要在app.json文件中注冊，頁面文件夾和其包含的四個文件的名字要保持一致。

2. 小程序發(fā)起的都是HTTPS網(wǎng)絡(luò)請求，在開發(fā)調(diào)試的過程中可以不校驗協(xié)議和TLS版本，但在實際上線后必須進行HTTPS協(xié)議通信。

3. 小程序可以進行組件化開發(fā)以及數(shù)據(jù)綁定，所有對于DOM的操作都是基于數(shù)據(jù)驅(qū)動的，并沒有直接進行DOM操作的做法，換言之，小程序內(nèi)沒有document對象，原生js和jQuery里的DOM操作思維要舍棄掉。

4. 小程序的網(wǎng)絡(luò)請求wx.request()是不自帶Cookies的，這和瀏覽器上的網(wǎng)絡(luò)請求不同，因此基于Cookies實現(xiàn)的會話管理不適用于小程序。

5. 小程序的腳本文件中，內(nèi)置對象是page，而非傳統(tǒng)瀏覽器里的window，因此所有基于window對象來寫的庫(例如jQuery)都不適用于小程序。

6. 小程序提供模板功能，模板擁有自己的作用域，它只能使用從data屬性傳入的數(shù)據(jù)。

7. 每一個頁面文件夾下的.json文件是用來寫配置項的，如果該頁面無需添加相關(guān)配置，.json文件也要寫上一對大括號（“{ }”），否則會報錯。

8. 在同一個tab里的頁面可以跳轉(zhuǎn)，并且允許攜帶參數(shù)。不同tab的頁面之間無法跳轉(zhuǎn)，使用wx.navigateTo()接口會報錯。同時，tab之間的跳轉(zhuǎn)可以用wx.switchTab()實現(xiàn)，但是路徑后不能帶參數(shù)。

9. 腳本文件里data的數(shù)據(jù)，在更新的時候要通過this.setData()方法來更新，而不能直接用“=”來做。

10. 在組件標簽里，可以通過“data-屬性值”的方式綁定我們需要的數(shù)據(jù)，然后在事件內(nèi)置event對象里進行獲取。

11. 小程序里也存在事件的冒泡，具體的冒泡事件可以參考官方文檔，如果希望事件向上冒泡，則使用bind來綁定事件，若希望阻止事件冒泡，就使用catch來進行事件綁定。

12. 小程序支持文件引用，有import和include兩種方式，import有作用域，也就是引入的目標文件里import的模板不會被引入；而include等于是將目標文件除 以外的整個代碼進行引入。

13. wx.login()和wx.getUserInfo()是兩個獨立的接口，前者可以實現(xiàn)用戶登錄，這個過程是悄無聲息的，不需要用戶授權(quán)，登錄后可以拿到用戶的openid和session_key；而wx.getUserInfo()可以拿到用戶的具體信息，這個過程需要獲得用戶的授權(quán)，開發(fā)時也必須考慮用戶拒絕授權(quán)的場景。

14. 目前小程序可以分享給微信好友和微信群，但小程序默認是沒有這個功能的，只有在Page里定義了onShareAppMessage事件處理函數(shù)，點擊小程序右上角才可以看到分享按鈕。

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

原：

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ā)的難點是什么？

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

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

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

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

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

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

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

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

1.1 pages

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

1.2 ? tabBar

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

1.3?usingComponents

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

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

2.1 雙向綁定

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

2.2 computed和watch

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

2.3 對象賦值

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

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

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

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

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

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

小程序開發(fā)過程中，作為開發(fā)者你遇到最大的挑戰(zhàn)是什么？

做小程序開發(fā)大概半年了，我來說說體會吧。

第一：模擬器顯示與真機不一致問題，在模擬器上一切正常，到了真機上各種問題。

第二：基礎(chǔ)庫升級，它基礎(chǔ)庫說升級就升級，讓你措手不及，印象最深的兩個點是獲取用戶信息和關(guān)注公眾號問題。尤其是關(guān)注公眾號問題，由于業(yè)務(wù)需要讓用戶綁定公眾號，又一次審核還被拒，原因就是“誘導關(guān)注”現(xiàn)在好了，官方直接給你提供組件讓你去關(guān)注公眾號，當時看到這個心里一萬頭羊駝在奔騰。

第三：官方的IDE真的不好用，用起來真心累，現(xiàn)在我使用的是VSCODE + TypeScript進行開發(fā)。

希望能幫到題主，祝新年快樂~

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