编程笔记

编程笔记

小程序和html5开发的差异
2025-01-29

小程序与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库、接口调用工具、浏览器兼容性等。这些工具可定制化非常高,并且提高了开发者的开发效率,相对来说更自由,可选择的也更多。