自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 html标签meta的作用

—修改网页的字符集、防止乱码,元素包含了文档的元(meta)数据,单标签 charset urf-8,如 定义网页编码格式为 utf-8#以下代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面<meta http-equiv="X-UA-Compatible" content="IE=Edge">...

2021-03-04 16:49:41 120 1

原创 如何让下拉文本居右

-webkit-appearance: none;direction: rtl;padding-right: 10px;

2021-03-04 16:47:47 222 1

原创 transform导致的Z-index完全失效

transform会导致下面的Z-index完全失效,目前是屏蔽调用

2021-03-04 16:47:14 492 1

原创 vue元素背景虚化loading

<div v-show="!tiJiaoSuo" style="background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;z-index: 200;left: 0;right: 0;" > <van-loading type="spinner" color="springgreen" style="margin:0 auto;position: fixed;left: 50%;top: 50.

2021-03-03 17:44:41 1341 1

原创 媒体查询---分辨率区间

@charset "utf-8";/* CSS Document *//*手机总体*/@media screen and (max-device-width: 1025px) { body{background:blue;}}/*pc总体*/@media screen and (min-device-width: 1026px) { body{background:red;}}/*5*/@media screen and (min-device-width: 300px)

2021-03-03 17:43:37 541 1

原创 CSS样式表初始化

CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法就是: * {padding: 0; margin: 0;}。有很多人也是这样写的。这确实很简单,但有人就会感到疑问:*号这样一个通用符在编写代码的时候是快,但如果网站很大,CSS样式表文件很大,这样写的话,他会把所有的标签都初始化一

2021-03-03 17:43:04 363 1

原创 函数:快速查找数组内的对象

//快速查找数组内的对象//arr:数组,//keys:定义对象属性,如,实际就是要查找obj[keys],text属性,//id:要查找的值,如,obj[keys]==id=='Two'?function getActIten(arr,keys,id){ arr.forEach(function(val, index) { Object.keys(val).forEach(function(key){ console.log(key,val[k

2021-03-03 17:40:05 502 1

原创 时间转化

function formatDate(now) { var year=now.getFullYear(); var month=now.getMonth()+1>=10?now.getMonth()+1:'0'+(now.getMonth()+1); var date=now.getDate()>=10?now.getDate():'0'+now.getDate(); var hour=now.getHours()&g.

2021-03-03 17:33:55 85 1

原创 字符串转数组,数组转字符串

string.split(’,’) 字符串转数组.toString() 数组转字符串

2021-03-03 17:33:24 131 1

原创 阻止冒泡

onclick="cancelUpload('+ids[i]+');event.cancelBubble=true;"

2021-03-03 17:32:53 158 1

原创 无地址牵扯数组赋值,对象赋值

idArr=idArr.slice(0);str=JSON.parse(JSON.stringify(str));let shortcuts = { attr1: 3, attr2: 4}let shortcuts2 = {}shortcuts2 = {...shortcuts}

2021-03-03 17:32:13 50 1

原创 file文件对象转base64-base64转file文件对象

fileToBase64(file){let that =this, reader = new FileReader(); reader.readAsDataURL(file); return new Promise((resolve,reject)=>{ reader.onload = function (e) { //这里是一个异步,所以获取数据不好获取在实际项目中,就用new Promise解决 if(this.result){ re

2021-03-03 17:31:52 691 2

原创 input自带时间插件

<input class="time_box" name="" type="date" :value='time' @input='setTime'>this.time = nowTime('nyrgang');setTime(e){ this.time = e.target.value;},

2021-03-03 17:31:07 812 1

原创 正则只能输入数字,且只有一个小数点,第一位不能为小数点,保留两位小数,为正数,的正则表达式

value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')

2021-02-25 11:58:13 1951 1

原创 ajax封装promis请求,原生

//promise封装Ajax// 创建ajax的四个步骤// 1.创建ajax对象var xhr = new XMLHttpRequest();// 兼容IE低版本浏览器xhr = new ActiveXObject('Microsoft.XMLHTTP');// 2,监听ajax状态变化xhr.onreadystatechange = function(){}// 3,建立服务器连接xhr.open('请求方式,请求路径,是否异步');// 4,发起请求xhr.send(null.

2021-02-24 16:14:26 58

原创 短路运算符&

&&且 &短路运算 ,可以全部条件都计算一遍

2021-02-24 16:13:13 150

原创 浏览器API,promise封装Ajax

//promise封装Ajax// 创建ajax的四个步骤// 1.创建ajax对象var xhr = new XMLHttpRequest();// 兼容IE低版本浏览器xhr = new ActiveXObject('Microsoft.XMLHTTP');// 2,监听ajax状态变化xhr.onreadystatechange = function(){}// 3,建立服务器连接xhr.open('请求方式,请求路径,是否异步');// 4,发起请求xhr.send(null.

2021-02-24 16:12:38 78

原创 常见的遍历方式

for(var i in dataObj){ if(!feiKongXiaoYan(dataObj[i],i)===true){ alert(feiKongXiaoYan(dataObj[i],falg)); this.tiJiaoSuo=true; return; }; falg++;}

2021-02-24 16:12:04 90

原创 网页常用属性,宽高等

clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。offsetHeight 获取对象相对于版面或由父坐标 offsetParent

2021-02-24 16:11:32 168

原创 数组和对象的遍历

对象的遍历1、使用Object.keys()遍历返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).var obj = {'0':'a','1':'b','2':'c'};Object.keys(obj).forEach(function(key){console.log(key); console.log(key,obj[key]);});2、使用for…in…遍历循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).var obj =

2021-02-24 15:40:47 332

原创 jq html()后进行回调

jq渲染页面后 进行回调操作$('#pp_info').html('文本').promise().done(function(){ $('#payment').submit();});

2021-02-24 15:31:19 622

原创 计算程序执行的花费时间

console.log(time); console.timeEnd(time); 计算程序执行的花费时间

2021-02-24 15:28:58 400

原创 页面跳转的几种方式

一:javascript的跳转1.直接跳转:window.location.href<script language="javascript" type="text/javascript"> window.location.href="login.html?backurl="+window.location.href; //或者 window.location.href='http://www.baidu.com';</script>2.回到上一层页

2021-02-24 15:27:24 7187

原创 阻止冒泡

阻止冒泡οnclick=“cancelUpload(’+ids[i]+’);event.cancelBubble=true;”

2021-02-24 15:22:19 39

空空如也

空空如也

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

TA关注的人

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