小程序開發(fā)文檔rpx適配(微店小程序開發(fā))

再談機(jī)遇，微信小程序給獨(dú)立開發(fā)者帶來的機(jī)會(huì)

1、全平臺覆蓋，小團(tuán)隊(duì)的應(yīng)用開發(fā)總是面臨挑戰(zhàn)。先做安卓或iOS先做，或先試試H5水。每一個(gè)新平臺改編都意味著大量的人力支出。如果決定做微信小程序，一次開發(fā)，全部微信覆蓋平臺都可以適配，意味著成本大大降低。

2.版本更新無障礙。相信每個(gè)團(tuán)隊(duì)在經(jīng)歷大版本更新的時(shí)候都會(huì)極度焦慮。為什么用戶還不升級？我的心真的好累！并且微信小程序沒有這個(gè)問題，我再也不用擔(dān)心版本碎片了用戶體驗(yàn)。

3.訪問微信其他功能，上榜微信這大腿微信功能不只是我們這么簡單開發(fā)，0104。

4.流動(dòng)性。對于開發(fā)的人來說，流動(dòng)性是一個(gè)很重要的東西。從微信的廣告價(jià)值來看，變現(xiàn)能力也極強(qiáng)。微信小程序必然是又一個(gè)大流量入口，商業(yè)必然有不小的價(jià)值。

微信小程序前端怎么做新手開發(fā)入門教程

1、單位變化，寫H5頁，一般用rem、px、percentage等。在小程序，它有自己的單位rpx。我自己的理解是，一個(gè)寬度為100%的div，也就是常說的橫幅，所以它的寬度是750rpx。50%寬，也就是375rpx。這個(gè)rpx可以自動(dòng)適應(yīng)不同的屏幕尺寸，所以不用擔(dān)心小程序中頁面的兼容性問題。

2.完全支持flex布局。flex布局之前也接觸過，因?yàn)闉g覽器兼容性還沒有完全覆蓋，所以沒什么用?，F(xiàn)在還在用float，在小程序，可以放心使用。實(shí)際使用后，感覺比float強(qiáng)多了。我相信再過幾年，flex布局會(huì)成為主流，這將是前端布局的一次革命，因?yàn)樗鼜氐赘淖兞爽F(xiàn)有的模式。不熟悉flex的小伙伴們，趕緊學(xué)起來吧。

3.關(guān)于背景圖，首先小程序中不支持背景圖。Base64，對于前端人員來說，這兩種方法完全不現(xiàn)實(shí)。因此，不支持背景圖像。那我該怎么辦呢？解決辦法是：小圖，用字體圖標(biāo)寫。大圖，用圖像寫，再寫絕對定位。到目前為止，還沒有更好的辦法。

4.字體圖標(biāo)的使用。小程序有自己的字體圖標(biāo)，但是太少了。這根本不夠好。我們還是要用大阿里的logo庫，但是不能直接用。我們必須將ttf字體轉(zhuǎn)換成base64。百度有具體方法。

5.關(guān)于標(biāo)簽閉包小程序，標(biāo)簽閉包的要求特別嚴(yán)格，過于精確。可以說稍微短一點(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屬性引用模板。詳情請查閱官方文件。

7.善用公文。前端人員主要看組件，框架部分，夠用了。小程序有自己的官方開發(fā)文檔，很詳細(xì)，就是對于第一次接觸的人來說，有點(diǎn)頭疼無從下手，不好讀。