我是一条有梦想的咸鱼

随笔分类 -  Js学习之路

上一页 1 2 3 下一页
学习的一个过程
当节点结构变化的时候要重新获取 不然之前的变量还是以前的节点结构
摘要：function $$(name){ return document.querySelectorAll(name); } var list=$$(".message ul li"); var ul=list[0].parentNode; var len=list.length; function s 阅读全文
posted @ 2018-07-31 17:02 帅哥天下9 阅读(203) 评论(0) 推荐(0)
移动端开发鼠标点击移动的时候整个界面都在动的解决方法
摘要：不知道你们遇没遇到过这个问题 就是当你给一个元素 添加touchstart touchmove touchend 的时候 比如box 并且子元素box有被父元素overflow隐藏的部分 父元素高度 500px 子元素高度 1500px 当你鼠标没有在子元素上点击 移动 松开鼠标 （向上拉的时候） 阅读全文
posted @ 2018-07-30 15:12 帅哥天下9 阅读(712) 评论(0) 推荐(0)
如何让浮动的元素换行？？css
摘要：当你想要做成这种布局效果的时候 紫色框里面的内容那样 它是一个列表 li元素是块级元素 默认大小是父元素ul的宽 并且换行 如果li没有背景的话那就不用管了 可是问题来了它不但有背景 而且是根据文字自适应的宽高 这就是inline-block类型的功能了 那么想让li是inline-block 设置 阅读全文
posted @ 2018-07-30 13:49 帅哥天下9 阅读(6060) 评论(0) 推荐(0)
addEventListener 的一些好方法 简单粗暴的说给你
摘要：function show(){ document.addEventListener("click",fn,{ "passive":false, "capture":false, "once":true }); "passive" 就是告诉浏览器 我可不可以用 stopPropagation 在执行 阅读全文
posted @ 2018-07-28 20:05 帅哥天下9 阅读(777) 评论(0) 推荐(0)
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
摘要：相信如果用谷歌浏览器做移动端页面的时候 用touch事件的时候应该遇到过这个东东吧 documet.addEventListener("touchstart",function(){ console.log(123); }); [Violation] Added non-passive event 阅读全文
posted @ 2018-07-27 21:26 帅哥天下9 阅读(12827) 评论(1) 推荐(0)
重新理解闭包
摘要：闭包这个概念 自我几个月前开始学习JS开始 我就一直困惑 之前也有所理解 但是后来长时间不用就给忘记了 闭包:通俗的讲 大多数人所接受的就是 一个函数有权利使用另一个函数里的局部变量 我看到了很多的不同之处 用最简单的代码表示 很符合概念 我觉得闭包就是在体现作用域 inner 函数实在 out 函 阅读全文
posted @ 2018-07-18 11:23 帅哥天下9 阅读(339) 评论(0) 推荐(0)
定时器里面的作用域问题
摘要：我当时就想咋回事呢 明明函数是定义在Animation里面的 方法也是由它调用的 所以this应该指向的是Animation呀 于是乎我就继续往下看 看打了 奥,明白了 setTimeout 和 setInterval 一般都是这么写 timer=setTimeout(function(){},10 阅读全文
posted @ 2018-07-14 15:30 帅哥天下9 阅读(765) 评论(0) 推荐(0)
事件冒泡 比bubble
摘要：冒泡的概念就是 当子元素触发事件的时候 相应的祖宗十八代素也会触发相同的事件(前提父元素也添加了一样的事件)eg:儿子 有一个onclick 祖宗十八代 也有onclick 当点击儿子的时候 祖宗十八代的点击事件也会被触发 有时候这种情况会导致很多问题 所以要阻止冒泡 只有被点击的元素才触发事件 不是所有的事件都会冒泡 onblur onfocus onload ... 阅读全文
posted @ 2018-07-13 19:41 帅哥天下9 阅读(234) 评论(0) 推荐(0)
刚开始写的响应式 以后肯定更好的
摘要：响应式 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 ... 阅读全文
posted @ 2018-07-13 15:03 帅哥天下9 阅读(276) 评论(0) 推荐(0)
封装scroll.js 获取滚动条的值
摘要：function Obj(){} Obj.prototype={ scroll:function(){ /* 主要是做兼容处理 这里必须时!=null 因为默认值和每次滚动的时侯 都可以值为0 但是 if(0)为假 所以就只要不为null 就执行 ... 阅读全文
posted @ 2018-07-13 14:56 帅哥天下9 阅读(1240) 评论(0) 推荐(0)
仿querySeletor 兼容IE 67
摘要：仿Jquery查询 阅读全文
posted @ 2018-07-13 14:27 帅哥天下9 阅读(294) 评论(0) 推荐(0)
鼠标移动 登陆框跟随
摘要：鼠标移动 登陆框跟随 注册登陆 注册信息 (可以拖拽) 【关闭】 阅读全文
posted @ 2018-07-11 17:03 帅哥天下9 阅读(383) 评论(0) 推荐(0)
div模拟selection标签 下拉列表
摘要：垂直滚动条 --> 帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9 帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9帅哥天下9 帅哥天下9帅哥天下9帅哥天下9帅哥天... 阅读全文
posted @ 2018-07-11 16:59 帅哥天下9 阅读(1276) 评论(0) 推荐(0)
清除选中的内容 防止选择拖动
摘要：水平滚动条 0px 进度:0% 小伙伴们可以测试一下 有时候鼠标抬起的时候 它还是会执行mousemove所操作的事情导致抬起鼠标 移动鼠标 进度变化想要解决这个Bug 就需要清除选中的内容 window.getSelection?window.ge... 阅读全文
posted @ 2018-07-11 10:15 帅哥天下9 阅读(338) 评论(0) 推荐(0)
offset大家族(一)
摘要：offset大家族 阅读全文
posted @ 2018-07-09 00:08 帅哥天下9 阅读(279) 评论(0) 推荐(0)
清除浮动
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name=" 阅读全文
posted @ 2018-07-07 18:18 帅哥天下9 阅读(263) 评论(0) 推荐(0)
块级元素水平居中的问题
摘要：块级元素居中问题 定宽块级元素水平居中 不定宽块级元素水平居中 不定宽块级元素水平居中 不定宽块级元素水平居中 ... 阅读全文
posted @ 2018-07-07 16:27 帅哥天下9 阅读(331) 评论(0) 推荐(0)
封装轮播图 学轮子不如造轮子
摘要：CSS 部分代码 HTML部分 JS部分 /* @1 图片移动时间 @2 图片大小 @3 节点对象{ 属性名不能改! 属性值可以改！ "circles":".circles ul li", //所有小圆点 "slider":".slider", //轮播图盒子 "imgBox":".box ul", 阅读全文
posted @ 2018-07-05 14:57 帅哥天下9 阅读(399) 评论(0) 推荐(0)
自己封装的操作节点小框架
只有注册用户登录后才能阅读该文。
posted @ 2018-06-21 09:29 帅哥天下9 阅读(33) 评论(1) 推荐(0)
Array,prototype.concat.apply与[].conat.apply.
摘要：一直都知道JS数组Array内置对象有一个concat方法,但是也没怎么研究过,今天偶然就看了看 concat是连接一个或多个数组 返回的是连接后数组的一个副本 var oldArr=[]; var arr=[[1,2,3],[4,5,6],[7,8,9],[10,11,12]]; var newA 阅读全文
posted @ 2018-06-18 19:53 帅哥天下9 阅读(4954) 评论(0) 推荐(3)

上一页 1 2 3 下一页