![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
蛋叔(公众号同名)
danshufenxiang@163.com
展开
-
uniApp实现navigateBack返回修改前一页面数据(H5、APP、小程序)
前言:官方有推荐用VUEX实现此类需求的,但是目前不太了解,先分享下目前的解决方案,之后熟悉了再更新下。1、H5和APP/小程序的解决方案是不一样的,虽然都是通过getCurrentPages,但打印出来的前一页面的结构是不同的。2、如果有问题的话打印prevPage仔细看下。H5getAddress(e){ if(this.isGetAddress == 1){ ...原创 2019-04-04 11:57:20 · 43997 阅读 · 3 评论 -
uniApp正则表达式校验手机、邮箱
主要介绍下uniApp中正则的使用,以校验手机、邮箱为例。//util.js文件主要写的是会经常使用到的工具类//校验邮箱格式function checkEmail(email){ return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]...原创 2019-04-05 22:56:29 · 15697 阅读 · 1 评论 -
uniApp用canvas实现小程序保存分享页面&二维码到本地相册
之前分享了一篇 uniApp实现微信分享页面/二维码功能原创 2019-04-11 09:24:46 · 10634 阅读 · 3 评论 -
uniApp实现选择图片裁剪设置用户头像
官方demo里有图片裁剪的功能,所以这里直接拿来用了,uniApp——GitHub,效果可以扫下链接里的小程序码(模板-图片裁剪)看下,这块代码位置在pages/template/crop/crop.vue。//这里要实现的功能是裁剪图片修改用户头像,所以要调用接口上传到服务器。//这里用到的until.方法都是自己封装或基于原uniapp方法封装的,功能语义化// 获取图片get...原创 2019-04-11 09:50:13 · 29977 阅读 · 1 评论 -
uniApp实现点击tab选项卡展现该状态的订单数据(全部、待付款、待发货、已发货、已完成)
主要逻辑:1、给每个tab选项卡添加点击方法,change执行后的btnnum数值和view中的相等则添加btna样式,成为选中状态。2、通过接口获取到订单数据后赋值给两个变量,order_lists存储订单数据,show_lists用来展示不同状态的订单数据。3、change方法里循环判断每条订单的数据,然后将符合该状态下的订单赋值到show_lists里面。//前端主要代码&...原创 2019-04-02 10:14:52 · 11427 阅读 · 0 评论 -
uniApp解决回调方法执行过快,uni.showToast不显示问题
通过在回调里增加一个setTimeout延时器方法解决success : function(res){ console.log(res) if(res.data.status == 1){ uni.showToast({ title:res.data.info, }) setTimeout(function(){ uni.navigateBack({de...原创 2019-04-03 14:06:57 · 26864 阅读 · 5 评论 -
wangEditor富文本编辑器覆盖bootstrap弹出框
如题,我们通过审查元素可以看到编辑器上的编辑器图标的z-index值为10001。必须要把弹出框的z-index值设置为高于10001。最后要注意的是,z-index必须在定位元素上生效,如果没有请添加position...原创 2019-07-29 10:47:15 · 1508 阅读 · 0 评论 -
Laravel结合wangEditor3富文本编辑器实现文章发布、多图片上传
官方文档地址1、首先将资源文件引入,上方官方文档中已经有了,这里不再赘述,先放前台代码。@section('main') <div class="col-md-8 col-md-offset-2" style="margin-top: 20px;"> @include('layouts.tips') <div class="f...原创 2019-07-31 17:24:26 · 1014 阅读 · 0 评论