随笔- 100
文章- 0
评论- 0
阅读-
8182
02 2022 档案
节流throttle和防抖debounce
摘要：#节流throttle ####当频繁触发一个函数的时候，在规定时间内，只有第一次生效。 ####比如，滚动事件，请求数据。 <body> <div id="hehe" style="height: 10000px;">hehe</div> </body> <script> function thr
阅读全文
position:sticky
摘要：<div style="height: 100px;"> <div style="height: 100px;">1</div> <div style="height: 100px;position: sticky;top:50px;">2</div> <div style="height: 100
阅读全文
js 继承
摘要：1. 原型链继承 特点： 可以继承父类构造函数的属性和方法 可以继承父类原型的属性和方法 缺点： 无法传参 继承单一，不能继承多个父类 共享属性 2. 构造函数继承 特点 可以继承多个父类 可以传参 各自有各自的属性，是私有的 缺点 各自都有一套父类的方法，浪费内存，没有实现复用 不能继承原型的属性
阅读全文
js 的call, apply, bind
摘要：let obj={ name:'zsf', fun:function(school,age){ console.log(this.name,school,age) } } let obj2={ name='xjg' } 相同点 都是能够改变this指向 call obj.fun.call(obj2,
阅读全文
let，var，const 的区别
摘要：let 有块级作用域，必须要有大括号 不存在变量提升 代码块内，变量声明之前，使用变量会报错 不允许重复声明一个变量 全局变量，不是顶级对象window的属性 var 作用域有全局或者函数 存在变量提升 允许重复声明一个变量 全局变量，是顶级对象window的属性 const 声明必须同时初始化 所
阅读全文
js，javascript 数组去重
摘要：#1. 利用set这种数据结构，类似数组。 Array.from(new Set(arr)) [...new Set(arr)] 弊端：无法去重成员是对象和数组。 #2. 双层循环，一一比较 for(let i=0;i<arr.length;i++){ for(let j=i+1;j<arr.len
阅读全文
get和post请求的区别
摘要：get的特点 1. 根据http规范，get用于获取信息，是安全的和幂等的 安全：不修改信息，只获取信息 幂等：无论调用这个url多少次，都不会有不同的结果 2. 会被浏览器主动缓存的，如果下一次传输的数据相同，就会返回缓存的内容 3. url有长度限制，但是不是http协议限制的，是浏览器和服务器
阅读全文
http响应码和含义
摘要：响应码有5类 1XX 请求收到，要继续处理 100 初始的请求已经收到，要继续发送请求的其余部分 101 服务器要转换到另一种协议 2XX 请求成功 200 请求成功，请求的文档跟在后面 201 服务器创建了文档，给出了它的URL 202 已经接受请求，但是处理还没有完成 203 文档正常返回，但是
阅读全文
export 和export default
摘要：export 一组变量名函数名的时候，要放在{ }中 export 可以直接跟一个声明，比如变量声明，函数声明 export default 只能有一个，只能跟变量名函数名或者是值（比如1） export的对应的import 必须跟{ } export default的对应的import直接跟自己定
阅读全文
闭包
摘要：fun a(){ let name='zsf'; function b(){ console.log(name) } window.b=b; return b } let c=a(); c(); window.b(); 什么是闭包？在一个函数内部的定义一个函数。 作用？ 1 可以在在外部访问一个函数
阅读全文
原型和原型链
摘要：一个实例对象a，有一个隐性原型属性，即a.proto,这个属性指向，对象a的构造函数的显示原型，即fun.prototype。这个显性原型对象，是由浏览器自动生成的，实际上是一个fun构造函数的实例对象。 fun.prototype本身又是个对象，所以它也有它自己的隐性原型属性，fun.protot
阅读全文
宏任务和微任务的区别？
摘要：执行主代码块，如果是同步代码，按顺序直接进入主线程执行。 如果是promise的异步，就按顺序放到微事件队列里面。 如果是settimeOut的异步，就按顺序（要考虑计时器的时间谁先到谁先放入）放到宏事件队列里面。计时器开启后，并不是是到点就开始执行，要等上一个宏任务完成后，才执行。计时器只能决定你
阅读全文
v-show,v-if,display:none,visibility:hidden 的区别和本质
摘要：渲染树=dom树+cssom树 浏览器真正渲染在浏览器屏幕是根据渲染树。 display：none; 节点还在dom树上，但是不会进入渲染树。所以它不会显示，因为浏览器不会渲染它。 同时它的子孙后代都不会显示，即使子孙后代改变display样式也没用，因为渲染树里面压根没有它们。 它们也不占据物理空
阅读全文
v-show 的本质。为什么v-show不起作用，无效？
摘要：v-show的本质, 就是自动设置css样式，display:none <div v-show='false' class='divClass'><div/> div{ display:none; } 为什么v-show不起作用，无效？ 很有可能是在样式中设置了display这个属性。比如： .di
阅读全文
