小程序和html5开发的差异

小程序与HTML5的区别

1. 运行环境不同
2. 开发工具不同：
3. 开发语言不同：
4. 组件封装不同：
5. 开发成本不同：
6. 获取系统级权限的不同：
7. 更新版本流程不同：

小程序和html5开发相对来说还是有非常明显的差别：

1. 运行环境不同

H5是一个技术，是依附于浏览器来运行的。面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。

小程序本身是一个应用，依附在各大超级流量平台当中去运行。比如微信小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准和解析器最终渲染出来的是原生组件的效果，提升了小程序的性能。

2. 开发工具不同：

H5的开发工具（vscode、webstorm等）+浏览器Device Mode预览的模式。

小程序的开发基于自己的开发者工具，可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程。

3. 开发语言不同：

HTML5直接使用标准的HTML5+CSS3。

小程序自己开发了一套WXML标签语言和WXSS样式语言。

4. 组件封装不同：

小程序独立出来了很多原生APP的组件。

在HTML5需要模拟才能实现的功能，小程序里可以直接调用组件。

5. 开发成本不同：

当我们面对一个HTML5 web开发需求时，我们需要考虑开发工具、前端框架、模块管理工具、任务管理工具、UI库、接口调用工具、浏览器兼容性等。这些工具可定制化非常高，并且提高了开发者的开发效率，相对来说更自由，可选择的也更多。

而当我们面对一个微信小程序的开发需求时，微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS。官方文档中都有明确的使用介绍，但有些功能需要付费才能使用，在这方面产生的成本也会占一部分，微信小程序相对来说还有很多功能都需要去完善，没有html5发展时间已经很长，相对完善了。

至于成本问题，目前也没有一个好的定论，还是需要根据实际的情况进行比对。

6. 获取系统级权限的不同：

微信小程序相对于HTML5 web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接。

而这一点恰巧是HTML5 web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

7. 更新版本流程不同：

当小程序更新上线时，需要微信官方进行审核，审核通过之后才能成功。

但HTML5进行版本更新时，就没有这个需要微信官方进行审核的过程。

目前这些也只是博主学习之初的个人看法，有什么不对的地方希望大家留言评论，会及时进行修改。