笔记
XXYsunlight
这个作者很懒,什么都没留下…
展开
-
点击事件因为冒泡重复使用
$('.dj_an').click(function () { if($(this).attr("xs") == "0"){ alert("开始添加图标"); $(this).attr("xs",1); ...原创 2020-04-20 15:29:07 · 172 阅读 · 0 评论 -
位置、滚动条、大小
clientLeft,clientTop:表示内容区域的左上角相对于整个元素左上角的位置(包括边框)。(取决于边框的像数值?)clientWidth,clientHeight:内容区域的宽高,不包括边框宽度值。offsetLeft,offsetTop:相对于最近的祖先定位元素。offsetParent:某元素的父元素 例如:this.offsetParent.tagName.to...转载 2018-09-17 15:42:06 · 742 阅读 · 0 评论 -
h5微网页滑动
function da() { /*知道手指滑动*/ var startx, starty; //获得角度 function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI; }; //...转载 2018-10-09 14:54:18 · 404 阅读 · 0 评论 -
拖拽 缩放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #da{ width:30原创 2018-10-17 13:49:54 · 221 阅读 · 0 评论 -
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 · 218 阅读 · 0 评论 -
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 · 129 阅读 · 0 评论 -
npm 报 黄 WARN
首先运行npm init,然后再执行install原创 2019-04-12 14:31:25 · 3050 阅读 · 0 评论 -
jq点击事件无效这样弄
好久没有用jq 点击事件不知道怎么on click办法用了都无效 赶时间没有办法这样子可以了 回去研究下哪里出错了还就不信邪了;$('#who_top>div').each(function(index){ $(this).on('click',function(){ console.log(this) })})...原创 2019-04-22 15:57:41 · 1670 阅读 · 0 评论 -
时间
获取时间戳1:vartimestamp=Date.parse(newDate());2:vartimestamp=(newDate()).valueOf();3:vartimestamp=newDate().getTime();第一种:获取的时间戳是把毫秒改成000显示,第二种和第三种是获取了当前毫秒的时间戳。timestamp.toLocaleDa...原创 2019-05-07 10:35:19 · 127 阅读 · 0 评论 -
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 · 9316 阅读 · 0 评论 -
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 · 812 阅读 · 0 评论 -
returnal continue :
return:返回,官方定义return语句将终止当前函数并返回当前函数的值;1.定义而写了return语句后,直接中断了函数,并且给函数返回了一个参数,意思就是当函数执行后,函数体将被赋值为函数的返回值,这里会被返回;2.写法官方定义return后面可以跟一个value,也就是说可以跟javascript中的任何数据类型,数字,字符串,对象等,当然也可是再返回一个函数return false:...原创 2018-05-14 15:37:16 · 240 阅读 · 0 评论 -
js事件 绑定
DOM3级事件中定义了9个鼠标事件。mousedown:鼠标按钮被按下(左键或者右键)时触发。不能通过键盘触发。 mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。 click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要,意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。 dblclick:双击鼠标左键时触发。 mouseover:鼠标移入...原创 2018-05-14 16:14:15 · 179 阅读 · 0 评论 -
响应式布局 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 · 5051 阅读 · 0 评论 -
居中
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 · 202 阅读 · 0 评论 -
循环绑定事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <button class="btn">btn0</button&a转载 2018-05-31 12:06:23 · 192 阅读 · 0 评论 -
添加删除javascript
push()逐个添加到数组的末尾,并返回修改后数组的长度。pop()方法删除数组的最后一个元素,返回它被删除元素的值,如果数组变为空,则该方法不改变数组,返回undefine值。unshift()方法是向数组的开头添加一个或多个元素,并且返回新的长度。shift()把数组的第一个元素从其中删除,返回被删除的值。如果数组是空的,shift()方法将不进行任何操作,返回undefined的值。...原创 2018-06-19 10:38:42 · 543 阅读 · 0 评论 -
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 · 272 阅读 · 0 评论 -
localStorage
localStorage的局限1、浏览器的大小不统一,并且在IE8以上的IE版本才支持localStorage这个属性2、目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换3、localStorage在浏览器的隐私模式下面是不可读取的4、localStorage本质上是对字符串的读取,如果存储内容多...原创 2018-08-15 10:27:16 · 2049 阅读 · 0 评论 -
笔记:JS设置CSS样式的几种方式
用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性(只能用于某些属...转载 2018-05-11 10:29:26 · 244 阅读 · 0 评论