随笔分类 -  js原生学习

Element.getBoundingClientRect()
摘要：参考： https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect 1.Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。 如果是标准盒子模型，元素 阅读全文
posted @ 2020-11-24 10:57 牧唐丫 阅读(257) 评论(0) 推荐(0)
防止查看源代码进行复制的方法
摘要：参考：https://www.cnblogs.com/ypppt/p/12942773.html <script language="javascript"> function click(e) { if(document.all) { if(event.button == 2 || event.b 阅读全文
posted @ 2020-11-02 17:00 牧唐丫 阅读(237) 评论(0) 推荐(0)
全屏滚动的原理及实现
摘要：1.用到知识点： 1.1 设置main定位为relative，通过改变main块的top属性实现不同页面的切换 1.2 对滚动事件： 1.2.1大多数浏览器提供了 “mousewheel” 事件， 1.2.2Firefox 3.5+不支持，支持相同作用的事件：”DOMMouseScroll” 1.3 阅读全文
posted @ 2020-06-05 10:19 牧唐丫 阅读(681) 评论(0) 推荐(0)
好的文章的链接收藏
摘要：备战-JS(包含es6)基础篇 https://juejin.im/post/5ea04958e51d4546c03849bd?utm_source=gold_browser_extension 插件介绍 https://juejin.im/post/5e9f02ff6fb9a03c95800c8d 阅读全文
posted @ 2020-04-28 18:05 牧唐丫 阅读(112) 评论(0) 推荐(0)
js 类型判断
摘要：1.typeof 其他（数字Number，布尔值Boolean，字符串String，函数Function，对象Object，Undefined）这一些数据类型在typeof 下都被精准的解释，只有数组和null的数据类型不够精准。 console.log(typeof 2); // number c 阅读全文
posted @ 2020-04-13 14:21 牧唐丫 阅读(399) 评论(0) 推荐(0)
阻止冒泡和取消默认事件(默认行为)
摘要：1.阻止冒泡 function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) { //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); }else{ //否 阅读全文
posted @ 2020-04-09 10:27 牧唐丫 阅读(296) 评论(0) 推荐(0)
offsetWidth,clientWidth,offsetLeft
摘要： 阅读全文
posted @ 2020-04-02 15:23 牧唐丫 阅读(123) 评论(0) 推荐(0)
续触发事件时 防抖和节流
摘要：一、防抖动（Debouncing） 当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，。 触发时候 有定时器 就清定时器 重新触发一个定时器 // 防抖 var timer = null; function fandou(fucntion(){},time){ if(timer 阅读全文
posted @ 2020-04-01 17:26 牧唐丫 阅读(196) 评论(0) 推荐(0)
一些js 概念 整理
摘要：1.原型链 prototype 这个属性 是一个指针，指向一个对象 这个对象 包含 所有实例共享的属性和方法，即这个原型对象是用来给实例共享属性和方法的。 而每个实例内部都有一个指向原型对象的指针。 2.原型链 主要实现原理PersonB.prototype = Object.create(Pers 阅读全文
posted @ 2020-04-01 16:12 牧唐丫 阅读(107) 评论(0) 推荐(0)
数组方法总结
摘要：1.去重 new Set() new Set([1,2,3,4,2]) //[1,2,3,4] 2.替换 splice(1,1,'5') 3.遍历 array1.map((item,index,array)=>{return item*2}) var friends = [ { name: ‘Joh 阅读全文
posted @ 2020-04-01 15:47 牧唐丫 阅读(127) 评论(0) 推荐(0)
cookie sessionStorage localStorage 使用小结
摘要：1.cookie 随http 一起发送 2.webStorage 客户端本地存储功能 可以在客户端 本地建立 一个数据库 不参与与服务器的通讯 setItem (key, value) —— 保存数据，以键值对的方式储存信息。 getItem (key) —— 获取数据，将键值传入，即可获取到对应的 阅读全文
posted @ 2019-05-13 10:22 牧唐丫 阅读(178) 评论(0) 推荐(0)
关于js中iframe 中 location.href的用法
摘要：关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 A页面:<iframe src="b.html" frameborder="0"></iframe>B页面:<ifram 阅读全文
posted @ 2019-01-02 13:42 牧唐丫 阅读(7845) 评论(0) 推荐(0)
js判断是否在iframe中
摘要：以下都可以判断代码是否在iframe中. 1.方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } 2.方式二 if (window.frames.length != pa 阅读全文
posted @ 2018-12-18 09:15 牧唐丫 阅读(3055) 评论(0) 推荐(1)
对JS 的classList 简单记录
摘要：一 对classList整体感觉 浏览器支持参考（http://www.runoob.com/jsref/prop-element-classlist.html） classList 是一个对象 ，返回值：一个 DOMTokenList, 包含元素的类名列表 语法：element.classList 阅读全文
posted @ 2018-03-26 11:09 牧唐丫 阅读(327) 评论(0) 推荐(0)
正则表达式 记录以备查询
摘要：. 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 \s 匹配任意的空白符 \s匹配任意的空白符，包括空格，制表符(Tab)，换行符，中文全角空格等 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 \s：空白字符（包含：空格符，制表符，回车符， 阅读全文
posted @ 2018-01-17 10:01 牧唐丫 阅读(130) 评论(0) 推荐(0)