![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
黑芝麻饺子
心如止水,嚣张,哑巴
展开
-
Vue源码(一)
Vue走core/index.js 核心代码走 import Vue from ‘./instance/index’初始构造函数function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keywor原创 2020-05-26 11:22:26 · 133122 阅读 · 0 评论 -
向下滚动加载
IntersectionObserver<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-05-22 14:49:32 · 195 阅读 · 0 评论 -
学习和理解宏任务和微任务
背景知识eventqueue 事件队列 --队是先进先出(买票排队)eventloop 事件循环 – 像是轮询,不间断地看有没有需要执行的回调和能不能执行(轮询)js执行机制(有问题,请留言指出,谢谢):从上到下开始执行,同步代码一直往下走,异步代码放到队列当中,然后继续走同步,同步走完之后,然后是事件循环,走事件队列,执行满足条件的回调,并根据情况决定执行完成之后是否注销回调异步代码放到队列当中:这个就是想食堂打饭排队,一个窗口有一个阿姨,问窗前的同学打哪些菜,然后确定这个同学,不要了,就原创 2020-05-22 11:57:32 · 1083 阅读 · 0 评论 -
addEventListener解析
参数事件名回调函数,获得一个event参数回调函数行为控制(boolean || option),只填写boolean控制的是useCaptureoption:开一个ts文件,然后用AddEventListenerOptions定义,vscode定位定义文件once?: boolean;//是否调用一次,true的话调用一次之后移除这个回调函数passive?: boolean;//是否阻止默认行为,true的话,禁用回调函数使用preventDefault方法且警告capture?:原创 2020-05-20 14:30:07 · 678 阅读 · 0 评论 -
1.基础巩固--禁用默认事件
禁用默认事件的方法1.event.preventDefault()2.return false区分先从最常见的label开始,1.label可以帮助我触发input类的元素的,常用来作为单选,多选的样式重做2.label是个行内块3.行内块具有块的性质,但是可以在同行排布4.块的性质: 1.独占一行  ...原创 2019-11-03 22:41:35 · 352 阅读 · 0 评论 -
对象使用扩展运算符--添加迭代方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-07-26 09:32:21 · 324 阅读 · 0 评论 -
JS-FileReader,读取input:file中的图片(Vue)
功能:用户上传头像 <label> <input @change="imgChoose" class="none" type="file" accept="image/*"> <img :src="imgSrc" alt="选择头像"> </label>...原创 2019-07-14 23:16:33 · 1336 阅读 · 0 评论 -
对已存在的标签元素添加子元素
1.替换原有元素使用document.createElement(“标签名”);创建与父标签同类型的标签使用元素.appendChild(元素名),为替换的元素增加子元素使用父元素.parentNode.replaceChilde(替换的元素,父元素)2.使用文档片段使用document.createDocumentFragment();子元素步骤同上直接父元素.appendChi...原创 2019-05-09 11:13:31 · 3195 阅读 · 0 评论 -
数组去重
数组去重利用所学知识对数组进行去重通过嵌套遍历数组和使用if语句判断数组的元素是否重复,重复部分使用splice(k,1)将其从数组中删除将第二个遍历数组使用indexOf替代,这个方法要注意的是,只有一次循环,所以这个if语句只能执行一次,为了能继续执行需要在判断语句执行时增加一个,下标自减,使判断依旧在该下标下进行直至indexOf的返回值为-1。let一个新数组,将值一个个放入...原创 2019-04-07 20:50:55 · 176 阅读 · 0 评论