小程序開發(fā)中遇到的問題

1悠菜、background-image

背景圖不能用本地地址舰攒,會報錯,如果要用image替代悔醋。在行間樣式上可以寫本地地址摩窃,微信開發(fā)者工具能顯示,ios也能顯示芬骄,但是Android不能顯示猾愿。所以還是不行鹦聪。

2、字體的加載問題

字體的加載在Android和ios上表現(xiàn)得不一致蒂秘,要知道小程序的代碼包可是不能超過4mb的一個字體如果3mb那就涼了椎麦。所以把字體傳到服務(wù)器上,用線上的地址材彪,是最好的方式观挎,但是。天不遂人愿段化,用線上的地址在開發(fā)者文檔中可以嘁捷,在ios上也可以,就是在我的華為的手機(jī)上不行显熏,我就暫時定義在Android上不行吧雄嚣。于是,只能用本地的喘蟆,發(fā)現(xiàn)本地也不行缓升,百度以后發(fā)現(xiàn),微信小程序 @font-face 里 添加url地址沒用蕴轨, 所以 URL地址替換掉港谊,把字體轉(zhuǎn)成base64。發(fā)現(xiàn)是ok的橙弱。但是這個字體一定不能太大歧寺。1m左右就差不多了!<辍斜筐!在這里推薦一個字體包轉(zhuǎn)成base64的網(wǎng)站。https://transfonter.org/

image.png
image.png

3蛀缝、ios視頻播放問題:

ios視頻播放的時候顷链,小程序切到后臺,視頻自動暫停了屈梁,再打開嗤练,依然不會重新播放。如果做的小程序有控制按鈕俘闯,這個問題自然不是問題潭苞,但是,如果做的小程序是全屏播放的真朗,而且是此疹,沒有控制按鈕的,這個就是個大問題了。沒法控制播放蝗碎,視頻又是全屏的湖笨,這樣用戶會以為卡了。其實沒有卡蹦骑,只是視頻暫停了慈省。這個問題的解決方案是:
定義兩個開關(guān),一個是a眠菇,一個是b边败。a是檢測視頻是否播放完畢,b是檢測用戶是否切到后臺捎废,兩者都是false笑窜,當(dāng)用戶從小程序切到后臺的時候,觸發(fā)的是onhide登疗,這個時候把b變?yōu)閠rue排截,而且是在視頻播放的時候,也就是說在a為false的前提下辐益,把b變?yōu)閠rue断傲。當(dāng)用戶切會前臺的時候,判斷b為true的時候智政,播放視頻认罩,在視頻播放完畢以后把a(bǔ)變?yōu)閠rue,b變?yōu)閒alse女仰。就ok了猜年;
邏輯很清晰,然而理想很豐滿疾忍,現(xiàn)實很骨感。不行床三,為什么呢一罩,因為,小程序從后臺切到前臺的時候撇簿,需要反應(yīng)時間聂渊,上來就執(zhí)行播放的函數(shù),是不行的四瘫。加一個settimeout就可以了汉嗽。。找蜜。

4饼暑、ios視頻左右滑動會出現(xiàn)時間。

ios在播放視頻的時候,雖然視頻沒有控件弓叛,但是左右滑動的時候彰居,會出現(xiàn)時間,好像左右滑動可以控制視頻的進(jìn)度似的撰筷,但是視頻的進(jìn)度并沒有改變陈惰,這個問題雖然小,不影響功能毕籽,但是影響用戶的體驗抬闯。
解決的方案是:既然不想要操控你,可以把這個視頻覆蓋住关筒,不讓用戶操控就行了溶握。但是video組件有一個特性,那就是層級最高平委,不是z-index就能解決的奈虾。微信小程序里提供了,cover-viewcover-image 來解決這個問題廉赔。但是要嵌套的video組件的里面肉微。這樣就可以了。

5蜡塌、video組件的注意點:

image.png

因為遇到過一個需求就是在視頻播放完以后碉纳,要有評論的輸入框。本來沒有多想馏艾,做下來才發(fā)現(xiàn)劳曹,video組件是一個坑,微信小程序提供了cover-viewcover-image這兩個可以覆蓋在原生組件之上的琅摩,我本來是想在cover-view里嵌套textarea然而铁孵,現(xiàn)實很打臉,報錯了房资。蜕劝。。

image.png

沒辦法轰异,這個只能改需求了岖沛。
所以說,這個是一個很大的坑搭独,如果遇到客戶提這樣子的需求婴削,就要趕緊拒絕吧。牙肝。唉俗。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嗤朴,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子互躬,更是在濱河造成了極大的恐慌播赁,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吼渡,死亡現(xiàn)場離奇詭異容为,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)寺酪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進(jìn)店門坎背,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人寄雀,你說我怎么就攤上這事得滤。” “怎么了盒犹?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵懂更,是天一觀的道長。 經(jīng)常有香客問我急膀,道長沮协,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任卓嫂,我火速辦了婚禮慷暂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘晨雳。我一直安慰自己行瑞,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布餐禁。 她就那樣靜靜地躺著血久,像睡著了一般。 火紅的嫁衣襯著肌膚如雪帮非。 梳的紋絲不亂的頭發(fā)上洋魂,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機(jī)與錄音喜鼓,去河邊找鬼。 笑死衔肢,一個胖子當(dāng)著我的面吹牛庄岖,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播角骤,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼隅忿,長吁一口氣:“原來是場噩夢啊……” “哼心剥!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起背桐,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤优烧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后链峭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體畦娄,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年弊仪,在試婚紗的時候發(fā)現(xiàn)自己被綠了熙卡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡励饵,死狀恐怖驳癌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情役听,我是刑警寧澤颓鲜,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站典予,受9級特大地震影響甜滨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜熙参,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一艳吠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孽椰,春花似錦昭娩、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至锐涯,卻和暖如春磕诊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背纹腌。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工霎终, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人升薯。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓莱褒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親涎劈。 傳聞我的和親對象是個殘疾皇子广凸,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容