微信開發(fā)小程序的示例分析

這篇文章主要介紹了微信開發(fā)小程序的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

微信小程序和H5的區(qū)別

運(yùn)行環(huán)境不同

H5的運(yùn)行環(huán)境為瀏覽器和移動(dòng)端的webview，而微信小程序則是微信自己開發(fā)的類似React Native框架的產(chǎn)物，其特點(diǎn)為，不需要更新微信app，小程序就可以自己進(jìn)行更新！

獲取系統(tǒng)權(quán)限的不同

首先我們要承認(rèn)，微信小程序是微信的親兒子，而H5則是別人家的，所以，微信小程序在權(quán)限獲取方面是可以直接API調(diào)用的，而H5則需要做好適配，例如，數(shù)據(jù)存儲(chǔ)之類、微信分享之類的的。

流暢度不同

這個(gè)其實(shí)沒(méi)什么可說(shuō)的，正如我上面所說(shuō)的，一個(gè)親兒子，一個(gè)別人家的，加上微信專門為小程序開發(fā)的相關(guān)平臺(tái)，所以，微信小程序的流暢度要比H5強(qiáng)很多

API、框架、組件不同

微信小程序的WXSS、WXML脫胎于H5的HTML、CSS，但是并不是原版照抄的，在很多地方也是有區(qū)別的，例如，很多組件，微信小程序進(jìn)行了自己編寫，和H5并不兼容。所以我們?cè)陂_發(fā)過(guò)程中要注意先查看官方開發(fā)文檔。

開發(fā)小程序注意事項(xiàng)

仔細(xì)閱讀官方開發(fā)文檔，注意版本更新，因?yàn)樾〕绦虻恼Q生時(shí)間還算比較短，所以有很多東西還需要更改，所以有可能你上一個(gè)版本還在使用的東西，下一個(gè)版本就已經(jīng)淘汰了。

微信小程序不是H5,所以不能把H5代碼復(fù)制直接使用，某些組件和WXSS操作時(shí)要注意.例如我查詢H5的CSS樣式中的display屬性默認(rèn)為inline，但是我在微信小程序?qū)嵱霉ぞ卟樵儼l(fā)現(xiàn)是block，還有就是組件的不適應(yīng)，不識(shí)別。

微信小程序雖然也是用js，但是某些js功能卻無(wú)法使用，例如節(jié)點(diǎn)獲取微信小程序調(diào)用無(wú)反應(yīng)！經(jīng)過(guò)我的查詢，發(fā)現(xiàn)微信小程序無(wú)法使用DOM操作，對(duì)于小程序而言它的一切變化都是通過(guò)數(shù)據(jù)去進(jìn)行驅(qū)動(dòng)的！

要注意微信小程序的大小上傳限制，小心超了，就不好玩了!

目前只發(fā)現(xiàn)了這么多，以后發(fā)現(xiàn)會(huì)再進(jìn)行逐漸完善!

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信開發(fā)小程序的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!