自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 6271 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 8059

转载 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 36683

转载 $().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 2252

原创 正则

手机号: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 693

原创 倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><body> <span class="timespan"></span><...

2019-03-21 18:08:28 196

转载 百度分享

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>百度分享</title></head><body> <div class="bdsharebuttonbox"> ...

2019-03-21 18:06:53 106

转载 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 185

转载 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 3695

转载 清除input输入框的历史记录

<input id="vhcl_no" type="text" autocomplete="off">

2019-03-21 17:49:10 2779 1

空空如也

空空如也

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

TA关注的人

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