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

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

咨询电话:13888621283
点击统计:430  发布时间: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

¤公司网站制作效果好 需满足什么样的条件?   有些公司会认为:只要公司运营起来,那么网站建设就是必不可少的,尤其在公司运转的初期,有一个网站来做宣传与推广,对提高公司的知名度、树立形象都有很大帮助

¤自己如何建网站 网站内容安排技巧有哪些   一个网站可能想要达到很多的目的,比如说想说服客户完成网上交易,或者希望投资者能够看好自己的企业。达成这些目的靠的不是网页的设计如何深得人心,而是网页的内容如何打动人心,使人们乐于接受

¤昆明企业为什么要建企业网站?建设网站对企业有什么帮助? 昆明企业为什么要做网站?一、便利的操作好用又操作简略的网站不但能招引客户,还可以进步网站访客回头率。所以企业在进行网站建设时要切忌不要将网站规划的太过花里胡哨,不要增加太多的大图和动画,这样的网站翻开速度会十分慢

¤软件开发公司该如何选择?越便宜越好吗? 技术是一家软件开发公司的核心,编程是一场思想的实现,优秀的技术团队,从项目开始到结尾,就有一个清晰的流程与思路,技术实力强弱也决定最后产品的效果,优秀的产品经理能前期很快理解客户的需求,并给出合理的意见

¤电商网站如何设计才能让人印象深刻   近年来,随着网络的不断发展,越来越多的企业也都是选择了建立自己的网站,可以说,网站建立的也是越来越多了。那么,电商网站设计如何才能让人印象深刻呢?今天小编就来给大家简单的介绍一下

¤怎样为自己挑选一家好的互动营销公司   如是一家很好的互动营销公司,对这类公司来讲,既能给客户带来一个很好的服务体验,还能为客户带来很可观、直接的经济效益。因此,为何说选一家很好的互动营销公司很重要,由于产品的保障性与内涵,还能带来很好的推广效果

¤企业官方网站建设注意事项有哪些   社会的飞速发展、经济的繁荣给更多的企业带来了广阔发展空间,也刺激着商家之间的竞争,尤其是移动互联网时代的到来而更多的企业更是高度重视官方网站建设,因为它的突出服务性能更有助于塑造企业产品良好的形象

¤鲜艳色彩网页设计搭配技巧
  在各种颜色当中,原色的彩度最高,而鲜艳颜色的诱目性(引人注意程度篇,容易给人留下强烈印象。从情绪方面来说,鲜艳颜色传达出较明确的感觉,只使用单色就能直接传达信息。相反,若同时使用多种鲜艳色彩

¤如何设计出有新意并且打动人的页面
  优秀的网站有很多品质,这些品质结合在一起可以产生一个优秀的设计。随着网站越来越普遍,也有越来越多的企业开始意识到网页设计在吸引他们更多的注意力方面所起的作用。如何让企业网站脱颖而出也显得更加重要。为了做到这一点

¤移动端网站建设应该注意哪些问题?
  很多国家通讯服务商都在研究5G,而作为现在世界排的上号的科技强国,在5G研究方面并不比其他国家差,预计在过几年大家就能够用上5G网络,到时候真的是没有人使用电脑搜索自己想要信息。一些企业管理层意识到了未来

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