- 博客(36)
- 资源 (9)
- 收藏
- 关注
原创 正则替换字符串地址,http+ip+端口号
正则表达式获取url中的前缀 即http + ip + 端口号var a = /^http(s|):\/\/\S*?\// 从字符串中找出 IP:port 用正则匹配// ip:port 正则表达式let spat=/(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|
2022-03-29 21:54:16 2210
原创 element中el-tree的表单校验问题
element中el-tree的表单校验问题:示例代码:<template> <div> <el-form :model="form" ref="ruleFormRef" label-width="110px" size="small" :rules="rules" class="fixed-system" > <el-form-item label="考勤
2022-02-18 18:23:49 1303
原创 小程序在IOS下,scroll-view组件内 子view排列错行,没在一条水平线上
在scroll-view组件内 子view加上vertical-align:top; 顶部对齐就可以了
2020-01-19 16:18:16 861 1
原创 获取当前时间的前后几天的日期,前后几个月的日期,前后几年的日期
获取当前时间的前后几天的日期function GetDay(day) { var time = new Date(); time.setDate(time.getDate() + day);//获取Day天后的日期 var y = time.getFullYear(); var m = time.getMonth() + 1;//获取当前月份的日期 v...
2020-01-17 14:56:35 548
原创 小程序上实现秒杀倒计时效果
在util中封装方法function countdown(that) { // 渲染倒计时时钟 // console.log(that.data.times) if (that.data.times <= 0) { // 结束倒计时 that.setData({ day: dateformats(0)...
2020-01-17 14:44:03 1444
原创 微信小程序获取当前时间及获取当前日期
首先,在要获取时间的.js文件中加载util.js文件var util= require('../../utils/util.js');然后在onload方法中,调用util.js中的formatTime方法获取当前时间var timeNow = util.formatTime(new Date());this.setData({time: timeNow,});这样就获取...
2020-01-17 14:31:08 2234
原创 js正则表达式
1 用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));2 密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^....
2019-09-06 14:31:32 117
原创 swiper实现左右滑动的导航菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>menu</title> <meta name="viewport" content="width=device-width,initial-scale=1,...
2019-09-05 15:18:08 5827
原创 H5移动端弹出键盘时遮挡输入框
当input或者textarea获取焦点时,(也就是软键盘弹出的时候)让弹出层的高度等于窗口改变之后的高度,否则就等于手机可视窗口的高度(软键盘收起的时候)$('input[type="text"],textarea').on('focus', function () { var winHeight = $(window).height(); //获取当前页面高度 $(wind...
2019-08-19 18:10:31 233
原创 递归实现无限极目录
html部分<div class="outer_ul"></div>js部分el表示当前要操作元素的名称,data表示要展示的数据var obj = { init:function(el,data){ el.html(this.creatElement(data)); this.bind(el); }, creatElement:...
2019-08-19 18:09:37 147
原创 移动端HTML5点击事件闪现灰色背景解决方案
隐藏文本框阴影input, textarea{-webkit-appearance:@none;}解决手机点击按钮时,会出现的灰块html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}移动端网站或APP点击后出现闪动或灰色背景只需对绑定事件添加class样式 使其触发...
2019-08-19 18:08:26 403
原创 JavaScript 根据一个值删除数组中的某个元素
先定义一个方法function delete_(arr, value) { var i = arr.length; while (i--) { if (arr[i] === value) { return i; } } return false;}var arr = ["哈哈","哈喽"];var t...
2019-06-18 13:10:49 253
原创 小程序textarea的内容随着屏幕上下移动的问题
textarea在一个 position:fixed 区域的时候,其内容会随着屏幕跑动,解决办法就是给textarea加fixed="true" 即可
2019-06-15 20:48:43 2280 2
原创 小程序弹窗动画
wxml代码如下<view wx:if="{{markStatus}}" class='mark'> <view class='approval-box bottom-pos' animation="{{animationData}}"> <view class='mark-title flex-sb plr30'> <view ...
2019-06-15 20:46:05 483
原创 微信小程序navigateBack跳转传递参数
wx.navigateBack({ delta: 1 })在当前页面写入代码 var pages = getCurrentPages(); var prevPage = pages[pages.length - 2];//上一个页面 //直接调用上一个页面的setData()方法,把数据存到上一个页面中去 prevPage.setData({ ...
2019-06-14 19:52:28 7011
原创 解决移动端页面点击图标或按钮产生透明灰色背景
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
2019-05-27 18:33:08 1163
原创 js控制ios端的input/textarea元素失去焦点时隐藏键盘
objBlurFun(“input”); input是所有input的标签objBlurFun("input");function objBlurFun(sDom,time){ var time = time||1; var browser={ versions:function(){ var u = navigator.userAg...
2019-05-27 18:28:09 758
原创 检测是安卓手机还是苹果手机方法
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid){ ...
2019-05-24 13:47:38 907
原创 自定义微信小程序tabBar 之页面跳转不刷新
使用组件的方式在组件的wxml中写入代码<view class="tabar"> <view class='tabar-dh'> <block wx:for="{{listInfo}}" wx:key="this"> <view data-id='{{index}}' data-current="{{index}}" c...
2019-04-29 18:44:16 1800
原创 微信小程序 canvas空白
如果canvas不是在页面中,而是在自定义组件中的话,一个可能的原因是:wx.createCanvasContext只传一个参数是不够的,需要再传入第二个参数this,如下:var context = wx.createCanvasContext(mycanvasid,this)...
2019-04-29 17:25:53 1911
原创 this.triggerEvent()作用以及使用方法
在使用组件的时候, 当前使用该组件的页面想要获取组件中的某一状态或者某一个值时,需要使用到this.triggerEvent(’ ',{},{}),第一个参数是自定义事件名称,这个名称是在页面调用组件时bind的名称,第二个对象就是想要的状态和值在组件的wxml中写入以下代码<view class="tabar"> <view class='tabar-dh'>...
2019-04-29 17:19:53 9393
原创 jQuery -- touch事件 滑动判断---左右上下方向
//定义变量,用于记录坐标和角度 var startx,starty,movex,movey,endx,endy,nx,ny,angle;// //开始触摸函数,event为触摸对象 function touchs(event){ console.log(JSON.stringify(event.target)) //阻止浏览...
2019-04-23 13:30:18 1835
原创 支付宝小程序防止多次点击跳转(函数节流)
在app.js中写入公用方法throttle()App({ globalData:{ }, onLaunch(options) { // 第一次打开 }, onShow(options) { // 从后台被 scheme 重新打开 }, throttle(fn, gapTime) {//防止多次点击跳转 if (gapTime == ...
2019-03-19 13:23:06 2644
原创 支付宝小程序正则判断姓名和手机号
在js文件中写入如下代码data: { userName:'', mobile:'' }, userName: function (e) { this.setData({ userName: e.detail.value }) }, mobile: function (e) { this.setData({ mobi...
2019-03-13 15:28:18 1996
原创 支付宝小程序中点击图片进行放大查看切可以左右滑动
在axml文件中写入代码&lt;view class="campus-img"&gt; &lt;block a:for="{{imgarr}}"&gt; &lt;image src="{{item}}" mode="scaleToFill" onTap="img
2019-03-13 12:21:02 1753 1
原创 微信小程序中生成二维码
先前上传了一个微信小程序中生成二维码的文件:wxapp.qrcode.js,现在补充此文件的使用方法此文件的下载链接:https://download.csdn.net/download/qq_41981057/10817093首先将wxapp.qrcode.js放入到项目中,然后在wxml文件中写好布局,代码如下<view class='container-box'> &l...
2019-03-13 12:15:01 2823
原创 支付宝小程序向原数组内添加新数组
this.data.classification 是原来的数组concat() 向原数组后面添加数组let classificationData = res.data 新数组this.setData({ classification: thi...
2019-03-12 13:18:06 2024 2
原创 小程序checkbox操作
功能:当checkbox的状态为选中状态时点击下一步才可进入下一个页面axml文件代码<view class="check_footer clearfloat"> <view class="fl check_footer_fl pl_20 box_s"> <checkbox-group onChange="onChange...
2018-12-29 16:24:59 3703
原创 横向iscroll阻止纵向浏览器滚动条
在初始化iscroll时设置:var myScroll= new IScroll('.container', { // mouseWheel : true, //鼠标滚轮支持 // scrollbars: false, //滚动条支持 scrollY: false, //滚动方向(垂直) scrollX: true, //滚动方向(水平) bounce: true, /...
2018-12-29 12:46:24 345
原创 js实现上拉加载更多
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;
2018-12-26 14:37:06 1064
原创 移动端弹窗时静止页面滚动
先定义两个方法,分别是禁止滚动和恢复滚动的方法var scroll_save = 0;//记录滚动条滚动的值function show(scroll_) { $('html,body').css({ overflow: 'hidden', position: 'fixed', top: '-' + scroll_ + 'px' // 防止滚动到顶部 })...
2018-12-06 14:44:03 421
原创 微信小程序中生成二维码工具:wxapp.qrcode.js
在近期的小程序开发中,有一个离线生成二维码的需求。当时想到了一些优秀的前端开源库 jquery-qrcode 和 node-qrcode,由于小程序中没有DOM的概念,这些库在小程序中并不适用。所以,针对微信小程序的特点,封装了 weapp.qrcode.js ,用于在小程序中快速生成二维码下面来介绍一下使用方法:使用创建canvas标签先在 wxml 文件中,创建绘制的 canvas,...
2018-11-29 14:41:35 5644
原创 微信小程序wxParse使用说明
最近在做一个微信小程序项,遇到了文章的详情页面是富文本的情况,内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。wxParse官方下载地址:https://github.com/icindy/wxParse使用方法:一,下载完之后我们需要用到此目录下的wxParse文件夹,...
2018-11-27 18:36:47 1314
原创 移动端日历控件 mobiscroll 的简单使用、参数设置
mobiscroll 在性能方面比较好,可选用多种效果,滑动效果也比较顺畅。提供样式文件和js文件,直接点击下载,该版本是 mobiscroll 2.13的官方地址 :https://docs.mobiscroll.com/2-17-2下载地址: http://note.youdao.com/yws/public/redirect/share?id=95fd7bf95aa4f13bd6ba0...
2018-11-26 16:09:05 1608
原创 实时监听input的value值改变
监听input的value值变化首先想到的是onchange,该事件必须由鼠标或者键盘激发$(“xxx”).on(“change”,function(){alert(“变化了”);})ie有专属的方法,onpropertychange,仅支持ie内核的浏览器,同样必须由鼠标或者键盘激发$(“xxx”).on(“propertychange”,function(){alert(“变化了...
2018-11-26 15:02:03 5978
Echarts省,市,区(全国).zip
2019-10-19
一级底部下拉滑动选择效果.zip
2019-09-06
微信小程序中生成二维码工具:wxapp.qrcode.js
2018-11-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人