微信开发小程序的示例分析

这篇文章主要介绍了微信开发小程序的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

微信小程序和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操作，对于小程序而言它的一切变化都是通过数据去进行驱动的！

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

目前只发现了这么多，以后发现会再进行逐渐完善!

感谢你能够认真阅读完这篇文章，希望小编分享的“微信开发小程序的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!