applogo.png

车抵贷
购物领券
2021-09-03 微信搜索 热度:786

作为前端工程师微信小程序源码cms,从前端的视角,为大家分析下微信小程序和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去开发,但配合微信的解析器最终渲染出来的是原生组件的效果,自然体验上将会更进一步。你可以通过第三方开发商秒到获取微信小程序。

该如何选择微信外卖系统?

谢邀,我是易小程(微信号:yixiaocheng100)。

用微信做餐饮外卖平台的话,微信小程序是最为合适的选择了。微信小程序自上线以来,已经深入到各行各业,偏重于生活本地服务的餐饮外卖行业十分切合微信小程序的即时应用特点,是十分适用于微信小程序的。

相比实体店而言,微信小程序店究竟有什么优点呢?

小程序辐射力更强

传统实体店限于服务的范围,只能服务于周边消费者,而小程序入口已被开放到50多个,除了二维码扫描,还可以微信搜索关键词,社群分享,附近的小程序,公众号关联,朋友分享,甚至现在也已试水小程序广告分享朋友了。实体店可以通过多种方式展示想要传递的内容、产品的信息、提供的服务,而且还可以通过小程序商城,进行商品售卖,服务预定,服务付费等等。通过小程序依仗微信近十亿的月活量,小程序一定能帮助实体店获得更多的客户资源。

连接线上线下

对于一些想做线上销售的实体店,小程序更容易打通线上线下,利用小程序附近的店功能,社群分享等使线下实体店和线上电商市场的对接,而且小程序开发价格低,容错率高,操作便捷,更新迭代快等,适合中小型商家发展。

会员+粉丝连带的裂变式传播

小程序依靠“轻捷简便”“用完即走”的特性深受大众喜爱,对企业品牌来说,可以通过自有的会员系统或是自运营的公众号,利用系统中的消息推送功能和小程序“用完即走”的服务相结合,进行粉丝和会员的二次开放,形成裂变,增加用户粘性的同时,带来更多的商业价值。

随走随用,随用随拾

用户只需通过扫一扫小程序码就可进入场景,享受随时随地的“即时”服务,微信一键授权,省去了传统APP繁冗的操作,这样,将有更多的用户体验不同的服务场景来进入小程序,让用户在线下便能轻松地体验企业提供的服务和提供的商品,之后用户再想要类似的服务,通过历史记录轻松获取本店信息。

相信您对小程序的优势已有了初步的了解,如果想进一步了解更多,欢迎与易小程(微信号:yixiaocheng100)沟通交流。

希望我的回答能够帮到您。

上一篇:秦皇岛私人微信大群:中国15个城市群是哪几个?(中国五大城市群都是哪些)

下一篇:养羊微信群大全:我想回草原,众筹养殖羊或牛创业怎么做?

赞 0
分享
猜你喜欢

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名?

「微信红包群规则复制」微信红包群规章制度是什么样的?

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个

「微信群群主有哪些特权」微信群主有哪些特权?

 

账号登录,或者注册个账号?