
uni-app
JS Lover
在工作中,不断总结经验,把前端开发的经验分享出来,希望对你有帮助!
展开
-
【uni-app】云开发的增删改查CRUD(个人封装)
【云开发】读取操作const db = uniCloud.database()//创建数据库连接db.collection("user").get()//获取数据表的信息 .then(res => { console.log(res) this.userInfo = res.result.data[0]}) .catch(err => { console.log(err)})【云开发】更新数据 const db = uniCloud.database() db原创 2021-12-20 18:04:29 · 1260 阅读 · 0 评论 -
【JavaScript】JS如何添加自定义对象的key(三)
JS如何添加自定义对象的key原创 2021-12-17 11:37:39 · 3054 阅读 · 0 评论 -
【uni-app】Tabbar显示数字/红点的方法(十)
uniapp Tabbar显示数字/红点的方法原创 2021-12-16 16:20:03 · 4192 阅读 · 0 评论 -
【uni-app】uniapp云开发(使用js完成前后端,全栈不再是梦)(九)
uniapp 云开发云开发的好处:云开发小程序,不需要自己部署接口,也不需要配置域名,更不需要配置Https~学会了云开发 你也是全栈工程师,话不多说请看教程 ↓↓↓↓↓uniCloud地址:https://uniapp.dcloud.io/uniCloud/README云开发的云函数增删改查uniapp项目创建后:第一步:创建云空间第二步:关联你创建的云空间第三步:封装增删改查云函数封装完后,记得上传到云空间上传后,就可以在云空间里查看到第四步:前往云空间创建数据库地原创 2021-11-05 11:15:29 · 1295 阅读 · 0 评论 -
【我的组件】我开发的组件示例(已发布至uniapp插件市场)
1.自适应可滑动tab组件插件地址:https://ext.dcloud.net.cn/plugin?id=6338原创 2021-10-19 16:45:51 · 206 阅读 · 0 评论 -
【uni-app】uniapp中微信小程序APP使用mqtt(vue同理)
MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布/订阅型消息协议,为此,它需要一个消息中间件 。uniapp使用mqtt的步骤如下:第一步引入mqtt.min.jsmqtt.min.js下载地址:https://download.youkuaiyun.com/download/qq_43576866/19662387?spm=1001.2014.3001.5原创 2021-06-21 18:29:50 · 5505 阅读 · 4 评论 -
【uni-app】uni-app之APP推送uniPush篇(七)
APP推送使用的是uniPush1.前往开发者中心进行厂商配置2.修改应用信息如何使用公用证书,应用签名直接使用下发框框里面的(温馨提示:需要在打包的情况测试)3.Hbuilder里面需要在manifest.json的App模块配置,勾选上Push4.登录的时候登录uniPushuniPush() { //#ifdef APP-PLUS this.isOpenAuthority() //监测是否开启了通知权限 var info = plus.push.getClientInfo(原创 2021-06-01 15:53:50 · 1081 阅读 · 0 评论 -
【uni-app】uni-app关于使用animate.css的演示和使用(六)
下面是关于使用animate.css的演示和使用/* hover-class就是动画的类,class是固定使用animated */<view class="animated" hover-class="bounce"> <view>内容</view></view>演示的Demo在下面gitee里gitee地址:https://gitee.com/gongjs/animate.git附上截图一张,自己写的一个demo,喜欢的点个收藏,谢谢谢谢~原创 2021-05-24 16:43:02 · 1309 阅读 · 0 评论 -
【uni-app】uniapp实现复制内容到剪切板,实现ctrl+c功能(五)
uniapp复制功能,话不多说直接上代码uni.setClipboardData({ data: e, // e是你要保存的内容 success: function () { uni.showToast({ title:'复制成功', icon:'none' }) }})执行完成后,你使用ctrl+v就能得到你刚刚复制的内容啦~~...原创 2021-05-24 14:58:58 · 8126 阅读 · 0 评论 -
【uni-app】uni-app封装组件详细教程(Vue同理)
第一步:新建一个组件,命名为item.vue(命名只是举例)HTML部分:<template> <view class="content"> <view>{{item}}</view> <view @click="indexClick(index)">{{index}}</view> <view>{{str}}</view> <view>{{title}}</view&g原创 2021-04-25 00:42:59 · 5235 阅读 · 0 评论 -
【uni-app】uni-app子组件调用父组件的方法(vue同样适用)(三)
<view @click='backHome'></view> //子组件<dev @backHome='back'></dev>//父组件 dev自定义的组件名称//子组件this.$emit("backHome",e); //backHome父组件的方法,e要传递的参数//父组件back(e){ console.log(e) //e是传过来的参数val}不懂的话,可以在评论里问~...原创 2021-04-22 16:00:05 · 2306 阅读 · 0 评论 -
【uni-app】uniapp微信小程序授权登录(详细总结)
第一步:获取code<button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxGetUserInfo">授权微信</button>uni.getUserInfo({ provider: 'weixin', success: infoRes => { this.userInfo.原创 2021-01-25 17:57:01 · 13727 阅读 · 14 评论 -
【uni-app】预览图片的方法(二)
uni-app预览图片<image :src="image" mode="aspectFill" @click="preview(image)"></image>点击方法previewpreview(e) { let array = []; array.push(e); uni.previewImage({ urls: array, current: array[0] });}原创 2021-01-25 17:33:43 · 3198 阅读 · 0 评论