- 博客(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 129 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 1362 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 560 1
原创 CSS样式表初始化
CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。最简单的初始化方法就是: * {padding: 0; margin: 0;}。有很多人也是这样写的。这确实很简单,但有人就会感到疑问:*号这样一个通用符在编写代码的时候是快,但如果网站很大,CSS样式表文件很大,这样写的话,他会把所有的标签都初始化一
2021-03-03 17:43:04 382 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 513 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 95 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 55 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 709 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 829 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 1999 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 62
原创 浏览器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 86
原创 常见的遍历方式
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 98
原创 网页常用属性,宽高等
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。clientWidth 获取对象的宽度,不计算任何边距、边框、滚动条,但包括该对象的补白。offsetHeight 获取对象相对于版面或由父坐标 offsetParent
2021-02-24 16:11:32 180
原创 数组和对象的遍历
对象的遍历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 342
原创 jq html()后进行回调
jq渲染页面后 进行回调操作$('#pp_info').html('文本').promise().done(function(){ $('#payment').submit();});
2021-02-24 15:31:19 647
原创 页面跳转的几种方式
一: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 7204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人