- 博客(25)
- 收藏
- 关注
原创 base64转file文件格式
dataUrl是base64数据fileName就传你取得文件名在想要转的地方调用即可 /** * base64转File * @param {string} dataUrl base64数据 * @param {string} filename 文件名 * @ignore */ dataURLtoFile(dataurl, filename) { var arr = dataurl.split(',')
2021-09-10 15:02:37
463
原创 模拟a标签实现下载文件
res.data.pdfFilePath是我的文件路径 ,复制后改掉这个路径即可使用啦let url = window.URL.createObjectURL(new Blob([res.data.pdfFilePath])) let link = document.createElement('a') link.style.display = 'none' link.href = url link.setAttribute('downloa
2021-09-10 14:59:20
333
原创 swiper滑动会反弹到第一页
observer: true, //修改swiper自己或子元素时,自动初始化swiper observeParents: true,在swiper初始化中加上这两句就ok了
2021-08-16 11:55:32
1476
原创 小程序计算俩坐标点(经纬度)之间的距离
wx.getLocation({ type: 'wgs84', //res.deviceinfo.lat res.deviceinfo.lng 需要进行对比的坐标点 success(loc) { var rad1 = res.deviceinfo.lat * Math.PI / 180.0; var rad2 = loc.latitude * Math.PI / 180.0; var a = rad.
2020-10-27 11:15:18
796
原创 最新手机号正则
最新手机号正则^1(3([0-35-9]\\d|4[1-8])|4[14-9]\\d|5([0125689]\\d|7[1-79])|66\\d|7[2-35-8]\\d|8\\d{2}|9[13589]\\d)\\d{7}$
2020-10-27 11:14:46
127
原创 cocos creator动态渲染图片
网络图片var self =thisvar headimg = res.userInfo.avatarUrl; cc.loader.load({ url: headimg, type: 'jpg' }, function(err, img) { self.avatarUrl.spriteFrame = new cc.Spr
2020-09-24 17:20:11
973
1
原创 cocos creator动态循环渲染出新精灵
for (let i = 0; i < 5; i++) { let node = new cc.Node(); const sprite = node.addComponent(cc.Sprite); if (i < 2) { cc.loader.loadRes('ui-heart', cc.SpriteFrame, fun...
2020-09-24 17:12:58
705
原创 小程序修改switch组件的大小
<switch style="zoom:0.7" color='#f3b055'></switch>用zoom的话可能与实际位置不符合,建议用scale缩放 <switch style="transform:scale(0.7)" color='#f3b055'></switch>
2020-05-15 14:41:01
285
原创 小程序实现计算器
实现模拟手机上的计算器,输入即可运算本页面是做一个计算收款的页面,如果不需要下面的内容可以删除掉wxml<view class="calculate-box"> <view class="calculate-txt">{{express}}</view> <view class="result-num">={{result}}<...
2020-05-04 15:26:22
3197
2
原创 js实现在页面内可拖动div(悬浮按钮可拖动改变位置)
需求这次这个网页是要在手机端浏览的,那么对于返回上一页时不那么友好,于是得在不是首页的地方加上返回首页的悬浮按钮,点击即可返回首页,但在有的页面上这个按钮有时会挡住关键的数据信息,于是想把这个按钮做成悬浮的可以拖动的按钮,以便于看到你想看到的信息。思路在触摸开始的时候记录他的坐标,在触摸中记录与开始的差值代码如下window.onload = function() { v...
2020-04-29 15:37:07
3901
原创 类似加入购物车的抛物线效果
抛物线动画因为临近过年,公司需要出一个年会抽奖的页面来,开奖号码,是需要一个抛物线的动画效果,上网查了一下发现了一个好用的js,jquery.fly.min.js,jquery.fly.min.js下载这个插件是需要依赖jquery库的,所以一起引入, // 抛物线 // var offset; //目标位置 var start...
2020-01-16 13:53:16
135
原创 图片无缝隙滚动
JS实现图片无缝滚动的完美解决 无间隙滚动innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth: 获取对象的滚动宽度of...
2019-11-28 17:06:59
237
原创 半圆形进度条(小程序)
近期在做一个读书类的小程序,这时需要作出一个半圆形的进度条,等级进度条,就想着用canvas来完成,在网上百度了一下,参阅了这这篇博客博客地址,在结合实际需求加以修改。这是ui的图片,一看就能知道这个需要自定义标题栏,然后这是一个长图,标题栏和下面的进度条的背景得分开来。上进度条的代码,wxml<view class="progress"> <canvas c...
2019-11-21 15:14:19
3573
4
原创 小程序自定义tabbar(类似闲鱼底部凸起)
先上效果图因为多处需要使用这个tabbar,所以我们决定把他封装成一个组件,希望可以帮到你哦~组件代码wxml<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}"> <block wx:for="{...
2019-10-16 16:45:31
7928
4
原创 小程序可选多个标签写法
wxml<view class="obtn {{item.selected ? 'checked' : ''}}" wx:for="{{obtnArry}}" wx:key="unique" bindtap="checkedBtn" data-value="{{item.name}}" checked="{{item.selected}}" data-index="{{index}}"&g...
2019-09-19 14:29:05
2314
原创 小程序中wx.navigateBack返回传参数的问题
在小程序中经常会有页面的跳转需求,当你需要返回一个页面的时候,并且携带参数时。可以用wx.navigateBack进行返回var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个...
2019-09-06 14:59:34
833
原创 微信小程序全国城市搜索(可进行城市中文拼音首字母搜索)
废话不多说直接上代码wxml<!--pages/setUpArea/setUpArea.wxml--><view class="content"> <view class="search"> <input placeholder="请输入城市中文名或拼音" placeholder-class="center" bindinput="bin...
2019-08-30 17:08:03
5195
4
原创 小程序中定位坐标转换成具体地址
在你需要定位的时间里面加上wx.getLocation({ type: 'wgs84', success (res) { const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy }})小...
2019-08-27 11:32:56
1246
原创 小程序获取表单input的输入值
1.写上一个form表单<form bindsubmit="formSubmit" bindreset="formReset"> <view class='input-content'> <view class='input-col'> <label>联系人:</label> <input t...
2019-08-27 11:07:25
1855
原创 小程序动态修改标题
首先在你的json文件里加标题*{ "navigationBarTitleText": "效果预览" }`在你需要修改本页标题的时候加上如下代码``在你需要修改标题的地方加上如下代码就OK啦wx.setNavigationBarTitle({ title: '我是你修改的标题呀' })...
2019-08-21 17:33:35
116
原创 取消a标签在移动端点击时的蓝色
a:active{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
2019-08-20 10:15:30
1312
原创 vuerouter实现底部导航栏动态切换图片
最近的整理最终效果上图顶部导航栏具体页面没做添加编写html* <a href="javascript:;" class="weui-tabbar__item " v-for="(i,index) in tabs" :key="index" :class="{active:index == thatnum}" @click="addClassName(index)"> ...
2019-08-19 17:30:50
1667
1
原创 vue-cli项目的基础使用(监听dom事件,使用路由跳转)
vue中methods、mounted等使用方法整理created:html加载完成之前,执行。执行顺序:父组件-子组件mounted:html加载完成后执行。执行顺序:子组件-父组件methods:事件方法执行。watch:去监听一个值的变化,然后执行相对应的函数。computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值vue中路由的使用方法imp...
2019-08-19 10:32:36
307
原创 最近使用小程序的一点小笔记(修改radio自带样式,获取radio的value值)
改变小程序自带的radio的样式改变自定义的radio的大小lradio{ transform:scale(0.7); }获取radio改变时的value值<radio-group class="courier" bindchange="radioChange"> <radio value="wechat" checked="true" color="re...
2019-08-16 17:37:34
963
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人