- 博客(19)
- 收藏
- 关注
原创 ElementUI使用rules点击按钮校验表单和单独校验某个表单元素
一、校验rules中所有元素写在 data 中验证表单内容<!-- 表单 --><el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px"> <el-form-item label="用户名称:" prop="userName"> <el-input v-model="rulesForm.userName" style="wi
2022-04-08 14:58:42 6290 1
原创 三目运算符在html中的使用
<tr v-for="(item,key) in arr_one"> <td v-html="item.unitName==''?'暂无数据':arr">{{item.unitName}}</td> <td>{{item.itemName}}</td> <td> <button class="btn" @click="zhengchang">正常</button>
2020-05-12 11:16:22 8070
转载 CSS书写规范、顺序和命名规则
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(anima...
2019-07-22 14:23:55 319
转载 Jquery中时间与时间戳之间的转换
使用前先引入Jquery:$($.extend({myTime: {/*** 当前时间戳* @return unix时间戳(秒)/CurTime: function(){return Date.parse(new Date())/1000;},/** 日期 转换为 Unix时间戳* @param 2014-01-01 20:20:20 日期格式* @retur...
2019-07-18 10:15:57 1552
转载 js获取url参数值的两种方式
js获取url参数值的两种方式方式一: function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); //获...
2019-06-03 14:20:47 36703
转载 $().click()和$(document).on('click','要选择的元素',function(){})的不同
jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式。就拿 $().click()和$(document).on(‘click’,‘要选择的元素’,function(){})来说,都是点击事件的操作,但是也有不同的地方。 1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选...
2019-05-28 14:59:03 3745
原创 识别移动设置访问更改样式
var ua = window.navigator.userAgent; if (/Mobile|iP(hone|ad)|Android|BlackBerry|IEMobile/.test(ua)) { var head = document.getElementsByTagName('head')[0]; var link = document.createEl...
2019-05-28 11:51:12 122
转载 less的一些用法整理
前提理解:第一个,less是单独的一种文件,可以理解为css的升级版,完全按照css写也没问题,不过它提供了很多便利的东西,可以省好多代码量。第二个,html只认css,所以需要配套一些软件将less解析成css,引用时候,直接引用css就好。gulp,koala 都是常用的,Koala好像简单且方便一点。嵌套less的优势有很多,最常用也是最让人舒坦的应该就是它的嵌套规则。 我们写...
2019-05-09 11:06:50 775
转载 less
vue中使用less我们需要下载less对应的依赖包第一步:安装less依赖,npm install less less-loader --save第二步:修改build.js/vue-loader.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加loader:"style-loader!css-loader!less-lader...
2019-05-09 10:31:46 246
转载 jQuery停止动画——stop()方法的使用
很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况,此时stop()就派上用场了。stop()方法的语法结构为:stop([clearQueue],[gotoEnd]);参数clearQueue和gotoEnd都是可选参数,为Boolean值(true或false)。clearQue...
2019-05-06 17:39:15 2253
原创 正则
手机号:var regTel = /^1[3-9]\d{9}$/;邮箱:var mailReg = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;验证:if (!regTel.test(phone)) { layer.open({ content: '请填写正确的手机号' ,sk...
2019-03-21 18:31:14 80
原创 layer弹层的轻便使用
1.下载2.只用引用layer.js3.使用:layer.open({ content: '弹出的文字内容' ,skin: 'msg' ,time: 1 });...
2019-03-21 18:23:34 136
原创 H5中rem的使用
<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = ...
2019-03-21 18:14:02 694
原创 倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><body> <span class="timespan"></span><...
2019-03-21 18:08:28 197
转载 百度分享
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>百度分享</title></head><body> <div class="bdsharebuttonbox"> ...
2019-03-21 18:06:53 107
转载 jQuery轮播图
<!doctype html><html><head><meta charset="utf-8"><title>最简单的jQuery轮播图-jq22.com</title><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"><...
2019-03-21 18:05:11 189
原创 基于node.js的gulp压缩 js css文件
1、安装nodejs2、cmd下进入到nodejs目录3、全局下利用npm安装gulp 命令:npm install -g gulp4、项目中安装gulp包 命令:npm install gulp --save-dev5、下载gulp合并插件 命令:npm install gulp-concat --save-dev6、 下载gulp压缩插件 命令:npm instal...
2019-03-21 18:00:16 186
转载 jquery 判断所选时间(或者当前时间)是否在某一时间段的实现代码
var time_range = function (beginTime, endTime, nowTime) {var strb = beginTime.split (":");if (strb.length != 2) {return false;}var stre = endTime.split (":");...
2019-03-21 17:52:40 3696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人