微信小程序开发制作专员为你讲解小程序和H5网站有什么不一样
【小程序】开发_制作_新闻您的位置:网站首页 > 网站建设新闻 > 【小程序】开发_制作_新闻

微信小程序开发制作专员为你讲解小程序和H5网站有什么不一样

发布时间:2020/9/15 15:31:01 作者:郑州网站建设小编 来源:网站开发小U 浏览量:

【微信小程序开发制作专员为你讲解小程序和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去开发,但配合微信的解析器最终渲染出来的是原生组件的效果,自然体验上将会更进一步。

伟置电子郑州网站建设公司成立与2014年,我们提供品牌高端网站建设、网站制作、网站设计、营销型网站建设、小程序开发、微信公众号开发、网站优化、品牌口碑营销服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,通过搜索排名、内容社交、短视频等流量渠道,为品牌和企业提供源源不断的流量和订单转化。

【本文标题和网址】:微信小程序开发制作专员为你讲解小程序和H5网站有什么不一样    http://www.zzhaofang.com/webnews/xiaochengxu/2515.html

客户关注:小程序开发 小程序制作 微信小程序开发 微信小程序制作 开发小程序 制作小程序

您可能对以下新闻还有兴趣 其它伟置新闻

标签:小程序开发 小程序制作 微信小程序开发 微信小程序制作 开发小程序 制作小程序

声明:本页内容由伟置电子科技有限公司通过网络收集编辑所得,所有资料仅供用户参考使用;我们制作的网站建设效果图、网页样稿为我公司设计成果。如您认为本页中有涉嫌抄写您相关的内容,请及时与我方联系进行核实,并提供相关证据,工作人员会在3个工作日内联系您,一经查实本站将立刻删除涉嫌侵权内容。如果您对做网站网站制作网站优化核心技术文章感兴趣,请点击查看网站建设知识网站建设教程的相关文章,请关注郑州网站建设公司伟置电子科技官网(www.zzhaofang.com)。

郑州伟置电子科技有限公司

专注于郑州网站建设 营销型网站开发

  • 服务热线:4006-4007-37
  • 公司座机:0371-68962668 67584755
  • 电子邮箱:zzhaofang@163.com info@zzhaofang.com
  • 地址:大学路二七万达广场12A号楼606
支付方式
Copyright 郑州伟置电子科技有限公司 版权所有 豫ICP备11008655号-2 豫公网安备 41010302002361号