站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

小程序和html5的区别是什么

时间:2021-12-27 [网络编程]作者:fabuyuan 浏览:6 次

区别:1、小程序本身是一个应用,是依附于各大流量平台来运行的,而html5是一个技术,是依附于浏览器来运行的;2、开发工具不同;3、开发语言不同;4、HTML5开发需要考虑兼容性等,开发成本比小程序高;5、需要获取的系统级权限的不同等等。

小程序和html5的区别是什么

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

小程序和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进行版本更新时,就没有这个需要微信网进行审核的过程。

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

相关推荐:《html视频教程》、《小程序开发教程》

以上就是小程序和html5的区别是什么的详细内容,更多请关注站长家园其它相关文章!

本文标签:  小程序html5

转载请注明来源:小程序和html5的区别是什么

本文永久链接地址:https://www.adminjie.com/post/6843.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • 完全掌握JavaScript执行机制

      完全掌握JavaScript执行机制

      本篇文章给大家带来了关于JavaScript执行机制的相关问题,其中包括JavaScript单线程和JavaScript同步异步的相关知识,希望对大家有帮助。一...

    • 手把手教你CSS架构之SMACSS

      手把手教你CSS架构之SMACSS

      本篇文章给大家带来了关于css架构SMACSS的相关知识,其中会讲到什么是smacss以及该架构分类的相关问题,希望对大家有帮助。因为CSS只有一个作用域,...

    • 一起聊聊MySQL基础之触发器和事件

      一起聊聊MySQL基础之触发器和事件

      本篇文章给大家带来了关于mysql中触发器和事件的相关知识,其中包括触发器使用注意事项、查看和删除事件、事件使用注意事项等等,希望对大家有帮助。触发器我们使用M...

    • 使用jq如何删除css样式

      使用jq如何删除css样式

      删除方法:1、用removeClass()或toggleClass()移除指定CSS类,语法“removeClass("类名")”或“toggleClass("...

    • css3如何让盒子水平居中

      css3如何让盒子水平居中

      css3让盒子水平居中的方法:1、使用margin属性,给盒子元素添加“margin:0auto;”样式即可水平居中;2、利用flex弹性布局来实现水平居中...

    热门文章