![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端八股
mky-ze
刚入门的小白
展开
-
前端八股学习2.3之手写防抖函数
防抖在前端中有着很广泛的应用,为了防止短时间内同样函数不必要的大量执行,我们需要做防抖处理 function Debounce(fn, wait){ var timer = null; if(timer){ clearTimeout(timer); } timer = setTimeout(()=>{ fn.apply(context, args) },wait) } 文章为个人学习产物,仅供参考,借鉴全网文献学习 ...原创 2022-02-22 00:55:02 · 469 阅读 · 0 评论 -
前端八股学习1.3之选择器和权重
CSS选择器(节选部分) 1.类选择器:.class 选择指定类中元素 2.id选择器: #id 选择id为指定值的元素 3.通用选择器 : * 选择所有元素 4.element选择器:选择所有指定的元素 5.伪类选择器 : :hover 选择鼠标指针悬停的位置的元素 6.伪元素选择器: ::before 在选择的内容之前插入内容 权重 内联样式:1,0,0,0 如:style=" " ID选择器:0,1,0,0 如:#id=" " class | 伪类 | 属性选择器: 0,0,1,0 如:原创 2022-02-20 23:52:52 · 136 阅读 · 0 评论 -
前端八股学习2.2之手写sleep函数
实现sleep休眠函数 function Sleep(time){ return new Promise(resolve=>{ setTimeout(resolve, time); }) } (async function(){ console.log('start sleep in '+ new Date()); await Sleep(7000); console.log('end sleep in ' + new Date()); })()原创 2022-02-20 22:33:27 · 613 阅读 · 0 评论 -
前端八股学习1.2之‘+‘选择器和‘~‘选择器的区别
‘+’:相邻兄弟选择器 选择具有相同父元素的紧接在一个元素后的另一个元素 <style> h1 + p{ font-weight: bold; } </style> <h1></h1> <p>123</p>//这个123加粗了 <p>234</p> '~'查找指定元素后所有兄弟元素的选择器 <style> h1 ~ p{ font-weight: bold; } </s原创 2022-02-19 21:35:23 · 273 阅读 · 0 评论 -
前端八股学习2.1之手写instanceof方法
instanceof方法用来查看构造函数的属性是否出现在对象的原型链中的任何位置 function InstanceOf(A,B){ const Type = [ 'number', 'string', 'boolean', 'undefined', 'symbol' ] if(Type.includes(typeof(A))){ return false; } while(true){ if(A._proto_ ===null){ return false; }原创 2022-02-19 00:18:48 · 470 阅读 · 0 评论 -
前端八股学习1.1之flex布局
flex布局意为弹性布局,任何容器都可被指定为flex布局 //任意容器的flex布局 .container{ display: flex; } //行内元素的flex布局 .container{ display: inline-flex; } 应用flex布局容器的属性 1.flex-direction 主轴的方向 row: 主轴水平方向,起点在左端(默认值) row-reverse: 主轴水平方向,起点在右端 column: 主轴垂直方向,起点在顶部 column-reverse: 主轴垂直方向,原创 2022-02-17 22:21:15 · 224 阅读 · 0 评论 -
前端八股学习1.0之flex:1的含义
flex: 1;===flex: 1 1 auto; flex: 1; flex-grow: 1; //空间扩展的比例 flex-shrink: 1; //空间收缩的比例 flex-basis: 0%; //空间扩展或收缩的基准值 综上所述flex: 1实现的效果是平分空间原创 2022-02-12 18:04:14 · 306 阅读 · 0 评论 -
前端八股学习2.0之手写promise.all方法
promise.all()方法接受一个promise的iterable类型的输入并且只返回一个Promise实例 也就是将多个promise实例变成一个新的promise实例 function PromiseAll(lists){ return new Promise((resolve,reject) => { let PromiseRes = []; //接收promise实例的数量 let num = 0; //遍历lists中的实例对象 lists.forEach(item原创 2022-02-15 12:42:40 · 340 阅读 · 0 评论