小程序開發過程中遇到的問題（微信小程序開發常見錯誤）
今天給各位分享小程序開發過程中遇到的問題的知識，其中也會對微信小程序開發常見錯誤進行解釋，如果能碰巧解決你現在面臨的問題，別忘了關注本站，現在開始吧！
本文目錄一覽：
微信小程序開發中遇到的坑及解決辦法
taro單獨為某個項目切換taro版本環境
單獨為某一個項目升級#這樣做的好處是全局的 Taro 版本還是 1.x 的，多個項目間的依賴不沖突，其余項目依然可以用舊版本開發。 如果你的項目里沒有安裝 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' }}"
現：
bindinit="init"
echarts在小程序中無法跟隨頁面滑動
在卡頓問題中能與echarts交互少的，可以直接使用圖片代替cannvas，即在echarts渲染完畢后將它替換為一張圖片。
如果我更新了數據，那么就重新放出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
小程序開發經驗總結
最近一直在做小程序，工作中也遇到了一些問題，踩了一些坑，所以想著寫篇文章記錄下來，并借此將小程序開發的相關知識進行梳理，方便以后參考，也為剛剛接觸小程序的人提供一些思路方法，互相學習，共同進步。
1、微信小程序的目錄結構及配置說明
app.json是小程序的全局配置文件，所有配置項key必須使用 雙引號括起來 ，value值為字符串類型的也必須使用雙引號， 不支持單引號 。
1.1 pages
pages選項是必須配置的。該配置項注冊了小程序所有頁面的地址，其中每一項都是頁面的 路徑+文件名 。每一個頁面都是由.json、.js、.wxml、.wxss四個文件組成，并且 四個文件的名字必須要一致 。
1.2 ? tabBar
tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對應頁面。其中 list 接受一個數組，只能配置最少 2 個、最多 5 個 tab
1.3?usingComponents
使用自定義組件或者插件提供的組件前，必須先在這里聲明
2、開發微信小程序遇到的問題及解決辦法
2.1 雙向綁定
微信小程序不支持通過v-model的方式實現自動雙向綁定，需要給表單元素通過綁定事件，并使用this.setData來賦值實現。
2.2 computed和watch
微信小程序默認是不支持computed和watch的，如需要使用這兩項功能，需要安裝miniprogram-computed ，安裝方法見 官方文檔
2.3 對象賦值
如果給對象的屬性賦值，可以使用this.setData({'obj.key':value})來賦值，但是如果給某個屬性名是變量的屬性賦值，通過這種方法是會報錯的，經過多次嘗試，發現使用如下的方式賦值成功。
let newObj = `obj.${key}`
this.setData({
[newObj]: value
})
2.4 scroll-view
當頁面存在彈框容器，并且彈框里的內容是需要滾動條滾動展示時，如果彈框下面那層的容器使用view元素的話，會導致滾動彈框內容時，同時會觸發彈框下面那層的頁面容器也會一起滾動，解決此問題可以將彈框下面的容器使用scroll-view元素替代view元素
3、小程序測試和發布
由于服務器域名request合法域名每個月 只能修改5次 ，因此在本地開發小程序時，需要在微信調試工具中設置不校驗合法域名。等小程序上線前再一次性將所有域名添加到小程序管理后臺。
以上便是此次小程序開發中積累的一些經驗，希望能給剛剛接觸小程序的人提供一些思路方法，在以后的開發中，如果遇到新的問題，繼續更新文檔......
小程序開發過程中，作為開發者你遇到最大的挑戰是什么？
做小程序開發大概半年了，我來說說體會吧。
第一：模擬器顯示與真機不一致問題，在模擬器上一切正常，到了真機上各種問題。
第二：基礎庫升級，它基礎庫說升級就升級，讓你措手不及，印象最深的兩個點是獲取用戶信息和關注公眾號問題。尤其是關注公眾號問題，由于業務需要讓用戶綁定公眾號，又一次審核還被拒，原因就是“誘導關注”現在好了，官方直接給你提供組件讓你去關注公眾號，當時看到這個心里一萬頭羊駝在奔騰。
第三：官方的IDE真的不好用，用起來真心累，現在我使用的是VSCODE + TypeScript進行開發。
希望能幫到題主，祝新年快樂~
開發微信小程序需要注意什么
近幾年小程序市場發展形勢大好，很多商家在剛接觸小程序開發時有很多疑惑，小程序開發的核心到底有哪些？我們需要注意哪些問題？
1、定位
不同的行業的定位自然不同。如果企業在開發前沒有一個明確的定位，不僅會讓開發過程變得麻煩復雜，也不方便后期運營。所以企業做好精準定位是必不可少的，考慮好制作小程序是為了展示還是營銷、市場和用戶定位是什么等等相關問題。
2、功能需求
小程序所具備的功能是制作小程序的核心要點，這要求企業在開發前就要想好自己希望這個小程序往哪方面發展、小程序的細分功能需求是什么、小程序的頁面布局、是否需要配置各種營銷功能，想要實現什么樣的運營轉化等等。不要等到后期運營的時候，才發現這個功能是有所缺失的。所以，在小程序開發的之前，企業必須充分考慮好每一個所需的功能。才能讓開發效果更好，讓小程序上線后更具同行競爭力。
3、優化路徑
大家都知道小程序的“輕而美”是小程序的特點，正是因為小程序所具有無需下載安裝、不占內存、即用即走的這些特點才讓裂變式分享變得簡單易實現，同時也讓客戶留存變得有難度，怎么樣讓用戶走了再來常來也成了很多小程序運營者的新難題。所以建議無論是功能設計還是頁面設計一定要簡潔明了，不要企圖做得和APP一樣華麗復雜，讓用戶按照容易上手的路徑往下走，通過最少的路徑步驟去達成用戶體驗，才能提高流量轉化和用戶留存率。
4、使用場景
商家要結合自身的實際情況去盡可能的增加小程序的使用場景，以此來提高用戶的使用頻率。比如餐飲行業，除了提供堂食點餐/外賣的核心服務外，還可以增加會員充值、積分商城、會員暗號福利，團餐預定等多項服務，當用戶第一次進入小程序完成瀏覽時就大概記住商家能夠提供的服務內容，在下次有需求時自然會再次了解使用，這樣就實現了提高復購和下單頻率。
以上就是商城小程序開發核心的內容分享，當然除了這些，選擇有實力的服務商和選擇合理的預算成本也是商家需要考慮的方面，以上內容希望對大家能夠有所幫助。
關于小程序開發過程中遇到的問題和微信小程序開發常見錯誤的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
