uni-app使用心得——微信小程序

本文分享了作者使用uni-app进行微信小程序开发的经验,uni-app是一个基于Vue.js的跨平台框架,允许开发者编写一套代码发布到多个平台。文章强调了尽管uni-app与Vue.js技术栈相似,但在实际应用中仍需考虑平台特异性,如遇到audio.play()在微信小程序中未定义的问题。文中提到了uni-app的配置细节,包括Page.js、manifest.js的设置,以及编译到微信小程序的资源限制。
摘要由CSDN通过智能技术生成

作为一个前端开发人员,会开发微信小程序现在已经是一个必不可少的技能,但是,要重新去学又要花费大量的时间,虽然原生的微信小程序中和传统的H5、JS、CSS差别不是很大但是也不是按照我们平时的开发步骤,势必会踩到坑影响开发进度,所以,在业余时间,我选择了uni-app进行学习。


uni-app介绍:

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序开发框架。详见评测DCloud公司拥有370万开发者用户,旗下uni-app有5万+案例、800款插件、50+微信/qq群,并且被阿里小程序工具内置(详见),开发者可以放心选择。
这是uni-app官网的介绍:https://uniapp.dcloud.io/ 有兴趣的朋友可以去仔细研究,这里就不多说了,简而言之,就是一套代码可以通过编译器在多个平台上使用,而且亮点是它是使用Vue.js开发所有前端应用框架,这就和我的技术栈完美对接了(我可以直接进行uni-app开发了?)事实上也并不是,毕竟从vue编译成小程序时,要考虑小程序那边是否有当前使用的所有api。
1,实现的需求 1)首页:标题栏获取用户当前位置,使用腾讯api实现定位,不用弹窗出现用户授权, 进入首页,获取附近商铺的列表 轮播图: 导航栏: (1)向后台发送请求来获取展示的商铺列表,综合排序,筛选实现根据用户 条件请求数据 (2)导航栏出现偏移 商铺列表: (1)带参跳转店铺 网络中断情况: 新页面提示没网,可点击刷新 2)店铺:根据店铺id获取店铺相关信息 头部:动态显示店铺的相关优惠 导航:分别切换菜单,评价,商家 菜单: 商品列表展示:左右联动,动态出现添加数量以及按钮 商品详情展示:弹窗卡片,展示详情,可动态出现添加数量以及按钮 购物车:展示添加进购物车的商品信息,清空结算,计算合价,差多少配送, 结算:(未实现),跳转支付,传后台购物车数据,用户信息,当前时间等订单 需求信息 评价:根据店铺id获取店铺的所有评价list展示 商家:展示商家优惠信息,需求(呼叫商家,查看食品安全档案) 3)订单 全部订单:根据用户信息获取相关全部订单,实现详情,再来一点(需要根据店铺 id) 待评价:需求:实现评价功能(提交:店铺id,评价信息) 退款:评价,详情 4)个人 用户信息展示: 登录: 未登录:(登录,注册实现) 用户地址: 管理地址:添加新地址,编辑地址(地址id,用户id) 客服中心:接入客服(公众号后台可设置客服人员) 退出账号:清空本地用户信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值