小程序资讯站一一为您提供当下热门前沿的小程序动态

查看更多
首页 > 小程序问答 > 微信小程序与H5有何区别?

微信小程序与H5有何区别?

微信小程序 H5 小程序 微信


 

作为前端工程师,从前端的视角,为大家分析下微信小程序和HTML5与之间的主要区别

 

第一条是运行环境的不同。

传统的HTML5
的运行环境是浏览器,包括webview,而微信
小程序的运行环境并非完整的浏览器,大家注意,我这里写的是“非完整的浏览器”,有以下几个原因
小程序的开发过程中会用到html5
相关的技术(并非全部)
小程序最后的发布上线需要微信审核,微信在不更新自身软件的情况下可以将小程序更新到自身软件内,这就联想到了React
Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了react
和NodeWebkit库
官方文档中着重强调了脚本内是无法使用浏览器中常用的window对象和document对象(基于这一点,像zepto/jQuery
这种操作dom的库就被完全抛弃了)
所以我个人认为,小程序的运行环境很有可能是微信开发
团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。
不过由于微信给开发者提供了开发工具,而开发工具中也内置了编程、调试、开发环境、发布于一身,我们也不用再探讨它的最终运行环境了,只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动,让我联想到了苹果给开发者提供的X-CODE开发工具,可以想象微信的“野心”可见一斑

第二条是开发成本的不同。

这里我提出了一个问题,当我们面对一个Html5
web开发需求时,我们需要考虑什么呢?抛去开发工具(vscode、sublimtext、Atom等)不谈,大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等),小到UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等都要我们一一考略,再不济用jqery插件写H5,也要在开发过程中去寻找合适的jquery
插件来配合项目。尽管这些工具可定制化非常高,并且提高了开发者的开发效率,但我相信项目开发的配置工作已经消耗了不少精力,尽管大部分开发者都有自己的配置模板,但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。
而当我们面对一个微信小程序的开发需求时,我们需要考虑什么呢?微信团队提供了开发者工具,并且规范了开发标准,前端常见的HTML、CSS变成了微信自定义的WXML、WXSS,WXML中尽管全部是自定义标签,但官方文档中都有明确的使用介绍,相信上手应该是非常容易的;WXSS、JSON和js
文件中的写法稍有限制,但整体相差不多。在统一了这些标准之后,作为一个开发者,你会发现,自己只要专注写程序就可以了:
当需要调用后端接口时,调用发起请求API
当需要上传下载时,调用上传下载API
当需要数据缓存时,调用本地存储API
引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用
UI库方面,框架自然带有自家weui库加成
并且在使用这些API时,你不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG,可见微信小程序的开发成本确实相比以往的web开发低很多。

第三条是获取系统级权限的不同。

微信小程序相对于HTML5 web应用能获得更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和微信小程序无缝衔接,也就是官方宣称的拥有Native App的流畅性能,而这一点恰巧是HTML5 web应用经常被诟病的地方,这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

第四条便是应用在生产环境的运行流畅度。

这条无论对于用户还是开发者来说,都是最直观的感受。长久以来,当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立,尽管同样用html+css+js去开发,但配合微信的解析器最终渲染出来的是原生组件的效果,自然体验上将会更进一步。

 

【温馨提示】极乐小程序倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至jason@dreawer.com,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于极乐小程序观点。用户与作者的任何交易与本站无关,请知悉。

热门标签

小程序    微信小程序    微信    小程序运营    百度小程序    运营    智能小程序    入口    电商    用户    好物圈    支付宝小程序    公众号    APPx    注销    头条小程序    小程序开发    流量    功能    微信公众号    运营复盘    38妇女节    注册    小程序登录    小程序推广    微信小程序开发多少钱    外卖小程序    微信好物圈    腾讯    公测    抖音    房地产    小程序注册    外卖    小程序拼团    小程序开发成本    裂变营销    小程序裂变    微信小程序SEO    小程序SEO    电商小程序开发    QQ小程序    家政    客服    获客    医疗小程序    侵权    百度搜索    b站    智慧零售    工具小程序    推广    物流助手    小程序电商    小程序物流助手    区块链小程序    区块链    小程序测评    管理    ios桌面    小程序主体    聊天    删除小程序    商业价值    营销获客    生鲜水果    企业    商家    发布    审核    桌面    今日头条小程序    今日头条    小程序客服    互联网金融    小程序玩法    搜索流量    用户增长    每日一淘    小红书    乘车卡小程序    小程序变现    违规小程序    小程序内存    服饰小程序    小程序内测功能    公众号运营    运营推广    小程序健身方案    小程序行业方案    健身行业    微信入口    攻略    微信小程序引流    小程序开发费用    小程序攻略    微信小程序商城    电商小程序    微信小程序开发    小程序侵权