- 博客(17)
- 收藏
- 关注
RSS订阅原创 【ERROE记录】Router Maximum call stack size exceeded vuerouter
Router Maximum call stack size exceeded vuerouter源代码router.beforeEach((to, from, next) => { if (!window.sessionStorage.getItem('token')) { next('/login') } else { next() } })访问路径xxx.com/login后出现错误提示Maximum call
2020-12-31 16:55:07
97
原创 【ES6】generator 笔记
ruanyifengMDN看上去像一个函数，但可以返回多次。 Generator 函数会返回一个遍历器对象。 function* gen() { yield 'Hello'; yield 'Hi'; return 'return'; } console.log(gen())Generator.prototype.next() function* ge
2020-12-27 14:15:22
47
原创 ES6笔记 —— let / 块级作用域 /const
letlet 在块级作用域有效 { var a = '123'; let b = '456'; } console.log(a); // 123 console.log(b); // Uncaught ReferenceError: b is not defined var a = []; for (var i = 0; i < 10; i++) {
2020-12-21 14:17:12
208
原创 【utils】数组扁平化
数组扁平化就是把多维数组转化成一维数组。1、flatarr.flat([depth]) 创建一个新的阵列的所有子阵元件连接到它递归到指定的深度。不改变原数组。【ES6】在浏览器支持的情况下最好用这个。 //var newArray = arr.flat([depth]); //depth : 深入水平 var arr_ = ['a',['a','b',['c','d',['1','3']],'e'],'f',['g',['h']]];
2020-12-19 22:46:05
76
原创 JQ记录 —— currentTarget / delegateTarget / this
$("#parent").on('click',{foo: "bar"},fn); function fn (e) { console.log(e.currentTarget) // parent console.log(this) // parent console.log(e.delegateTarget) // parent } $("#parent").on(...
2020-12-17 16:16:30
133
原创 JS应用 —— 鼠标点击后跟随移动
功能鼠标点击后，box跟随鼠标移动，再次点击后，停止跟随并停留在当前位置。实现点击后添加mousemove监听和移动样式。 再次点击后移除mousemove监听和移动样式。相关属性和方法element.classList 获取class列, add添加, remove移除 element.addEventListener() 添加监听 当回调函数为匿名函数时无法被移除 element.removeEventListener() 移除监听 element.getAttribute()
2020-12-14 13:07:11
1419
原创 DOM笔记——元素内容插入/获取合集
方法 or 属性 是否覆盖原居民 获取的内容 浏览器 element.insertAdjacentElement(position, element) 方法 不覆盖 / 单次 x element.insertAdjacentHTML(position, text) 方法 不覆盖 x element.insertAdjacentText(position, element) 方法 不覆盖 x ...
2020-12-12 17:01:39
323
1
原创 DOM事件笔记——焦点 blur / focus / focusout / focusin
目标对象事件 是否支持冒泡 是否可取消默认行为 支持 注册方式 blur element 失去焦点 否 否 on / 监听 focus element 获得焦点 否 否 on / 监听 focusout element 失去焦点 是 否 IE9+ 监听 focusin element 获得焦点 是 否 IE9+ 监听 四者...
2020-12-12 15:30:56
560
原创 DOM基础笔记——事件流
事件流指的是页面中接收事件的顺序。事件发生时，会在元素节点间按照规定顺序传播。事件流分为三阶段：捕获阶段 从document -> html -> body -> 父元素 -> 子元素，由外向内传播。 当前目标阶段 冒泡阶段 从当前目标 由内向外传播。 <style> .father { overflow: hidden; width: 300px; h...
2020-12-12 14:52:09
69
原创 DOM基础笔记——element 插入元素方法
element.insertAdjacentElement(position, element)将元素移动到指定元素的指定位置上。positionbeforebegin 指定元素之前 afterend 指定元素之后 afterbegin 指定元素的第一个子元素之前 beforeend 指定元素的最后一个子元素之后element要移动的元素返回值插入成功，返回插入的元素 插入失败，返回nulelement.insertAdjacentHTML(position...
2020-12-12 14:24:45
1304
原创 DOM基础笔记——Element(属性)
element.clientWidth / clientHeight只读元素的内部宽度/高度。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。element.clientTop / clientLeft只读top : 元素顶部边框的宽度。left : 元素左边边框的宽度。如果元素的文本方向是从右向左（RTL, right-to-left），并
2020-12-12 13:30:32
238
原创 DOM基础笔记——getBoundingClientRect() / getClientRects()
getBoundingClientRect()返回元素的大小及其相对于视口的位置。返回的是DOMRect对象.width / height content-box : width + padding + border border-box : width IE9+ x 左边到视口的距离 IE不支持 y 上边到视口的距离 IE不支持 top 上边到视口的距离 bottom 下边到视口的距离 ri...
2020-12-12 13:26:35
351
原创 DOM基础笔记——DOMTokenList
目录1、什么是DOMTokenList？2、属性3、方法1、什么是DOMTokenList？表示一组空格分隔的标记（tokens）由 Element.classList 等返回的一组值。2、属性DOMTokenList.length 值的个数 DOMTokenList.value 以DOMString 的形式返回 DOMTokenList列表的值。（DOMString映射String）3、方法DOMTokenList.item(index) 根据传入的...
2020-12-11 14:36:13
2799
原创 DOM基础笔记——元素大小和偏移
1、.offsetParent只读属性，返回一个指向最近的带有定位或者为（table,td,th,body）的父元素。它返回的是一个元素对象。parentObj = element.offsetParent;2、.offsetLeft是一个只读属性，返回当前元素左上角相对于.offsetParent节点的左边界偏移的像素值。即元素左边距离.offsetParent元素左边的距离。父绝子相，子left-20px效果：5、.offsetTop返回当前元素相对于其.offse
2020-12-11 13:53:17
217
原创 JS基础笔记——事件对象(属性/方法)
目录属性e.targete.currentTargete.type方法e.preventDefault()e.stopPropagation()属性e.target返回 触发事件 的对象e.currentTarget返回 事件绑定 的对象 ie678不支持，开发用this <ul> <li>abc</li> <li>abc</li> <.
2020-12-10 14:26:57
97
原创 移动web——rem
一、remrem(root em)是一个相对单位，类似于em,em据使用它的元素的大小决定（很多人错误以为是根据父类元素，实际上是使用它的元素继承了父类的属性才会产生的错觉）。rem的基准是相对于html元素的字体大小。例如：根元素（html）设置fonr-size=12px;非根元素设置width: 2rem;则换成px表示就是24px。 html { font-size: 24px; } .div2 {
2020-12-01 14:14:05
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人