個人對微信小程式開發的一點見解,目前主要寫了:微信小程式和H5的區別、微信小程式開發注意事項
微信小程式和H5的區別
運行環境不同
H5的運行環境為瀏覽器和行動端的webview,而微信小程式則是微信自己開發的類似React Native框架的產物,其特點為,不需要更新微信app,小程式就可以自己更新!
取得系統權限的不同
首先我們要承認,微信小程式是微信的親兒子,而H5則是別人家的,所以,微信小程式在權限取得方面是可以直接API呼叫的,而H5則需要做好適配,例如,資料儲存之類、微信分享之類的。
流暢度不同
這個其實沒什麼好說的,正如我上面所說的,一個親兒子,一個別人家的,加上微信專門為小程式開發的相關平台,所以,微信小程式的流暢度比H5強很多
API、框架、元件不同
微信小程式的WXSS、WXML脫胎於H5的HTML、CSS,但並不是原版照抄的,在很多地方也是有差別的,例如,很多元件,微信小程式進行了自己寫,和H5並不相容。所以我們在開發過程中要注意先查看官方開發文件。
開發小程式註意事項
仔細閱讀官方開發文檔,注意版本更新,因為小程式的誕生時間還算比較短,所以有很多東西還需要更改,所以有可能你上一個版本還在使用的東西,下一個版本就已經淘汰了。
微信小程式不是H5,所以不能把H5程式碼複製直接使用,某些元件和WXSS操作時要注意.例如我查詢H5的CSS樣式中的display屬性預設為inline,但我在微信小程式實用工具查詢發現是block,還有就是元件的不適應,不辨識。
微信小程式雖然也是用js,但某些js功能卻無法使用,例如節點取得微信小程式呼叫無反應!經過我的查詢,發現微信小程式無法使用DOM操作,對於小程式而言它的一切變化都是透過資料去進行驅動的!
要注意微信小程式的大小上傳限制,小心超了,就不好玩了!
#目前只發現了這麼多,以後發現會再進行逐漸完善!
以上是關於微信開發小程式的一點個人總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!