2022-11-29 04:30:00 來(lái)自于應(yīng)用公園
:
1.創(chuàng)建一個(gè)旅行:當(dāng)一個(gè)用戶想和他的好朋友分享賬戶時(shí),他應(yīng)該首先創(chuàng)建一個(gè)旅行。用戶只需應(yīng)點(diǎn)擊默認(rèn)行程列表,并在新行程中輸入行程名稱。就能立即完成創(chuàng)建。
2.自動(dòng)分賬:用戶點(diǎn)擊好友加入新創(chuàng)建的旅程,會(huì)在系統(tǒng)自動(dòng)進(jìn)行分賬,在費(fèi)用直接根據(jù)人數(shù)和消費(fèi)項(xiàng)目進(jìn)行費(fèi)用拆分。
3.調(diào)整分賬方式:用戶在買單時(shí)點(diǎn)擊綠色加號(hào),就能輸入具體金額并添加標(biāo)簽,小程序支持調(diào)整分賬方式,非常人性化。
4.查看賬戶明細(xì):旅行結(jié)束,用戶點(diǎn)擊賬戶明細(xì),所有消費(fèi)清單一目了然,還可以看到子賬戶的金額。只要,私下轉(zhuǎn)給幫忙買單的朋友就行了。
1、單位變化,寫H5頁(yè),一般用rem、px、percentage等。在小程序,它有自己的單位rpx。我自己的理解是,一個(gè)寬度為100%的div,也就是常說(shuō)的橫幅,所以它的寬度是750rpx。50%寬,也就是375rpx。這個(gè)rpx可以自動(dòng)適應(yīng)不同的屏幕尺寸,所以不用擔(dān)心小程序中頁(yè)面的兼容性問(wèn)題。
2.完全支持flex布局。flex布局之前也接觸過(guò),因?yàn)闉g覽器兼容性還沒(méi)有完全覆蓋,所以沒(méi)什么用。現(xiàn)在還在用float,在小程序,可以放心使用。實(shí)際使用后,感覺(jué)比f(wàn)loat強(qiáng)多了。我相信再過(guò)幾年,flex布局會(huì)成為主流,這將是前端布局的一次革命,因?yàn)樗鼜氐赘淖兞爽F(xiàn)有的模式。不熟悉flex的小伙伴們,趕緊學(xué)起來(lái)吧。
3.關(guān)于背景圖,首先小程序中不支持背景圖。Base64,對(duì)于前端人員來(lái)說(shuō),這兩種方法完全不現(xiàn)實(shí)。因此,不支持背景圖像。那我該怎么辦呢?解決辦法是:小圖,用字體圖標(biāo)寫。大圖,用圖像寫,再寫絕對(duì)定位。到目前為止,還沒(méi)有更好的辦法。
4.字體圖標(biāo)的使用。小程序有自己的字體圖標(biāo),但是太少了。這根本不夠好。我們還是要用大阿里的logo庫(kù),但是不能直接用。我們必須將ttf字體轉(zhuǎn)換成base64。百度有具體方法。
5.關(guān)于標(biāo)簽閉包小程序,標(biāo)簽閉包的要求特別嚴(yán)格,過(guò)于精確。可以說(shuō)稍微短一點(diǎn)就會(huì)報(bào)錯(cuò),有點(diǎn)像xhtml。標(biāo)簽必須是關(guān)閉的。要特別注意像input這樣的單標(biāo)簽,如果跟隨/不寫的話是永遠(yuǎn)不行的。
6,模板和文件引用,只要當(dāng)遇到重用的代碼塊時(shí),可以構(gòu)建一個(gè)模板在任何地方引用它,比如頭、底、列表。模板的用法也不難,就是把代碼放進(jìn)去,給它起個(gè)名字,就是一個(gè)模板。使用IS屬性引用模板。詳情請(qǐng)查閱官方文件。
7.善用公文。前端人員主要看組件,框架部分,夠用了。小程序有自己的官方開發(fā)文檔,很詳細(xì),就是對(duì)于第一次接觸的人來(lái)說(shuō),有點(diǎn)頭疼無(wú)從下手,不好讀。