首頁小程序開發正文

微信小程序開發常見問題（微信小程序開發常見錯誤）

小程序開發 2023-03-04T21:42:14 2366

今天給各位分享微信小程序開發常見問題的(de)知識，其中也會對微信小程序開發常見錯誤進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！本文目錄一(yī)覽： 1、微信小程序開發需要的(de)知識點

今天給各位分享微信小程序開發常見問題的(de)知識，其中也會對微信小程序開發常見錯誤進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

1、微信小程序開發需要的(de)知識點
2、開發微信小程序需要注意些什麽問題
3、小程序開發經驗總結
4、微信小程序開發中遇到的(de)坑及解決辦法

微信小程序開發需要的(de)知識點

1. 微信小程序開發知識點

2. 微信小程序開發知識點

微信小程序開發知識點 1.開發小程序需要掌握哪些知識點

開發小程序需要掌握以下幾方面：

1、小程序的(de)功能是否齊全

小程序是一(yī)種工具，如(rú)果這個工具少一(yī)些功能，那這個工具就是廢的(de)，用不了。小程序一(yī)般分為(wèi)餐飲小程序、電商(shāng)小程序、企業展示小程序、遊戲小程序，每個種類的(de)小程序都有(yǒu)一(yī)些特定的(de)功能，比如(rú)餐飲小程序需要點餐、排好、預約、支付、外賣等功能，你開發的(de)小程序裏是否這些功能都有(yǒu)。所以在你做(zuò)小程序之前，你需要想清楚自(zì)己的(de)小程序是用來做(zuò)什麽的(de)？需要哪些功能？

2、小程序的(de)用戶體驗如(rú)何

包括頁面設計十分美觀、響應速度十分快、功能既簡潔又安全，還有(yǒu)一(yī)些小程序，加載半天圖片出不來，這樣的(de)用戶體驗肯定好不了。

3、性價比是否高(gāo)

營銷圈最大的(de)問題在于，産品和(hé)價格不标準化，同樣的(de)小程序，有(yǒu)的(de)公司報價￥1000，有(yǒu)的(de)報價￥10000，企業根本弄不清楚1000元和(hé)10000元的(de)小程序差異在哪裏。選擇貴的(de)覺得不劃算，選擇便宜的(de)又怕小程序不好用，猶豫不決。

2.微信小程序開發注意事項重點有(yǒu)哪些

1、做(zuò)好産品定位

在小程序開發之前，一(yī)定要考慮清楚，做(zuò)小程序的(de)原因是什麽？想要通過小程序實現什麽？然後結合行(xíng)業特征、企業特色、産品賣點、目标人群等，做(zuò)好小程序的(de)定位工作，事先對小程序面向的(de)人群、年(nián)齡段、行(xíng)為(wèi)特征等等做(zuò)一(yī)個詳細的(de)分析，以便更好的(de)确定小程序的(de)風格、功能等，提升用戶的(de)使用體驗。

2、确定好需求

在定位工作做(zuò)完之後，接下來的(de)工作就是确定一(yī)下需求。例如(rú)，功能、頁面、內(nèi)容、圖片等。在确定好這些需求之後，應當把需求都整理(lǐ)成一(yī)份文檔，方便後期與開發人員溝通、交流。

3、提交需求

在确定好開發方式之後，接下來的(de)工作，就是将前面已經整理(lǐ)好的(de)需求文檔交給相關人員。在提交完需求時，應當與相關人員确認所有(yǒu)細節，以免影響開發進度。

4、開發過程中注重用戶體驗

3.微信小程序開發注意事項重點有(yǒu)哪些

1、做(zuò)好産品定位在小程序開發之前，一(yī)定要考慮清楚，做(zuò)小程序的(de)原因是什麽？想要通過小程序實現什麽？然後結合行(xíng)業特征、企業特色、産品賣點、目标人群等，做(zuò)好小程序的(de)定位工作，事先對小程序面向的(de)人群、年(nián)齡段、行(xíng)為(wèi)特征等等做(zuò)一(yī)個詳細的(de)分析，以便更好的(de)确定小程序的(de)風格、功能等，提升用戶的(de)使用體驗。

2、确定好需求在定位工作做(zuò)完之後，接下來的(de)工作就是确定一(yī)下需求。例如(rú)，功能、頁面、內(nèi)容、圖片等。

在确定好這些需求之後，應當把需求都整理(lǐ)成一(yī)份文檔，方便後期與開發人員溝通、交流。3、提交需求在确定好開發方式之後，接下來的(de)工作，就是将前面已經整理(lǐ)好的(de)需求文檔交給相關人員。

在提交完需求時，應當與相關人員确認所有(yǒu)細節，以免影響開發進度。4、開發過程中注重用戶體驗。

4.零基礎學(xué)習微信小程序開發,之前需要學(xué)習哪些知識,謝謝

非計算機(jī)基礎不建議學(xué)習，因為(wèi)等你學(xué)會了，兩年(nián)時間也過去(qù)了。

1、微信官方為(wèi)小程序提供了大量的(de)接口api，開發小程序需要有(yǒu)基本的(de)Javascript,HTML,CSS的(de)基礎。

2、小程序開發，常見使用“MINA”框架

Apache Mina Server 是一(yī)個網絡通信應用框架，也就是說，它主要是對基于TCP/IP、UDP/IP協議棧的(de)通信框架（當然，也可(kě)以提供JAVA 對象的(de)序列化服務、虛拟機(jī)管道(dào)通信服務等），Mina 可(kě)以幫助我(wǒ)們(men)快速開發高(gāo)性能、高(gāo)擴展性的(de)網絡通信應用，Mina 提供了事件驅動、異步（Mina 的(de)異步IO 默認使用的(de)是JAVA NIO 作為(wèi)底層支持）操作的(de)編程模型。

這個框架為(wèi)微信小程序的(de)運行(xíng)提供了豐富的(de)組件和(hé)API。要學(xué)會和(hé)掌握小程序的(de)框架結構、數據綁定機(jī)制、模闆、數據緩存、常用組件和(hé)API等相關知識。

微信小程序開發知識點 1.開發小程序需要掌握哪些知識點

開發小程序需要掌握以下幾方面：

1、小程序的(de)功能是否齊全

2、小程序的(de)用戶體驗如(rú)何

包括頁面設計十分美觀、響應速度十分快、功能既簡潔又安全，還有(yǒu)一(yī)些小程序，加載半天圖片出不來，這樣的(de)用戶體驗肯定好不了。

3、性價比是否高(gāo)

2.微信小程序開發注意事項重點有(yǒu)哪些

2、确定好需求在定位工作做(zuò)完之後，接下來的(de)工作就是确定一(yī)下需求。例如(rú)，功能、頁面、內(nèi)容、圖片等。

在提交完需求時，應當與相關人員确認所有(yǒu)細節，以免影響開發進度。4、開發過程中注重用戶體驗。

3.微信小程序開發注意事項重點有(yǒu)哪些

1、做(zuò)好産品定位

2、确定好需求

3、提交需求

4、開發過程中注重用戶體驗

4.開發微信小程序具體內(nèi)容有(yǒu)哪些

內(nèi)容有(yǒu)很多；

小程序的(de)體驗和(hé)使用效果毋庸置疑的(de)，我(wǒ)說說開發小程序步驟：

注冊小程序

需要一(yī)個營業執照，個體戶執照也可(kě)以。

如(rú)果有(yǒu)公衆号，可(kě)以直接複用公衆号資料，申請小程序。這個方便快捷。

如(rú)果沒有(yǒu)公衆号點着裏：微信公衆平台.

等待小程序注冊審核，一(yī)天就可(kě)以通過。

完善小程序基本資料，例如(rú)logo 名稱行(xíng)業等。

開發小程序

早期開發小程序比較麻煩，需要上傳代碼，各種各樣的(de)配置，太麻煩了。現在用授權第三方服務商(shāng)方式，容易很多。第三方小程序服務商(shāng)：做(zuò)小程序全面，也同時提供微商(shāng)城，和(hé)微商(shāng)城數據都是打通的(de)，訂單會員等通用的(de)，制作價格3000~8000不等，比較劃算。

運行(xíng)小程序

可(kě)以把小程序放到附近小程序裏面，或是發送小程序碼，以及分享小程序給好友和(hé)群。小程序隻是一(yī)種載體，具體怎麽運營還需要很多心思的(de)，請看運營秘籍，會啓發你很多思路。

5.微信小程序的(de)開發類型有(yǒu)哪些

一(yī)、微信業務：

1. 錢包：手機(jī)充值、理(lǐ)财、生活繳費、城市(shì)服務等幾十個應用場景應該都會用這種體驗更好的(de)方式實現。

2. 騰訊系：滴滴出行(xíng)、火車票(piào)機(jī)票(piào)、酒店、京東、美麗說、大衆點評、58到家等服務也會用微信小程序實現，優勢太大不多說。

3. 遊戲：據了解微信的(de)遊戲中心也可(kě)以使用微信小程序實現。

二、第三方業務（也就是那200個內(nèi)測号）：

雖然說微信小程序開發不适合媒體類內(nèi)容，但是微信還是發給了愛範兒一(yī)個內(nèi)測号，說明微信也不确定到底适合什麽樣的(de)場景。

三、還有(yǒu)一(yī)種方式就是CopytoWeixin，也就是C2W。

內(nèi)容拓展：

微信小程序，簡稱小程序，縮寫xcx，英文mini program。是一(yī)種不需要下載安裝即可(kě)使用的(de)應用，它實現了應用“觸手可(kě)及”的(de)夢想，用戶掃一(yī)掃或者搜一(yī)下即可(kě)打開應用。也體現了“用完即走”的(de)理(lǐ)念，用戶不用關心是否安裝太多應用的(de)問題。

小程序的(de)推出并非意味着微信要來充當應用分發市(shì)場的(de)角色，而是“給一(yī)些優質服務提供一(yī)個開放的(de)平台。”一(yī)方面，小程序可(kě)以借助微信聯合登錄，和(hé)開發者已有(yǒu)的(de) App 後台的(de)用戶數據進行(xíng)打通，但不會支持小程序和(hé) App 直接的(de)跳轉。

随着小程序正式上線，用戶可(kě)以通過二維碼、搜索等方式體驗到開發者們(men)開發的(de)小程序了。用戶隻要将微信更新至最新版本，體驗過小程序後，便可(kě)在發現頁面看到小程序TAB，但微信并不會通過這個地(dì)方向用戶推薦小程序。

小程序提供了顯示在聊天頂部的(de)功能，這意味着用戶在使用小程序的(de)過程中可(kě)以快速返回至聊天界面，而在聊天界面也可(kě)快速進入小程序，實現小程序與聊天之間的(de)便捷切換。

安卓版用戶還可(kě)将小程序添加快捷方式至桌面。

微信小程序開發常見問題（微信小程序開發常見錯誤）

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

微信小程序開發有(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ī)直在做(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)坑及解決辦法

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({