資訊專欄INFORMATION COLUMN
摘要：公司由于小程序原開發(fā)需求變動(dòng)，產(chǎn)品決定重新開始設(shè)計(jì)新的小程序，人員緊張，導(dǎo)致我接了這個(gè)坑。輸入數(shù)字一般項(xiàng)目可能都會(huì)碰到金額的輸入限制，這里小程序組件，可利用，來(lái)控制輸入只能是數(shù)值和小數(shù)點(diǎn)。
公司由于小程序原開發(fā)需求變動(dòng)，產(chǎn)品決定重新開始設(shè)計(jì)新的小程序，人員緊張，導(dǎo)致我接了這個(gè)坑~。原開發(fā)時(shí)準(zhǔn)備使用 mpvue 來(lái)開發(fā)，前篇文章介紹了一些關(guān)于mpvue的寫法，后來(lái)在我將簡(jiǎn)易框架搭建后，發(fā)現(xiàn)mpvue的組件分發(fā)支持不是很友好，所以棄用，還是用原生來(lái)開發(fā)程序。
基本使用可能各大教程都已說(shuō)的明明白白，這里就不啰嗦，改篇主要是記錄下本人開發(fā)過程中所遇到的一些問題。
不能使用 async await語(yǔ)法糖
小程序還是不支持這類語(yǔ)法糖，本人解決辦法就是在使用該語(yǔ)法代碼中引用了regeneratorRuntime
引入圖片時(shí)，請(qǐng)先壓縮圖片，小程序大小限制2M多一點(diǎn)
盡量少引用本地圖片，能放服務(wù)器的圖片還是放在服務(wù)器上，畢竟程序大小有限制，本人在沒注意圖片壓縮時(shí)，上傳代碼突然報(bào)了個(gè)程序代碼限制在2M內(nèi)。
input輸入數(shù)字
一般項(xiàng)目可能都會(huì)碰到金額的輸入限制，這里小程序input組件，可利用type = "digit"，來(lái)控制輸入只能是數(shù)值和小數(shù)點(diǎn)。
textarea組件鍵盤遮擋問題
這個(gè)可能大部分都可預(yù)見，各機(jī)型對(duì)textarea組件輸入可能都有問題，本人開發(fā)遇見的是安卓機(jī)，尤其是華為，當(dāng)聚焦輸入時(shí)鍵盤擋住輸入，并沒有如預(yù)期頁(yè)面向上滾動(dòng)輸入，暫時(shí)的兼容解決辦法
在頁(yè)面的底部增加元素，當(dāng)聚焦輸入時(shí)，給其高度，讓頁(yè)面滾動(dòng)到鍵盤不可遮住的位置。
當(dāng)我們使用組件的聚焦，失焦來(lái)處理后，發(fā)現(xiàn)在換行時(shí)都會(huì)觸發(fā)textarea的聚焦事件，所以我們的具體代碼：
// Textarea 獲取鍵盤高度
focusTextarea: function(e) {
const _this = this;
let height = e.detail.height; // 鍵盤高度
_this.setData({
pageScrollHeight: (height - 60)
})
this.pageScrollToBottom();
},
// 換行時(shí)
changTextarea: function (e) {
this.setData({
hasFocus: false
})
},
// 失去焦點(diǎn)
blurTextarea: function (e) {
const _this = this;
_this.setData({
pageScrollHeight: 0,
hasFocus: true
})
},
// 頁(yè)面滾動(dòng)到底部
pageScrollToBottom: function () {
if (this.data.hasFocus) {
wx.createSelectorQuery().select("#page-scroll").boundingClientRect(function (rect) {
// 使頁(yè)面滾動(dòng)到底部
wx.pageScrollTo({
scrollTop: rect.height
})
}).exec()
}
},
ios9報(bào)Can"t find variable: setCssToHead 錯(cuò)誤
這個(gè)在小程序社區(qū)里出現(xiàn)過，原因好像是微信小程序的wxs所引起的，原貼說(shuō)是由于wxs文件使用了es6，但是本人代碼特別注意了，沒有使用，還是一樣報(bào)出這個(gè)錯(cuò)誤，當(dāng)我把這類文件刪除后，程序就可正常運(yùn)行。所以本人建議：還是盡量不要使用wxs了，可到小程序完全兼容后再嘗試。
總結(jié)
整個(gè)開發(fā)過程中還是流暢的，畢竟沒有用小程序里面很多的API，所遇到的坑和兼容問題都不是很多，本人把項(xiàng)目主要代碼刪除了，小程序開源地址，里面只有一些程序的結(jié)構(gòu)，和項(xiàng)目的公用代碼，歡迎大家交流指點(diǎn)，原文地址。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95420.html
摘要：輕量級(jí)，部署簡(jiǎn)單。此外，本文也不是入門文檔，而是為了預(yù)防陷坑而給出的指導(dǎo)意見，故在閱讀本文之前還請(qǐng)先仔細(xì)閱讀的文檔?？梢曌鞯囊粋€(gè)最小部署和運(yùn)行單元，簡(jiǎn)單的說(shuō)，可類比為。，主，負(fù)責(zé)部署程序中其他的。嚴(yán)格來(lái)講，之后，上述第一點(diǎn)并不完全正確。 一直以來(lái)早有將這些年用Vert.x的經(jīng)驗(yàn)整理一下的想法，奈何天生不是勤快人，直到最近扶墻老師問起，遂成此文。 選擇理由 現(xiàn)在想想，我們應(yīng)該算是國(guó)內(nèi)用V...
摘要：系列文章酷家樂客戶端開發(fā)實(shí)踐分享入坑篇酷家樂客戶端開發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂客戶端開發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂客戶端開發(fā)實(shí)踐分享進(jìn)程通信酷家樂客戶端開發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者：鐘離，酷家樂PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
摘要：系列文章酷家樂客戶端開發(fā)實(shí)踐分享入坑篇酷家樂客戶端開發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂客戶端開發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶端酷家樂客戶端開發(fā)實(shí)踐分享進(jìn)程通信酷家樂客戶端開發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者：鐘離，酷家樂PC客戶端負(fù)責(zé)人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
摘要：在優(yōu)衣庫(kù)累死累活干了個(gè)月，錢不多而且也沒什么前途，日子可以說(shuō)是過的渾渾噩噩，本該奮斗學(xué)習(xí)的年紀(jì)，我的生活卻如此頹廢，所以下定決心要找其他出路。年成長(zhǎng)之路走來(lái)的分享年時(shí)間，從優(yōu)衣庫(kù)導(dǎo)購(gòu)到現(xiàn)在的測(cè)試工程師。 ...
摘要：順便補(bǔ)充一句，微信官方提供的判斷依舊不全面，最新出來(lái)的蘋果手機(jī)還沒有完全支持相關(guān)的坑可以在官方社區(qū)的問答中找到。 首次在這里寫點(diǎn)東西，還請(qǐng)各位大佬擔(dān)待點(diǎn)。 摘要：昨天的placeholder-class只是希望各位看官注意，而今天的textarea就絕對(duì)是一個(gè)超級(jí)大坑！而且如果看官手中沒有蘋果手機(jī)測(cè)試的話，這個(gè)可就真的是個(gè)坑了！為啥？難道要等到用戶向你反饋你們產(chǎn)品有bug？？？.......
閱讀 3214·2021-11-10 11:36
閱讀 3160·2021-11-02 14:39
閱讀 1744·2021-09-26 10:11
閱讀 4987·2021-09-22 15:57
閱讀 1701·2021-09-09 11:36
閱讀 2061·2019-08-30 12:56
閱讀 3502·2019-08-30 11:17
閱讀 1709·2019-08-29 17:17
