- 博客(42)
- 收藏
- 关注
RSS订阅原创 解决change触发事件只执行一次
$(document).off(‘change’,’#logo_name’).on(‘change’,’#logo_name’,function(){alert(“ok”);});on是绑定了结点，off是将结点移除，移除完之后在重新绑定，这样就可以解决了change执行一次的问题
2021-09-06 15:20:35
1416
1
原创 原生alert确定取消按钮
var con; con=confirm( "你喜欢玫瑰花么?" ); //在页面上弹出对话框 if (con== true )console.log( "非常喜欢!" ); else console.log( "不喜欢!" );
2021-09-02 16:59:46
2520
原创 数组分组显示数组
for(var i=0,len=dt.data.length;i<len;i+=5) { so_2.push(dt.data.slice(i, i + 5)); }
2021-05-08 17:03:59
217
原创 数组去重去空
function unique (arr) { return Array.from(new Set(arr)) } var qcjg=unique(hgdw_user.split(",")); var qc_s0=qcjg.filter(function (el) { return el !== ''; });
2021-03-12 10:45:13
378
原创 svg水波动画
<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="css/style.css"></head><body><div class="header"> <div> <div style="h.
2020-09-03 13:54:09
899
原创 点击事件因为冒泡重复使用
$('.dj_an').click(function () { if($(this).attr("xs") == "0"){ alert("开始添加图标"); $(this).attr("xs",1); ...
2020-04-20 15:29:07
186
转载 百度地图显示某区域其他掩盖
var map = new BMap.Map("map_container"); var cityName = '浙江省'; map.centerAndZoom(cityName, 8); // 初始化地图,设置中心点坐标和地图级别。 map.addControl(new BMap.ScaleControl()); ...
2020-04-17 20:22:57
1335
原创 link和@import区别闲谈
一直一来对于@import的用处一直都是比较模糊的认知，今天就闲看了下；总结：查阅后感觉还是用link比较好 对的 就是这样；避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。差不多意思就是这样；1：link的属性是HTML提供的标签，不仅可以加载 CSS 文件，还可以使用属性。（想想还是不错的）（@import就不一样...
2019-12-09 10:55:18
251
转载 vue 项目脚手架搭建的时候老师报错vue-cli . Failed to download repo vuejs-templates/webpack:unable to verify the fir
我就想骂人了，网上就找到很多都这样解决的解决方法① 取消ssl验证：npm config set strict-ssl false如果还没成功，则将npm源更换为国内镜像：npm config set registryhttp://registry.npm.taobao.org/npm config set registryhttp://registry.cnpmjs.o...
2019-10-21 15:29:41
1442
4
原创 判断ios还是Android
<script> //判断ios还是Android var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.mat...
2019-09-29 16:55:36
233
原创 外用文字的添加
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> @font-face { font-family:yj; ...
2019-09-19 11:28:01
129
转载 纯css 加载代码
<style> body { background-color: #f1f1f1; min-height: 100vh; display: flex; flex-wrap: wrap; justify-content: space-a...
2019-07-26 11:50:21
433
原创 js 移动端 下载 doc文件
一：这种情况的话安卓会打开浏览器下载该文件，苹果的会打开页面<a href=javascript:downloadfile("url.value") style="color: #007aff">文件.doc</a>function downloadfile(hrefurl) { var url= hrefurl; var agent = ...
2019-07-22 11:31:31
9398
原创 时间
获取时间戳1：vartimestamp=Date.parse(newDate());2：vartimestamp=(newDate()).valueOf();3：vartimestamp=newDate().getTime()；第一种：获取的时间戳是把毫秒改成000显示，第二种和第三种是获取了当前毫秒的时间戳。timestamp.toLocaleDa...
2019-05-07 10:35:19
152
原创 jq点击事件无效这样弄
好久没有用jq 点击事件不知道怎么on click办法用了都无效 赶时间没有办法这样子可以了 回去研究下哪里出错了还就不信邪了；$('#who_top>div').each(function(index){ $(this).on('click',function(){ console.log(this) })})...
2019-04-22 15:57:41
1698
原创 WebSocket
var Socket = new WebSocket(url, [protocol] );url, 指定连接的 URL。第二个参数 protocol 是可选的，指定了可接受的子协议。open Socket.onopen 发送数据中 使用 send() 方法发送数据 ws.send("发送数据"); message Socket.onmessage ...
2019-02-19 12:01:41
159
原创 ie8下问题
学习素材==》https://www.cnblogs.com/jesse131/p/5441199.html浏览器兼容-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */-webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */-o- /* Opera浏览器(早期) */-ms- /* Internet Ex...
2018-12-03 10:01:35
250
原创 拖拽 缩放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #da{ width:30
2018-10-17 13:49:54
246
转载 h5微网页滑动
function da() { /*知道手指滑动*/ var startx, starty; //获得角度 function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI; }; //...
2018-10-09 14:54:18
430
转载 位置、滚动条、大小
clientLeft,clientTop:表示内容区域的左上角相对于整个元素左上角的位置（包括边框）。(取决于边框的像数值？)clientWidth,clientHeight:内容区域的宽高，不包括边框宽度值。offsetLeft,offsetTop:相对于最近的祖先定位元素。offsetParent:某元素的父元素 例如：this.offsetParent.tagName.to...
2018-09-17 15:42:06
801
转载 js 去掉浏览器右击默认事件
1.整个页面所有的右击事件document.oncontextmenu = function(){ return false;} 2.特定的区域document.getElementById("test").oncontextmenu = function(e){ return false;} 3.去掉后可以给喜欢区块加特定的事件js:document....
2018-09-17 11:06:06
840
原创 localStorage
localStorage的局限1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换3、localStorage在浏览器的隐私模式下面是不可读取的4、localStorage本质上是对字符串的读取，如果存储内容多...
2018-08-15 10:27:16
2083
原创 px、em、rem区别介绍
PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点：1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为...
2018-06-20 16:05:39
309
原创 添加删除javascript
push()逐个添加到数组的末尾，并返回修改后数组的长度。pop()方法删除数组的最后一个元素，返回它被删除元素的值，如果数组变为空，则该方法不改变数组，返回undefine值。unshift()方法是向数组的开头添加一个或多个元素，并且返回新的长度。shift()把数组的第一个元素从其中删除，返回被删除的值。如果数组是空的，shift()方法将不进行任何操作，返回undefined的值。...
2018-06-19 10:38:42
563
转载 循环绑定事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <button class="btn">btn0</button&a
2018-05-31 12:06:23
213
原创 居中
position: fixed;z-index: 99;top:50%;left: 50%;translateY(-50%);translateX(-50%)垂直居中：align-items:center; display: -webkit-flex;水平居中：justify-content:center; display: -webkit-flex;...
2018-05-31 10:49:43
232
转载 响应式布局 meta详解
响应式布局详解之head标签添加的属性详解<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">表示:设置屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。<meta http-eq...
2018-05-23 22:27:16
5192
原创 js事件 绑定
DOM3级事件中定义了9个鼠标事件。mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。 mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。 click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。 dblclick:双击鼠标左键时触发。 mouseover:鼠标移入...
2018-05-14 16:14:15
207
原创 returnal continue :
return:返回，官方定义return语句将终止当前函数并返回当前函数的值;1.定义而写了return语句后，直接中断了函数，并且给函数返回了一个参数，意思就是当函数执行后，函数体将被赋值为函数的返回值，这里会被返回；2.写法官方定义return后面可以跟一个value，也就是说可以跟javascript中的任何数据类型，数字，字符串，对象等，当然也可是再返回一个函数return false:...
2018-05-14 15:37:16
299
转载 笔记：JS设置CSS样式的几种方式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性（只能用于某些属...
2018-05-11 10:29:26
275
转载 ajax 报错打印
最近在折腾项目写接口的时候碰到了json出错的问题，开启了报错后控制台提示是Unexpected token < in JSON at position……顺便介绍一下Ajax请求出错后提示报错信息：error:function(jqXHR,textStatus,errorThrown) {console.log(jqXHR);console.log(textStatus);console...
2018-05-09 15:56:41
3400
转载 laydate时间常用
laydate(options); options是一个对象，它包含了以下key: '默认值' elem: '#id', //需显示日期的元素选择器 event: 'click', //触发事件 format: 'YYYY-MM-DD hh:mm:ss', //日期格式 istime: false, //是否开启时间选择 ...
2018-05-08 11:57:24
754
原创 问题：push replace +=
push():是对数组进行最后的追加；replace:实现的是字符串和字符串间的替换；有两个参数（正则你要替换的字符，替换成什么） 数字：^[0-9]*$ 汉字：^[\u4e00-\u9fa5]{0,}$ 英文：^[A-Za-z0-9]+$ 由26个英文字母组成的字符串：^[A-Za-z]+$ Emai...
2018-05-04 12:02:35
232
转载 从数据库获取数据动态加载给echarts饼图
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><script type="text/javascript" src="js/echarts.js">
2018-05-03 15:56:10
4493
转载 js或jquery获取父级、子级、兄弟元素
原生javascript方法：var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点； var c = a.parentNode; //获取a的父节点； var d = a.nextSibling; //获取a的下一个...
2018-05-03 11:04:56
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人