自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 收藏
  • 关注

原创 获取当前日期的国际标准时间

var currentDate = new Date()当前日期:Thu Apr 23 2020 11:43:13 GMT+0800 (中国标准时间) 类似这种格式的次日:var myDate = new Date(Date.parse(new Date) + 1000 * 60 * 60 * 24 * 1);转化为YYYY-MM-DD格式:var d = c...

2020-04-23 11:48:35 249

原创 mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用

<div @click="getpopupVisible">产品选择</div> <mt-popup v-model="popupVisible" popup-transition="popup-fade" position="bottom"> <div class="picker-toolba...

2020-04-17 10:44:31 953

原创 js 获取url链接里的参数

function GetUrl() { var url = location.search; //获取url中"?"符后的字串 var request = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); s...

2020-04-16 17:31:03 71

原创 中国标准时间转日期YYYY-MM-DD

function switchDate(standardTime) { if (standardTime != "") { let a = standardTime; var Month = a.getMonth() + 1; var MonthDate; var DayDate = a.getDate(); var Day; if (Mont...

2020-01-08 17:20:08 208

原创 vue 点击小眼睛密码显示隐藏

<li> <span class="icon password-icon">新密码:</span> <input :type="pwdType" placeholder="请输入新密码" @on-change="userPassword" maxlength="18" v-model="userPassword" @blur="getU...

2019-06-28 16:19:20 3785 4

原创 vue动态改变title

一般写title会在index.html里的head标签title元素里面写可以根据路由写title首先要安装cnpm install vue-wechat-title --saveexport default new Router({ routes: [ { path: '/', name: 'Home', component:...

2019-05-20 15:10:30 1397

原创 js 前端校验姓名(包括少数民族)

var name = /^([a-zA-Z]|\/| |·|-|●|(\(+\))|(\([a-zA-Z]+\)))+$/;var namesw = /^([\u4e00-\u9fa5]|[a-zA-Z]| |•|-|‧|•|⋅|ㆍ|・|●|(\(+\))|(\([\u4e00-\u9fa5]+\))|(\([a-zA-Z]+\)))+$/;两层校验,中文和英文少数民族名字中间一般都要...

2019-05-20 09:01:50 2228

原创 js 邮箱正则验证

var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,5})$/;

2019-05-07 16:40:45 100

原创 js 中文转url

最近在做微信公众号,分享给朋友的时候带上自己的名字或者年龄等信息,名字是中文字符,转发给朋友,如果是安卓手机对方打开手机可以看到参数,但是ios就不行,是因为链接里面带有中文字符,所以在分享出去的时候要把中文字符进行转码,刚开始尝试了unicode和ASCII,都不行,最后用了url完美解决,代码:var str = this.name;var UnicodeName = encodeUR...

2019-05-07 09:32:25 1258

原创 vue 获取短信验证码

<!-- 获取验证码倒计时60s --> <div class="input-div"> <button @click="getCode(formData)" class="code-btn" :disabled="!show"> <s...

2019-04-17 15:20:51 1518 8

原创 sessionStorage存储数据和取数据

sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失sessionStorage存储一条数据:sessionStorage.setItem('name',this.insuredOneName);sessionStorage存储多条数据:this.queryParams={name:this.insuredOneName,id:this....

2019-03-28 10:20:28 4081

原创 vue v-for循环出多个select,select取值(select有默认选项)

<ul> <li v-for="item in list" > {{item.name}} <select @change="changea($event)"> <option value="" disabled selected>必选</option> ...

2019-03-21 14:04:57 15249 1

原创 css页面两栏布局

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;页面布局两栏&lt;/title&gt;&lt;/head&gt;&lt;style type="text/css"&gt; .box{

2019-03-01 11:05:42 131

原创 css页面三栏布局(5种)

三栏布局,高度100px,左右分别宽度300px,中间部分自适应&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;页面布局&lt;/title&gt;&lt;/head&gt;&lt;style type=&quot

2019-02-28 17:01:22 325

原创 css 毛玻璃效果

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;title&

2019-02-27 14:53:36 429

原创 微信小程序 单行文字上下滚动

index.wxml &lt;swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"&gt; &lt;block wx:for="{{msgList}}" wx:key=""&gt

2019-02-21 14:09:28 2778

原创 微信小程序 tab切换展示不同的内容

index.wxml&lt;view class='shopDetail-box'&gt; &lt;view class="tab-left" &gt; &lt;view class="{{tabArr.curHdIndex=='1'? 'active' : ''}}" id="1" data-id="1" bindtap="tab"&gt;人

2019-02-21 10:22:25 2774

原创 微信小程序 短信验证码倒计时

伸手拿...............................index.wxml&lt;view class='register-box'&gt; &lt;view class='register-title'&gt;欢迎注册员工福利平台&lt;/view&gt; &lt;view class='register-list'&gt; &lt;view class=...

2019-02-19 17:15:01 220

原创 微信小程序拖动滑块验证

index.wxml &lt;movable-area class="content" style="width:{{area_width}}%"&gt; 拖动滑块验证 &lt;movable-view class='box' style='width:{{box_width}}rpx' friction="{{100}}" direction="horizontal" x...

2019-02-19 17:07:15 3353 1

原创 通过身份证号获取出生日期和性别

export function IdCard(UUserCard, num) { // console.log(UUserCard) if(num == 1) { //获取出生日期 var birth = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.sub...

2019-02-02 13:50:24 1019

原创 校验身份证号码

自己封装的js,直接引用,放进vue里面需要export导入/** * 身份证校验算法 */ export function SFID(card) { var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:&

2019-02-02 13:49:09 299

原创 vue 点击进入一个页面,返回跳转到之前的位置

scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { if (from.meta.keepAlive) { from.meta.savedPosition = document.body.scrollTo...

2019-02-01 09:52:19 3643 2

原创 将日期1-1转化为01-01

str.replace(/\d+/g,function(a){return (a.length==4)?a:((a.length==2)?a:("0"+a))}) 

2019-01-28 16:54:23 2980

原创 mint-ui 时间范围,限制时间两个月

要求生效日期为次日零时起生效,最晚指定生效日期为从投保日算起的地60天&lt;span class="orange1" v-text="timeNow" @click="openPicker('picker')"&gt;&lt;/span&gt;&lt;div @touchmove.prevent&gt; &lt;mt-datetime-picker v-model=&quo

2019-01-28 16:51:46 1154

原创 vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容

template里面: &lt;!-- tab切换star --&gt; &lt;ul class="tab-list" :class="{fixTitle:whether}"&gt; &lt;li @click="curId=0" :class="{'cur':curId===0}"&gt;产品特点&lt;/li&gt;

2019-01-23 09:57:48 6258

原创 vue 获取当前日期的第二天

&lt;span v-text="timeNow"&gt;&lt;/span&gt;data里面:timeNow:''mounted里面: mounted:function(){ var myDate = new Date(); myDate.setDate(myDate.getDate() + 1); console.log(myDate.toLo...

2019-01-22 16:12:11 4162 2

原创 jQuery单行文字滚动

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text/css"&gt; .swiper_wr

2018-12-06 10:38:18 205

原创 css加载动画(四)

html代码:&lt;div id="preloader_6"&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt;&lt;/div&gt;css代码

2018-12-06 10:20:25 82

原创 css加载动画(三)

html代码: &lt;div id="preloader_3"&gt;&lt;/div&gt;css代码:#preloader_3 { position: relative;}#preloader_3:before { width: 20px; height: 20px; border-radius: 20px; background: blue; conte...

2018-12-06 10:18:34 79

原创 css加载动画(二)

htmll代码:&lt;div id="preloader_1"&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&

2018-12-06 10:16:38 85

原创 css 加载动画(一)

html代码:&lt;section&gt; &lt;div class="loader loader-1"&gt; &lt;div class="loader-outter"&gt;&lt;/div&gt; &lt;div class="loader-inner"&gt;&lt;/div&gt; &

2018-12-06 10:12:52 586

原创 vue 移动端仿hover事件

vue2.0的移动端的touch事件touch的开始事件是@touchstart,移动过程是@touchmove,结束事件是@touchend模仿hover效果,在PC端就是鼠标移入移出的效果,在移动端就是手指按下开始和结束的过程,上代码&lt;input class="immediately-btn" :class="{touchColor:whether}" type="...

2018-12-05 17:50:13 4589

原创 mint-ui toast提示窗

用mint-ui做了一个简单的项目,下面简单的总结一下toast三种提示窗:1.messagebox弹窗 this.$messagebox({ title: "温馨提示", message: "请选择续费银行", showConfirmButton: true });2.提示窗,定时关闭t...

2018-11-22 15:30:50 7481

原创 正则表达式

验证手机号:var reg=/^1[3456789]\d{9}$/;  验证中文名字:var reg = /^[\u4e00-\u9fa5]{2,4}$/;必须是2-4位中文字符验证邮箱:var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;银行账号:var reg=/^(\d{16}|d{17}...

2018-11-06 14:47:10 84

原创 select默认选项中颜色为灰色,选择后变黑色

一般select下拉框有一个默认的值'请选择',当时请选择的时候是灰色,选择了其他内容的时候变为黑色 var unSelected = "#999"; var selected = "#333"; $(function () { $("select").css("color", unSelected); $("option").css(".

2018-11-06 14:45:54 5563 5

原创 在vue中使用mint-ui的radio单选

&lt;mt-radio v-model="duration" :options= options align="right"&gt;&lt;/mt-radio&gt;align="right"表示单选在文字的右边,有left和right两个属性获取单选的value值和label值:watch:{ duration(newval,oldval){ for(va...

2018-11-06 14:42:02 3283

原创 vue 动态添加class

第一步:&lt;div class="noticePage" :class="{fixTitle:whether}"&gt;&lt;/div&gt;fixTitle是当达到某种条件时动态添加的class名,whether是判断是否第二步:在data里面 data(){ return{ whether:false } }第三步:在...

2018-10-10 11:56:30 4497

原创 vue获取当前点击对象的下标,和当前点击对象的内容

&lt;li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" &gt;{{item.title}}&lt;/li&gt;data里面声明:data() { return { tabList: [ { id: 0, title: "首页1" }, ...

2018-09-29 14:56:39 10754

原创 vue写一个简单的头部导航样式切换

&lt;template&gt; &lt;div class="tab-head"&gt; &lt;ul class="tab-list"&gt; &lt;li v-for="(item,index) in tabList" v-on:click="addClass(index)" v-bind:class="{ active:inde

2018-09-29 14:31:08 3752

原创 创建一个构造函数,什么是构造函数,构造函数有什么用

一直搞不懂什么是构造函数,为什么要用构造函数,构造函数有什么用,逃避这个问题,今天做了简单的总结:1.构造函数有什么用?当你需要大批量的写对象的时候,就需要用到构造函数,它可以方便创建多个对象的实例,并且创建的对象可以被标识为特定的类型,可以通过继承扩展代码2.构造函数的特点a:构造函数的首字母必须大写,用来区分于普通函数b:内部使用的this对象,来指向即将要生成的实例对象c...

2018-09-29 11:22:52 17426 1

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除