关于微信小程序的一点个人总结

个人对微信小程序开发的一点见解,目前主要写了:微信小程序和H5的区别、微信小程序开发注意事项

微信小程序和H5的区别

1.运行环境不同

H5的运行环境为浏览器和移动端的webview,而微信小程序则是微信自己开发的类似React Native框架的产物,其特点为,不需要更新微信app,小程序就可以自己进行更新!

2.获取系统权限的不同

首先我们要承认,微信小程序是微信的亲儿子,而H5则是别人家的,所以,微信小程序在权限获取方面是可以直接API调用的,而H5则需要做好适配,例如,数据存储之类、微信分享之类的的。

3.流畅度不同

这个其实没什么可说的,正如我上面所说的,一个亲儿子,一个别人家的,加上微信专门为小程序开发的相关平台,所以,微信小程序的流畅度要比H5强很多

4.API、框架、组件不同

微信小程序的WXSS、WXML脱胎于H5的HTML、CSS,但是并不是原版照抄的,在很多地方也是有区别的,例如,很多组件,微信小程序进行了自己编写,和H5并不兼容。所以我们在开发过程中要注意先查看官方开发文档。

开发小程序注意事项

  1. 仔细阅读官方开发文档,注意版本更新,因为小程序的诞生时间还算比较短,所以有很多东西还需要更改,所以有可能你上一个版本还在使用的东西,下一个版本就已经淘汰了。
  1. 微信小程序不是H5,所以不能把H5代码复制直接使用,某些组件和WXSS操作时要注意.例如我查询H5的CSS样式中的display属性默认为inline,但是我在微信小程序实用工具查询发现是block,还有就是组件的不适应,不识别。
  1. 微信小程序虽然也是用js,但是某些js功能却无法使用,例如节点获取微信小程序调用无反应!经过我的查询,发现微信小程序无法使用DOM操作,对于小程序而言它的一切变化都是通过数据去进行驱动的!
  1. 要注意微信小程序的大小上传限制,小心超了,就不好玩了!
  1. 微信小程序数据绑定不识别大小写,注意全部使用小写,否则不发识别,数据无法对接。
  1. 一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo。

一些简单的链接(直接点击即可跳转到相关网页)

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

文章目录
  1. 1. 微信小程序和H5的区别
    1. 1.1. 1.运行环境不同
    2. 1.2. 2.获取系统权限的不同
    3. 1.3. 3.流畅度不同
    4. 1.4. 4.API、框架、组件不同
  2. 2. 开发小程序注意事项
  3. 3. 一些简单的链接(直接点击即可跳转到相关网页)
,