????????在某些時(shí)候剛開發(fā)了原生的H5電器系統(tǒng)，從控制器、頁(yè)面、頁(yè)面樣式、jQuery等開始寫，花了不少的時(shí)間很精力。後面開發(fā)行動(dòng)端APP和小程序，使用現(xiàn)在比較流行的uniapp混合開發(fā)模式，開始學(xué)習(xí)需要一些時(shí)間，可是越寫越喜歡，越寫越簡(jiǎn)單。隨著APP、小程式功能的增加，再也無法再原生H5版本上重新寫一次了。直接uniapp生成，調(diào)兼容性，非常的方便。以下分享使用uniapp開發(fā)H5的一些感受。

?????????現(xiàn)在APP、微信小程式、頭條小程式等流行起來了，H5商城漸漸沒落了，除了公眾號(hào)和一些用不上APP且微信受限等因素不得不選擇H5外，使用場(chǎng)景還真的比較少了。但有時(shí)候又不得不有，比較雞肋。 uniapp開發(fā)H5有些天然優(yōu)勢(shì)，用上uniapp還真沒有太大必要去寫原生的H5版了。

Uni版開發(fā)的主要優(yōu)點(diǎn)

• #多端功能同步。 ?一套原始碼產(chǎn)生多端，iOS、Android、H5、微信小程式、頭條小程式等用戶端，實(shí)現(xiàn)多端功能同步。當(dāng)然也需要測(cè)試不同場(chǎng)景的相容性問題，例如支付、登入、分享等介面在各端的相容和支援情況，以及一些連結(jié)配置和導(dǎo)航條等顯示的相容性問題。

• 雙向資料綁定，非同步更新。 Vue採(cǎi)用MVVM 模式，資料雙向綁定，減少了 DOM 操作，徹底放棄了傳統(tǒng)前端開發(fā)使用jquery操作文件的模式，將更多精力放在資料和業(yè)務(wù)邏輯上。

  
  

• #標(biāo)籤簡(jiǎn)化，佈局更容易。 Uni開發(fā)採(cǎi)用view標(biāo)籤取代了html中傳統(tǒng)的div、p、span等標(biāo)籤，化繁為簡(jiǎn)。採(cǎi)用flex佈局取代了css中的定位和浮動(dòng)，對(duì)瀏覽器的兼容性更加友善。

• 豐富的元件選擇。 Uniapp有較多的原生元件，例如對(duì)話框、地區(qū)選擇、日期選擇等原生元件，呼叫時(shí)傳參給元件即可，非常方便。也可以自己製作元件，多頁(yè)重複套用。同時(shí)DCloud平臺(tái)也有非常多優(yōu)秀的開發(fā)者，分享各種優(yōu)秀的元件。組件的使用使得開發(fā)變得簡(jiǎn)單方便。

• 採(cǎi)用最新的Vue.js函式庫(kù)。 Vue.js是非常輕巧、高效能的函式庫(kù)，擁有非常容易上手的 API，回應(yīng)和運(yùn)作非?？焖?。

  
  

最後看下項(xiàng)目，不同的開發(fā)模式，樣式差不多。 uniapp開發(fā)的H5花的時(shí)間和精力確是少太多了。

uni版H5商城：https://h5.shopwind.net

#原生版H5商城：http://m.test.shopwind. net

以上是uni-app開發(fā)H5端和原生H5開發(fā)怎麼選擇的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！