小程序开发:小程序和HTML5之间的区别
在移动端两大最具特色的推广方式,也是现在最热门的话题微信小程序和HTML5,都是手机移动端现在流行的两种推广方法,那么我们桔子科技从技术的角度来看看微信小程序和HTML5他们有哪些区别。
1、运行环境不同
传统的HTML5的运行环境是浏览器,而微信小程序的运行环境并非完整的浏览器
小程序在开发过程中会用到一些HTML5相关的技术(并非全部)
小程序最后发布上线需微信审核,微信在不更新自身软件的情况下可以将小程序自身软件内
脚本内无法使用window、document对象(基于这一点,像zepto/jquery这种操作dom的库就被完全抛弃了)
2、开发成本不同
当我们面对一个HTML5 web开发需求时,我们需要考虑什么呢?抛去开发工具(vscode、sublimtext、Atom等)不谈,大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等),小到UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等都要我们一一考略,再不济用jqery插件写H5,也要在开发过程中去寻找合适的jquery插件来配合项目。尽管这些工具可定制化非常高,并且提高了开发者的开发效率,但我相信项目开发的配置工作已经消耗了不少精力,尽管大部分开发者都有自己的配置模板,但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。
当需要调用后端接口时,调用发起请求API
当需要上传下载时,调用上传下载API
当需要数据缓存时,调用本地存储API
引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用
UI库方面,框架自然带有自家weui库加成
并且在使用这些API时,你不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG,可见微信小程序的开发成本确实相比以往的web开发低很多。
3、获取系统级权限的不同
微信小程序相对于HTML5 web应用能获得更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和微信小程序无缝衔接,而这一点恰巧是HTML5 web应用经常被诟病的地方,这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
4、应用在生产环境的运行流畅度
长久以来,当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意,需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立,尽管同样用html+css+js去开发,但配合微信的解析器最终渲染出来的是原生组件的效果,自然体验上将会更进一步。
相关阅读推荐
-
成都网站建设开发流程是什么
作为公司网站建设负责人,需要了解的知识点有很多,但是自己毕竟不是专业网站建设人员,所做的工作也只是对接网站建设公司,不需要太深入的了解网站建设专业知识,但是一般的和网络公司对接知识是需要知道的,自己 -
图片对于网站建设开发的重要性
一篇一千多字的文章,配上三张图,这样效果一下就出来了,图片在网站设计中,起到的作用举足轻重,具体来说,网站建设的使用图片具有以下四点好处: -
网站建设的几个步骤有那些
网站建设步骤的四个步骤当中,第一步就是确定网站主题内容。因为你在设计网站时,肯定是要有一个主题内容,因为你要围绕这个主题内容来设计网站。很多网站之所以不让用户喜欢,就是牛头不对马嘴。主题风格和内容完