小程序 心得 & 坑(包含ECharts 和 Wux-Weapp的一些使用經(jīng)驗)

寫小程序有一個多月了炉奴,有一些感想逼庞,有一些心得,也有一些吐槽瞻赶。

思維比較發(fā)散赛糟,想到哪寫到哪。

選擇 mpvue共耍,uniapp虑灰,taro吨瞎,還是用原生痹兜?

如果只是因為開發(fā)人員更熟悉 vue/React 的語法,而去選擇mpvue或者taro颤诀,我認(rèn)為是沒有必要的字旭。小程序原生語法吸收了現(xiàn)代框架的特點,上手很快崖叫。小程序的文檔里遗淳,語法是最不重要的部分,而需要花時間閱讀的是api心傀,登錄流程屈暗、原生組件、wxml節(jié)點信息獲取等等等等。也就是說养叛,即使用了輪子种呐,還是要花時間閱讀小程序文檔。

如果是看中第三方框架解決了原生語法的一些問題弃甥,比如數(shù)據(jù)流管理爽室、渲染速度(據(jù)說uniapptaro比原生更快)等,可以考慮用輪子淆攻。

但是第三方輪子最終畢竟還是會轉(zhuǎn)譯成原生語法阔墩,小程序不支持的東西第三方框架肯定也不支持,還可能會有新的坑瓶珊,可能會出現(xiàn)既要讀第三方框架的文檔啸箫,還需要讀小程序文檔的情況,技術(shù)選型時應(yīng)考慮清楚伞芹。

UI 組件庫選擇

  • WeUI ---------->和微信保持分風(fēng)格一致
  • Vant Weapp------------>電商類支持完整
  • colorUI ----------> 顏色豐富
  • iview Weapp -------------> 風(fēng)格清新筐高,組件兼容性好
  • Wux Weapp ------------> 個人開發(fā)者出品,組件異常豐富丑瞧,讓人垂涎柑土。但是偶爾會遇到 bug,入坑需謹(jǐn)慎
  • taroUI ---------->和taro綁定(應(yīng)該是吧绊汹?)稽屏,風(fēng)格偏硬朗,適合工具類小程序

不用**西乖,臣妾做不到啊

小程序一些不太給力的地方都能忍一忍狐榔,比如一個組件4個文件,npm半殘 等等等等获雕,但是有些東西真心沒法忍:

  1. wx.request()薄腻,對于習(xí)慣了promise的同學(xué)來說,沒法忍届案。有時間的朋友可以自己封裝庵楷,也可以用 mp-req,封裝了自動wx.login()楣颠、攔截器尽纽、請求緩存等。
  2. 路由半殘童漩,小程序路由仿照get請求的形式弄贿,傳任何類型的參數(shù),都會變成 String矫膨。怎么講差凹,也不是不能用期奔。不能忍的同學(xué)可以用 mp-router
  3. 沒有 類似 cookie 這種可以緩存數(shù)據(jù)且會過期的 cache 可用危尿,setStorageSync()存的數(shù)據(jù)不會過期能庆。解決方案的話可以用setStorageSync() 加過期時間封裝一個。

我遇到的 Wux weapp 組件庫的 bug

用了 Wux 大概4脚线、5個組件搁胆,遇到一些疑似bug。

  • DatePickerView 日期選擇器 maxDateminDate傳入 yyyyMMdd HH:mm:ss格式的時間字符串時邮绿,在 iOS 下年份的 pickview 會消失渠旁。
  • Picker 選擇器 optionsvalueNumber時,組件無法正確初始化到選定的value船逮。

是否如微信官方所說顾腊,小程序能保證多端一致性?

很遺憾挖胃,沒有杂靶。wxss 在三端(模擬器/iOS/Android)依然會有不一致的情況,模擬器看到的頁面無法保證在 iOS/Android 可以保持一致酱鸭; 甚至 Components內(nèi)一些生命周期函數(shù)在模擬器上都有些意料之外的情況吗垮。

當(dāng)然這些問題微信官方早晚會解決 :) 。

列表渲染 Components 時遇到的小問題

有些朋友可能會在Component()之外var/let一些全局變量凹髓。需要注意的是烁登,在列表渲染該組件時,該變量的作用域在 page 內(nèi)所有的該組件蔚舀,某個子組件內(nèi)改變該變量的值饵沧,會影響其他子組件。

ECharts 在小程序中的一些問題

  • ECharts 在 iOS 和 Android 下赌躺,默認(rèn)的 font-size不同狼牺。
  • 在小程序中,ECharts 的 tooltip 默認(rèn)不展示 X 軸的值礼患。
  • y軸數(shù)據(jù)為 null 時是钥,tooltip 處理略有不同,瀏覽器端展示-讶泰,小程序中展示null咏瑟,且觸發(fā) tooltip 時 小程序端 canvas 圖表會消失。
  • 在同一 ec-canvas(ECharts 的包裝) 下多次 chart.setOption(option)時痪署,建議 chart.setOption(option, true)刷新,否則可能會有圖表重疊的問題兄旬。
  • canvas 在小程序中是最高層級狼犯,z-index設(shè)得再高都無法被遮蓋余寥。小程序官方提供了cover-view,但是兼容性不太好悯森。目前沒有太好的解決辦法宋舷,一般是在需要遮罩時將ec-canvashidden="true"

那些文檔里沒有寫(或者我木有看到)的事

  • Component()中可以使用observers取代properties中的observer瓢姻,性能更好祝蝠,支持同時監(jiān)控多個data字段。注意:只有this.setData()能觸發(fā)observers幻碱,this.data.x = x無法觸發(fā)绎狭。
  • this.setData({x:x}) 包括兩個操作:1) this.data.x = x,這個操作是同步的褥傍;2) 把data更新到view儡嘶,這個操作是異步的。
  • 切換 tab 時無法觸發(fā)任何文檔中的生命周期事件恍风,包括onHide()onSHow()蹦狂,只有一個未完全支持的事件onTabItemTap()可用。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末朋贬,一起剝皮案震驚了整個濱河市凯楔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌锦募,老刑警劉巖啼辣,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異御滩,居然都是意外死亡鸥拧,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門削解,熙熙樓的掌柜王于貴愁眉苦臉地迎上來富弦,“玉大人,你說我怎么就攤上這事氛驮⊥蠊瘢” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵矫废,是天一觀的道長盏缤。 經(jīng)常有香客問我,道長蓖扑,這世上最難降的妖魔是什么唉铜? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮律杠,結(jié)果婚禮上潭流,老公的妹妹穿的比我還像新娘竞惋。我一直安慰自己,他們只是感情好灰嫉,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布拆宛。 她就那樣靜靜地躺著,像睡著了一般讼撒。 火紅的嫁衣襯著肌膚如雪浑厚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天根盒,我揣著相機(jī)與錄音钳幅,去河邊找鬼。 笑死郑象,一個胖子當(dāng)著我的面吹牛贡这,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播厂榛,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼盖矫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了击奶?” 一聲冷哼從身側(cè)響起辈双,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎柜砾,沒想到半個月后湃望,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡痰驱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年证芭,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片担映。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡废士,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蝇完,到底是詐尸還是另有隱情官硝,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布短蜕,位于F島的核電站氢架,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏朋魔。R本人自食惡果不足惜岖研,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望铺厨。 院中可真熱鬧缎玫,春花似錦硬纤、人聲如沸解滓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽洼裤。三九已至邻辉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腮鞍,已是汗流浹背值骇。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留移国,地道東北人吱瘩。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像迹缀,于是被迫代替她去往敵國和親使碾。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

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

  • 1. 前言 從16年微信小程序內(nèi)測的時候到如今祝懂,微信小程序用時間與實踐證明了自己的變革與價值票摇,微信小程序的規(guī)則也在...
    cbw100閱讀 11,107評論 1 37
  • 1. 前言 從16年微信小程序內(nèi)測的時候到如今,微信小程序用時間與實踐證明了自己的變革與價值砚蓬,微信小程序的規(guī)則也在...
    keyuan0214閱讀 67,117評論 4 26
  • 小程序多端框架到底應(yīng)該選哪個矢门? 最近前端屆多端框架頻出,相信很多有代碼多端運(yùn)行需求的開發(fā)者都會產(chǎn)生一些疑惑:這些框...
    架構(gòu)師Javaspring閱讀 3,536評論 0 6
  • 1 小謝離開那日灰蛙,晴好的天氣突然下起大雨祟剔,雨滴打在廊檐,噼噼啪啪摩梧,好像為他送行物延,我望著他遠(yuǎn)去的背影,直到視線模糊障本。...
    宋染青閱讀 694評論 4 10
  • 剛剛出生的嘟教届,只有5斤7兩。頭發(fā)稀疏驾霜,沒有眉毛案训,全身通紅,皮膚褶皺較多粪糙,能明顯看到胎皮强霎,只能微睜一只眼,小小的手握...
    繁姐的自白屋閱讀 420評論 3 4