本篇文章给大家谈谈vue开发百度小程序,以及vue 小程序开发对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
今天给各位分享vue开发百度小程序的知识,其中也会对vue 小程序开发进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
使用vue3+ typeScript 开发小程序
要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用
在
uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。原因在于 uniapp 目前对于 vue3 的支持尚不完全比如说暂不支持 setup 语法糖对于h5的支持比较差 没有支持 vue3 的 ui 框架等等。
node.js
注意tarojs的版本 建议使用 taro 3.0.24 以上的版本
由于引用 node_modules 的模块,默认不会编译,所以需要额外给 H5 配置 esnextModules ,在 taro 项目的 config/index.js 中新增如下配置项:
如果出现类似 Could not find module View in @tarojs/components 的问题,请在进行如下设置:
详情请参考 https://github.com/dexterBo/mall
uniapp和vue有什么区别?
vue和uni-app的区别如下:
1、uni-app可以通过打包实现一套代码多端运行,而vue不行。
2、uni-app有自动的框架预载,加载页面的速度更快,vue没有。
3、uniapp使用小程序的标签,vue使用web端的标签。
4、uni不支持vue-router,使用自带的路由。
uni-app的优点
优点一:
uni-app是一套可以适用多端的开源框架,一套代码可以同时生成ios,Android,H5,微信小程序,支付宝小程序,百度小程序等。
优点二:
uni-app对前端开发人员比较友好,学习成本比较低,首先uni-app是基于vue.js的。其次封装的组件和微信小程序的组件一样。
优点三:
uni-app使用HBX进行开发,HBX对于vue语法等支持可以说是比较完备了。
对看小程序怎么样
微信小程序官方提供了开发工具,但是并不太好用,一般都是要配置 vscode 安装插件来开发,像我使用的是 intellij idea ,安装插件来支持小程序的代码提示,然后在微信开发者工具上预览。工具上的问题倒不大,代码提示该有的都有了,开发效率关键还得看框架和库。
微信小程序是支持 typescript 的,官网提供了类型库,可以通过开发者工具直接创建 ts 项目。百度小程序目前是不支持的,效率就要低很多。
微信小程序的数据绑定之前一直是单向的,这个很多时候不太方便,要多写很多代码,好在从 2.9.3 开始可以双向绑定了,效率上也提升了不少。百度小程序目前还不支持,其它的平台了解的不多。
由于小程序都不支持 dom 操作,而是内部提供了一套类 dom 的查询api,所以有一定的学习成本,也不能轻易的将 html5 程序转换到小程序。同时,各种涉及 dom 操作的 js 库也无法使用,canvas 库也不行,仅有少数的库专门做了小程序版本,如 echarts。从这一点来看,效率的影响还是很大的,毕竟项目开发是需要借助于很多开源库的,改造成支持小程序的版本是很耗费时间和精力的。
总体上来说,微信小程序的开发效率还行,但是很多现有的 js 库不能利用,开发效率肯定比不上使用 vue 全家桶开发 web 应用。
硬件调用和系统原生特性
这个确实是小程序的优势,微信的小程序有丰富的设备接口,可以调用蓝牙、nfc和感应器等,
浏览器中仅个别浏览器可以调用蓝牙。如果有硬件调用方便的需求,就只能放弃纯 html5 了。
统计分析
微信小程序有个数据助手,其它平台的基本上都有,在数据助手中可以查看使用情况,对用户和页面的信息进行统计。
对于 web 站点,要做这么一套东西,还是有不少的工作量的,数据库的成本也要增加,可以借助于第三方平台,像百度统计之类的。如果是前后端分离,前端 spa 模式纯静态,可以将前端程序放在 cdn 中,cdn 服务一般都会提供统计信息,但是会弱一些。
小程序的云开发功能
微信小程序提供了云开发功能,可以在小程序中使用文件存储、数据库和云函数,现在还提供了云托管和静态网站,百度小程序也有提供支持。相当于后端开发需要用到的技术都给你集成好了,并且还有免费额度,大大降低了成本,你甚至可以零硬件成本起步,非常适合小项目。
性能
小程序性能会更好吗?这个可不一定,就我的经验来看,微信小程序流畅度还可以,没有详细测试过,但是百度小程序就比较的拉跨了,明显的卡,页面上的图片资源加载很慢。我之前使用百度官方的工具移植微信小程序到百度,结果百度app中小程序的运行效果非常差,卡顿明显。
但是小程序确实比普通的 web 应用更快,这主要是因为运行小程序的 app 中自带了运行环境,集成了框架和一些 ui 库,这样小程序本身就可以很小。因此,加载小程序的速度是可以比网页快很多的。但是,web 有 pwa 技术啊,并且主流浏览器都支持了。win10 自带浏览器 edge 支持将支持 pwa 的站点添加到桌面,直接独立窗口启动,ios 和安卓也都是支持的,可以让支持 pwa 的站点像原生应用一样直接从桌面启动,脱机运行,不需要先启动微信这样的小程序容器程序。
不仅如此,微软官方还支持将 pwa 直接发布到应用商店:将渐进式 Web 应用发布到Microsoft Store 。
相比 html5 ,小程序是没有性能优势的,html5 如果想进一步提升性能,还可以使用 WebAssembly 技术。
总结
小程序最大的价值应该就是其平台本身的生态了,微信小程序就提供了很多便利:
便捷接入微信登录和微信支付,与视频号,消息等对接
提供文本和图片内容安全检查功能,这些功能要自己做成本非常高
提供ai功能,提供视觉算法,支持人脸识别
有丰富的设备接口,支持对蓝牙、nfc和各种感应器等进行控制
自带统计分析功能
提供云开发服务,前期甚至可以零硬件成本,个人觉得云开发不适合大型项目
内置广告组件,提供了流量变现功能
虽然小程序提供了很多便利,但是个人觉得还是要慎重选择,小程序是需要与平台绑定的,各个平台推出自己的小程序就是要将软件商拉到自己的生态中去。如果你需要小程序给你提供的这些便利,团队没有预算开发各个平台的不同版本 app,那还是可以考虑的,使用小程序能降低不少成本,甚至还可以省去域名费用。
如果你喜欢自由,不愿受制于平台,还是 html5 吧。真有接入微信的需求,还可以考虑在 html5 的基础上使用 wx-sdk 接入公共号网页开发,可以做一个兼容层,在非微信内置浏览器内使用或微信调用失败的情况下回退到纯 html5。
个人认为,还是 html5 优先,html5 满足不了需求再考虑小程序和 app,毕竟 html5 是国际标准,几乎被所有操作系统原生支持,真正的跨平台一码多端,这才是未来。
关于vue开发百度小程序和vue 小程序开发的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
vue开发百度小程序的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于vue 小程序开发、vue开发百度小程序的信息别忘了在本站进行查找喔。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~