小程序開(kāi)發(fā)遇到的問題（微信小程序開(kāi)發(fā)過(guò)程中遇到的問題）
本篇文章給大家談談小程序開(kāi)發(fā)遇到的問題，以及微信小程序開(kāi)發(fā)過(guò)程中遇到的問題對(duì)應的知識點，希望對(duì)各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
- 1、小程序開(kāi)發(fā)經(jīng)驗總結
- 2、開(kāi)發(fā)微信小程序需要注意什麼(me)
- 3、微信小程序開(kāi)發(fā)中遇到的坑及解決辦法
- 4、小程序開(kāi)發(fā)的難點是什麼(me)？
小程序開(kāi)發(fā)經(jīng)驗總結
最近一直在做小程序，工作中也遇到了一些問題，踩了一些坑，所以想著(zhe)寫篇文章記錄下來，并借此將(jiāng)小程序開(kāi)發(fā)的相關知識進(jìn)行梳理，方便以後(hòu)參考，也爲剛剛接觸小程序的人提供一些思路方法，互相學(xué)習，共同進(jìn)步。
1、微信小程序的目錄結構及配置說明
app.json是小程序的全局配置文件，所有配置項key必須使用 雙引号括起(qǐ)來 ，value值爲字符串類型的也必須使用雙引号， 不支持單引号 。
1.1 pages
pages選項是必須配置的。該配置項注冊了小程序所有頁面(miàn)的地址，其中每一項都(dōu)是頁面(miàn)的 路徑+文件名 。每一個頁面(miàn)都(dōu)是由.json、.js、.wxml、.wxss四個文件組成(chéng)，并且 四個文件的名字必須要一緻 。
1.2 tabBar
tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對(duì)應頁面(miàn)。其中 list 接受一個數組，隻能(néng)配置最少 2 個、最多 5 個 tab
1.3 usingComponents
使用自定義組件或者插件提供的組件前，必須先在這(zhè)裡(lǐ)聲明
2、開(kāi)發(fā)微信小程序遇到的問題及解決辦法
2.1 雙向(xiàng)綁定
微信小程序不支持通過(guò)v-model的方式實現自動雙向(xiàng)綁定，需要給表單元素通過(guò)綁定事(shì)件，并使用this.setData來賦值實現。
2.2 computed和watch
微信小程序默認是不支持computed和watch的，如需要使用這(zhè)兩(liǎng)項功能(néng)，需要安裝miniprogram-computed ，安裝方法見 官方文檔
2.3 對(duì)象賦值
如果給對(duì)象的屬性賦值，可以使用this.setData({'obj.key':value})來賦值，但是如果給某個屬性名是變量的屬性賦值，通過(guò)這(zhè)種(zhǒng)方法是會(huì)報錯的，經(jīng)過(guò)多次嘗試，發(fā)現使用如下的方式賦值成(chéng)功。
let newObj = `obj.${key}`
this.setData({
[newObj]: value
})
2.4 scroll-view
當頁面(miàn)存在彈框容器，并且彈框裡(lǐ)的内容是需要滾動條滾動展示時，如果彈框下面(miàn)那層的容器使用view元素的話，會(huì)導緻滾動彈框内容時，同時會(huì)觸發(fā)彈框下面(miàn)那層的頁面(miàn)容器也會(huì)一起(qǐ)滾動，解決此問題可以將(jiāng)彈框下面(miàn)的容器使用scroll-view元素替代view元素
3、小程序測試和發(fā)布
由于服務器域名request合法域名每個月 隻能(néng)修改5次 ，因此在本地開(kāi)發(fā)小程序時，需要在微信調試工具中設置不校驗合法域名。等小程序上線前再一次性將(jiāng)所有域名添加到小程序管理後(hòu)台。
以上便是此次小程序開(kāi)發(fā)中積累的一些經(jīng)驗，希望能(néng)給剛剛接觸小程序的人提供一些思路方法，在以後(hòu)的開(kāi)發(fā)中，如果遇到新的問題，繼續更新文檔......
開(kāi)發(fā)微信小程序需要注意什麼(me)
近幾年小程序市場發(fā)展形勢大好(hǎo)，很多商家在剛接觸小程序開(kāi)發(fā)時有很多疑惑，小程序開(kāi)發(fā)的核心到底有哪些？我們需要注意哪些問題？
1、定位
不同的行業的定位自然不同。如果企業在開(kāi)發(fā)前沒(méi)有一個明确的定位，不僅會(huì)讓開(kāi)發(fā)過(guò)程變得麻煩複雜，也不方便後(hòu)期運營。所以企業做好(hǎo)精準定位是必不可少的，考慮好(hǎo)制作小程序是爲了展示還(hái)是營銷、市場和用戶定位是什麼(me)等等相關問題。
2、功能(néng)需求
小程序所具備的功能(néng)是制作小程序的核心要點，這(zhè)要求企業在開(kāi)發(fā)前就要想好(hǎo)自己希望這(zhè)個小程序往哪方面(miàn)發(fā)展、小程序的細分功能(néng)需求是什麼(me)、小程序的頁面(miàn)布局、是否需要配置各種(zhǒng)營銷功能(néng)，想要實現什麼(me)樣(yàng)的運營轉化等等。不要等到後(hòu)期運營的時候，才發(fā)現這(zhè)個功能(néng)是有所缺失的。所以，在小程序開(kāi)發(fā)的之前，企業必須充分考慮好(hǎo)每一個所需的功能(néng)。才能(néng)讓開(kāi)發(fā)效果更好(hǎo)，讓小程序上線後(hòu)更具同行競争力。
3、優化路徑
大家都(dōu)知道(dào)小程序的“輕而美”是小程序的特點，正是因爲小程序所具有無需下載安裝、不占内存、即用即走的這(zhè)些特點才讓裂變式分享變得簡單易實現，同時也讓客戶留存變得有難度，怎麼(me)樣(yàng)讓用戶走了再來常來也成(chéng)了很多小程序運營者的新難題。所以建議無論是功能(néng)設計還(hái)是頁面(miàn)設計一定要簡潔明了，不要企圖做得和APP一樣(yàng)華麗複雜，讓用戶按照容易上手的路徑往下走，通過(guò)最少的路徑步驟去達成(chéng)用戶體驗，才能(néng)提高流量轉化和用戶留存率。
4、使用場景
商家要結合自身的實際情況去盡可能(néng)的增加小程序的使用場景，以此來提高用戶的使用頻率。比如餐飲行業，除了提供堂食點餐/外賣的核心服務外，還(hái)可以增加會(huì)員充值、積分商城、會(huì)員暗号福利，團餐預定等多項服務，當用戶第一次進(jìn)入小程序完成(chéng)浏覽時就大概記住商家能(néng)夠提供的服務内容，在下次有需求時自然會(huì)再次了解使用，這(zhè)樣(yàng)就實現了提高複購和下單頻率。
以上就是商城小程序開(kāi)發(fā)核心的内容分享，當然除了這(zhè)些，選擇有實力的服務商和選擇合理的預算成(chéng)本也是商家需要考慮的方面(miàn)，以上内容希望對(duì)大家能(néng)夠有所幫助。
微信小程序開(kāi)發(fā)中遇到的坑及解決辦法
taro單獨爲某個項目切換taro版本環境
單獨爲某一個項目升級#這(zhè)樣(yàng)做的好(hǎo)處是全局的 Taro 版本還(hái)是 1.x 的，多個項目間的依賴不沖突，其餘項目依然可以用舊版本開(kāi)發(fā)。 如果你的項目裡(lǐ)沒(méi)有安裝 Taro CLI，你需要先裝一個：
# 如果你使用 NPM
$ npm install --save-dev @tarojs/cli@2.x
# 如果你使用 Yarn
$ yarn add -D @tarojs/cli@2.x
echarts在小程序中滑動卡頓
由于微信小程序中，echarts的層級最高，無論設置多大層級也無法遮住echarts。而且小程序中好(hǎo)像隻能(néng)用echarts吧。所以爲了解決這(zhè)個bug，我隻能(néng)委屈求全了。打開(kāi)ec-canvas.wxml文件，將(jiāng)touchStart、touchMove和touchEnd去掉了，直接删除就好(hǎo)啦。這(zhè)三個事(shì)件應該是做縮放的吧，我們也沒(méi)有這(zhè)個縮放的需求。所以就去掉了。雖然暫時滿足的需求，還(hái)是沒(méi)有真正的解決問題。
原：
bindinit="init"
bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"
bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"
bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"
現：
bindinit="init"
echarts在小程序中無法跟随頁面(miàn)滑動
在卡頓問題中能(néng)與echarts交互少的，可以直接使用圖片代替cannvas，即在echarts渲染完畢後(hòu)將(jiāng)它替換爲一張圖片。
如果我更新了數據，那麼(me)就重新放出echarts，等它渲染完畢後(hòu)，再次替換爲一張圖片。
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
小程序開(kāi)發(fā)的難點是什麼(me)？
小程序開(kāi)發(fā)的難點有：如何通過(guò)技術手段提升開(kāi)發(fā)效率以應對(duì)不斷增長(cháng)的業務需求？微信小程序的工程化探索有哪些最新進(jìn)展？如何實現小程序自動化構建、自動化測試？
如何將(jiāng)小程序開(kāi)發(fā)與團隊現有的技術棧有機結合？如何适配 H5、React Native微信小程序等多端需求？如何擴展小程序的能(néng)力、滿足産品設計上的複雜需求？如何突破小程序包大小的限制？
如何解決頁面(miàn)層級限制問題？在遇到長(cháng)列表場景時，小程序渲染性能(néng)會(huì)出現瓶頸，如何進(jìn)行性能(néng)優化？由于微信小程序中缺少對(duì) DOM 的控制，該如何滿足複雜交互需求？【點擊查看小程序開(kāi)發(fā)底價】
想要了解更多有關小程序開(kāi)發(fā)的相關信息，推薦咨詢豬八戒網。豬八戒網成(chéng)立于2006年，是中國(guó)領先的企業服務平台，服務交易獨角獸企業。豬八戒網現有注冊用戶2800萬、在全國(guó)布局線下數字化創業園區超過(guò)100個。十餘年來，累計有10萬餘個人通過(guò)平台孵化成(chéng)長(cháng)爲公司，超過(guò)100萬人通過(guò)平台實現靈活就業，千萬企業通過(guò)平台解決專業服務需求；專業性值得選擇。
關于小程序開(kāi)發(fā)遇到的問題和微信小程序開(kāi)發(fā)過(guò)程中遇到的問題的介紹到此就結束了，不知道(dào)你從中找到你需要的信息了嗎 ？如果你還(hái)想了解更多這(zhè)方面(miàn)的信息，記得收藏關注本站。
