一篇文章告诉你微信小程序和H5有何不同

2018-04-14 大聪网络科技 1273

        近些年来H5小游戏异军突起,成为了备受行业关注的新兴态势,越来越多的开发者或开发团队把目光转移到了H5开发上。就在H5行业发展势头迅猛的情况下,微信低调宣布上线基于H5底层技术的小程序平台,一经推出立刻受到了业内的广泛关注和热议。虽然H5和小程序都是基于H5技术延伸出来的产品,但实际上两者多有不同之处,下面就让我们来为大家科普一下微信小程序和H5的区别。


        一、运行环境不同

        传统的HTML5运行环境是浏览器,而微信小程序的运行环境并非完整的浏览器,注意,是“非完整的浏览器”,有以下几个原因:

        小程序的开发过程中会用到HTML5相关的技术(并非全部);

        小程序发布上线需要微信审核,微信在不更新自身软件的情况下可以将小程序更新到自身软件内,这就联想到了React Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库。官方文档中着重强调了脚本内是无法使用浏览器中常用的Window对象和Document对象(基于这一点,像Zepto/Jquery这种操作Dom的库就被完全抛弃了) ,小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。

        二、开发成本不同

        传统的HTML5 WEB开发,抛去开发工具不谈,大到前端框架、模块管理工具、任务管理工具,小到UI库选择、接口调用工具、浏览器兼容性等都要我们一一考虑,就算用Jqery插件写H5 ,也要在开发过程中去寻找合适的Jquery插件来配合项目。尽管这些工具可定制化程度非常高,并且提高了开发者的开发效率,但项目开发的配置工作已经消耗了不少精力,长久以来对于项目中使用的各种外部库的版本叠代、版本升级所产生的成本也不低。

        而小程序方面呢,微信团队提供了开发者工具,并且规范了开发标准,前端常见的HTML、CSS变成了微信自定义的WXML、WXSS,尽管WXML中全是自定义标签,但官方文档中都有明确的使用介绍,相信上手应该是非常容易的;WXSS、JSON和JS文件中的写法稍有限制,但整体相差不多。

        所以微信在为开发者统一了开发标准后,开发者就仅需要专注于编代码就可以了。

        从这两个角度就可以辨别出,微信小程序和H5的不同之处。


        如果您还需要了解更多关于微信开发的详情,欢迎来电垂询,我们在互联网行业已沉浸了8年时间,积攒了大量关于网站建设及推广系统开发微信开发APP开发的相关经验,是广西区内知名的互联网技术服务公司。免费咨询电话:4008006499,常用业务联系手机号:13317611838(丘经理),13317616432(陆经理)。

18177335388
微信二维码
返回顶部