云南网站建设 13888621283云南商城开发

微信小程序开发与H5到底有哪些不同?

咨询电话:13888621283
点击统计:1172  发布时间:2018-10-25 15:10:29
在微信小程序出来之前,微信公众号里仍然是HTML5的天下。但现在,已经有越来越多的人,选择开发小程序。那么,除了小程序火,还有什么原因,让大家选择小程序呢?小程序和H5之间,有哪些区别?

下面,沙漠风从前端技术的角度出发,为大家分析下微信小程序和HTML5与之间的主要区别:


H5与小程序的标签差别

1、运行环境的不同

传统的HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器。小程序的开发过程中会用到HTML5相关的技术,小程序后的发布上线需要微信审核,微信在不更新自身软件的情况下可以将小程序更新到自身软件内,这就联想到了React Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库。



所以可以认为,小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。

不过由于微信给开发者提供了开发工具,而开发工具中也内置了编程、调试、开发环境、发布于一身,我们也不用再探讨它的终运行环境了,只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动,让我联想到了苹果给开发者提供的X-CODE开发工具,可以想象微信的野心可见一斑。

2、开发成本的不同

这里我提出了一个问题,当我们面对一个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开发低一些。

3、获取系统级权限的不同

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

4、应用在生产环境的运行流畅度



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



转载自:沙漠风
关键词: 微信开发

信息推荐
INFORMATION RECOMMENDATION

¤微信运营 受欢迎的热点文章怎么写
  选题立意  前几天是10月5日,湄公河事件5周年。而人民日报等多家主流媒体的报道必定会对电影《湄公河行动》今天的票房产生积极影响。往前推,4月18日广电总局要求PAPI酱整改视频粗俗语言也使其受关注程度达到了峰值

¤网站建好后该怎样做才能提高客户的体验度 一、让消费者再次回到手机电子商务网站  电商网站能够采用一些办法不断招引老客户重复购买。例如,发卖女装的电商能够在每一个月的固准时刻,推出促销运动,将以前的消费者引回商城网站中。也能够在消费者购买后的一段时刻里

¤搭建商城APP平台,企业在哪些方面能得到提升? 我们知道,先当今的信息时代,掌握了信息,就是掌握了未来,而竞争如此激烈的网络时代,这句话就显得尤为关键,那么我们的企业正处在这风口浪尖上,就更要求我们充分利用这些信息产品来提升企业的生存空间,利用好信息产品

¤提升网站排名需要了解的5点搜索优化原则                                       搜索引擎排名(SERP),如你所知,代表着在各大搜索引擎中搜索特定的关键字时,你的b网站在搜索结果中的位置。排名越靠前,你就越有可能获得更大的流量,也越有可能盈利。更重要的是

¤创建网站如何更好的增强可读性   在创建网站的过程当中,一个网站所具有的可读性是非常重要的一个方面,对于这一个网站的用户留存率来讲也是具有重要的影响的。那么,在进行创建网站这样的一个过程当中

¤企业网站建设内容如何吸引人?深圳网站设计分享
  有做过网站或者管理过网站的人都知道,在企业把网站建设成功之后,网站就会被打入“冷宫”,为什么呢?因为网站基本已经没有什么可以更新的了,除了很久一次的产品更新之外,网站内容才会跟着更新

¤深圳高端定制网站建设哪家做的好
一、高端网站建设定义高端网站建设是网站策划师、程序员、网页设计师的职位,采用各种网络程序工具的而高级技术、网页设计技术,为企业单位、公司、个人在全世界的互联网上建设相对性能比较好的网站,并包含域名注册与网站托管服务的总称

¤过年放假期间怎么维护网站
你的网站在过年期间有人维护吗?,你知道如何在假期里做好网站的维护呢,网站SEO优化如何做才好呢?沙漠风来告诉你在放假期间改怎么维护网站:1、拷贝网站数据出去之前还有一件主要的事情要做,那就是对网站的数据进行拷贝

¤大闸蟹产业物流是怎么工作的-通过互联网看现象
10月中旬的阴雨天让总水面18万亩的阳澄湖看起来更加茫茫无边。顾敏杰在湖边有间阳光房茶室,门外湖水清冽,迂回曲折的木质廊桥上有游客在自拍。这片水域给他和其他当地人带来了财富,其所产的大闸蟹闻名全国。 西风响

¤星巴克内容营销分析,星巴克互联网运营分析
大家应该都注意到了这样一个现象:可口可乐,百事可乐,雪碧,雀巢咖啡等饮料品牌都很喜欢在电视,网络视频,公交站台等地方打广告。而全球大的咖啡连锁品牌——星巴克却貌似只会在自家的微博上发发广告

返回首页
返回首页
拨打电话
拨打电话
短信咨询
短信咨询