- 博客(114)
- 收藏
- 关注
RSS订阅原创 通过身份证号获取出生日期和性别
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
2146
原创 校验身份证号码
自己封装的js,直接引用,放进vue里面需要export导入/** * 身份证校验算法 */ export function SFID(card) { var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:&
2019-02-02 13:49:09
803
原创 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
5133
3
原创 将日期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
4482
原创 mint-ui 时间范围,限制时间两个月
要求生效日期为次日零时起生效,最晚指定生效日期为从投保日算起的地60天<span class="orange1" v-text="timeNow" @click="openPicker('picker')"></span><div @touchmove.prevent> <mt-datetime-picker v-model=&quo
2019-01-28 16:51:46
1643
原创 vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容
template里面: <!-- tab切换star --> <ul class="tab-list" :class="{fixTitle:whether}"> <li @click="curId=0" :class="{'cur':curId===0}">产品特点</li>
2019-01-23 09:57:48
8508
原创 vue 获取当前日期的第二天
<span v-text="timeNow"></span>data里面:timeNow:''mounted里面: mounted:function(){ var myDate = new Date(); myDate.setDate(myDate.getDate() + 1); console.log(myDate.toLo...
2019-01-22 16:12:11
5968
2
原创 jQuery单行文字滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .swiper_wr
2018-12-06 10:38:18
759
原创 css加载动画(四)
html代码:<div id="preloader_6"> <span></span> <span></span> <span></span> <span></span></div>css代码
2018-12-06 10:20:25
253
原创 css加载动画(三)
html代码: <div id="preloader_3"></div>css代码:#preloader_3 { position: relative;}#preloader_3:before { width: 20px; height: 20px; border-radius: 20px; background: blue; conte...
2018-12-06 10:18:34
249
原创 css加载动画(二)
htmll代码:<div id="preloader_1"> <span></span> <span></span> <span></span> <span></span> <span>&
2018-12-06 10:16:38
265
原创 css 加载动画(一)
html代码:<section> <div class="loader loader-1"> <div class="loader-outter"></div> <div class="loader-inner"></div> &
2018-12-06 10:12:52
894
原创 vue 移动端仿hover事件
vue2.0的移动端的touch事件touch的开始事件是@touchstart，移动过程是@touchmove,结束事件是@touchend模仿hover效果,在PC端就是鼠标移入移出的效果,在移动端就是手指按下开始和结束的过程,上代码<input class="immediately-btn" :class="{touchColor:whether}" type="...
2018-12-05 17:50:13
6361
1
原创 mint-ui toast提示窗
用mint-ui做了一个简单的项目,下面简单的总结一下toast三种提示窗:1.messagebox弹窗 this.$messagebox({ title: "温馨提示", message: "请选择续费银行", showConfirmButton: true });2.提示窗,定时关闭t...
2018-11-22 15:30:50
8479
原创 正则表达式
验证手机号：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
348
原创 select默认选项中颜色为灰色，选择后变黑色
一般select下拉框有一个默认的值'请选择',当时请选择的时候是灰色,选择了其他内容的时候变为黑色 var unSelected = "#999"; var selected = "#333"; $(function () { $("select").css("color", unSelected); $("option").css(".
2018-11-06 14:45:54
7952
2
原创 在vue中使用mint-ui的radio单选
<mt-radio v-model="duration" :options= options align="right"></mt-radio>align="right"表示单选在文字的右边,有left和right两个属性获取单选的value值和label值:watch:{ duration(newval,oldval){ for(va...
2018-11-06 14:42:02
3993
原创 vue 动态添加class
第一步：<div class="noticePage" :class="{fixTitle:whether}"></div>fixTitle是当达到某种条件时动态添加的class名，whether是判断是否第二步：在data里面 data(){ return{ whether:false } }第三步：在...
2018-10-10 11:56:30
5310
原创 vue获取当前点击对象的下标，和当前点击对象的内容
<li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li>data里面声明：data() { return { tabList: [ { id: 0, title: "首页1" }, ...
2018-09-29 14:56:39
15543
原创 vue写一个简单的头部导航样式切换
<template> <div class="tab-head"> <ul class="tab-list"> <li v-for="(item,index) in tabList" v-on:click="addClass(index)" v-bind:class="{ active:inde
2018-09-29 14:31:08
4781
原创 创建一个构造函数，什么是构造函数，构造函数有什么用
一直搞不懂什么是构造函数，为什么要用构造函数，构造函数有什么用，逃避这个问题，今天做了简单的总结：1.构造函数有什么用？当你需要大批量的写对象的时候，就需要用到构造函数，它可以方便创建多个对象的实例，并且创建的对象可以被标识为特定的类型，可以通过继承扩展代码2.构造函数的特点a:构造函数的首字母必须大写，用来区分于普通函数b:内部使用的this对象，来指向即将要生成的实例对象c...
2018-09-29 11:22:52
23225
1
原创 element-ui的el-select下拉框获取值
<el-form ref="form" :model="form" style="width:300px;margin:0 auto;"> <el-form-item label="名字"> <el-select @change="selectGet" v-model="form.region
2018-09-28 14:15:56
25596
2
原创 element-ui的el-date-picker组件获取值
第一种直接获取中国标准时间： <div class="block"> <span class="demonstration">选择日期</span> <el-date-picker @change="selectTime" v-model="value1"
2018-09-28 13:58:22
23552
4
原创 vue kepp-alive实践总结
HelloWorld跳转到pageTwo页面，然后返回HelloWorld页面时想要保存之前操作的状态，首先要在App.vue中用<keep-alive></keep-alive>将内容包起来，然后在router.js中设置...
2018-09-27 16:11:12
677
原创 vue select默认有选中状态的内容
<select name="" id="" v-model="selected" @change="changeIndex(indexs)"> <option v-for="(item, index) in lists" :key="index" :value="getText(item,index)" :indexs
2018-09-27 10:47:09
3853
原创 json_decode， json_encode，JSON.parse，JSON.stringify，eval
*json_decode(json格式的字符串，可选bool)把json字符串转为json，如果第二个参数加true，则返回一个关联数组 * json_encode(json对象)把json对象转为json字符串 * JSON.parse(text:必需， 一个有效的 JSON 字符串,reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。)将json字符串转化...
2018-09-26 11:17:51
1305
1
原创 输入框获得焦点边框变颜色，失去焦点变颜色，输入框内有值变颜色
$('.pcblogin-inp') .focus(function() { $(this).css({ 'border': '1px solid #14C58E', 'background': '#fff' }); }) .blur(function() { $(this).css('border', '1px solid #CDCDCD...
2018-09-26 11:15:57
7409
原创 js判断终端是移动端还是pc端
<!doctype html><html> <meta charset="utf-8" /> <head> <title>web1</title> </head> <body> <
2018-09-26 11:09:28
550
原创 解决VUE路由跳转到第二页位置不在顶部问题
scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }}
2018-09-26 11:06:29
3110
原创 vue mint-ui 的弹窗
this.$messagebox({ title: '温馨提示', message: '订单支付成功', showCancelButton: true, confirmButtonText:"继续购物", cancelButtonText:"查看订单" }).then(action...
2018-09-26 11:04:13
2675
原创 vue输入框禁止输入，字体颜色被覆盖问题
input[disabled],input:disabled,input.disabled{ color: #999; -webkit-text-fill-color:#999; -webkit-opacity:1; opacity: 1; }
2018-09-26 11:03:22
2535
原创 vue输入框限制字数，达到100字禁止输入
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</t
2018-09-26 11:02:30
10837
3
原创 vue项目打包在本地直接访问
1.打开项目文件夹。找到config文件夹里的index.js文件中的build对象，将assetsPublicPath中的“/”，改为“./”。 2.router文件下面的index.js路由配置文件不要配置mode: "history"（不用配置这个属性） 3.修改config里面的index.js里面的productionSourceMap为false,默认情况是true（t...
2018-09-26 10:53:02
11670
原创 vue的mouseover 不起作用
mouseover 类似hover，鼠标移入移出显示隐藏@mouseover="toggleShow()"和@mouseout="toggleShow()"不起作用，改为@mouseover.native="toggleShow()" 和@mouseout.native="toggleShow()"
2018-09-25 15:35:59
18069
原创 微信小程序快捷创建一个新的文件夹里面包含wxml，wxss，json，js
在app.json里面的pages里直接写入你需要创建文件的名字，就可以直接在目录里面生成没写入之前：写入之后：写入直接按ctrl+s保存自动生成四个文件...
2018-09-11 16:26:37
5591
4
原创 微信小程序路由跳转问题
学习小程序一周的时间总结一下遇到的点击跳转问题：1.wx.navigateTo 父子之间的跳转（跳转到第二个页面会显示回退的按钮）wx.navigateTo({ url: '../posts/posts'});2.wx.redirectTo 两个页面之间的平行跳转（属于页面关闭，卸载，跳转到第二个页面不会显示回退按钮）wx.redirectTo({ url: '../...
2018-09-11 16:08:33
2037
原创 图片跟随鼠标移动
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body { font-family: "宋体";} li { float: l
2018-07-20 15:33:05
402
原创 点击按钮定位锚点
html代码：<div class="Btn4" id="Btn1_Buy">点击定位</div><div class="vnSixBox clearfix" id="vnSixBox"> 定位到的位置 <img src="http://www.jq22.com/img/cs/500x500-1.
2018-07-19 10:08:10
1742
原创 ionic（下拉框问题）
最近在改ionic框架，刚开始是在谷歌手机模式调试的时候，select下拉框点不开，无法选值，检查看了看不是没有值，是下拉框的位置发生了改变，造成错觉一直以为下拉框打不开，解决办法是在select最外层的div上加data-tap-disabled="true"，并且ionic的版本必须是1.3.2以上的，最后我们选择升级版本，升级版本有可能导致之前的页面受影响，所以可以在新版本的文件名上加上版本...
2018-07-13 15:23:02
2242
1
原创 vue---------toggle class切换单选多选class切换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .app { width: 300px; margi
2018-07-03 11:10:40
1249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人