10 2021 档案

React class中的super(props)
摘要：一、起因： 1.super引用父类构造函数，在调用super之前，不能用this。 2.在使用super()之后，构造函数结束之前，this.props的值为undefined。 二、作用：使用super(props)，调用父类构造函数，并初始化this.props。 阅读全文
posted @ 2021-10-30 19:58 starlog 阅读(324) 评论(0) 推荐(0)
JavaScript的运行机制：JavaScript中的事件循环
摘要：一、前提： 1.JavaScript是单线程语言，代码从上到下执行。 2.JavaScript通过回调函数处理异步。 3.除了广义的同步任务和异步任务，任务还被更精细的定义为宏任务和微任务： 宏任务：整个script代码块、setTimeout、setInterval 微任务：Promise的.th 阅读全文
posted @ 2021-10-24 01:29 starlog 阅读(72) 评论(0) 推荐(0)
CSS中的高度铺满整个屏幕
摘要：html, body { height: 100%; } 或 .element { height: 100vh; } 阅读全文
posted @ 2021-10-20 22:44 starlog 阅读(496) 评论(0) 推荐(0)
CSS中的清除浮动
摘要：.clearfix::after { content: ''; display: table; clear: both; } .clearfix { *zoom: 1; /* 兼容 IE 低版本 */ } 或 .parent { overflow: hidden; } 阅读全文
posted @ 2021-10-20 18:44 starlog 阅读(39) 评论(0) 推荐(0)
JavaScript中的防抖与节流、在react class及hook中使用防抖与节流
摘要：函数防抖：函数被触发后过一段时间再执行，如果在这段时间内又被触发，则重新计时，即将多次高频操作优化为只在最后一次执行。应用场景为用户连续输入，只需要在输入结束后做一次校验即可，比如input搜索或校验。简而言之，就是在input请求时使用防抖。 function debounce(func, ms 阅读全文
posted @ 2021-10-18 19:04 starlog 阅读(1264) 评论(0) 推荐(0)
Vue和React中的key
摘要：key的作用： 同一层级的节点，通过唯一的key进行区分，key是vnode的唯一标记，参与对比新旧vnode。 避免使用index作为key: 当index作为key的时候，新插入一条数据的时候，它后面列表项的key都会变化，key变化的列表项都会重新渲染，但其实它们的新旧vnode是可以复用的， 阅读全文
posted @ 2021-10-14 11:18 starlog 阅读(79) 评论(0) 推荐(0)
Vue中的v-for和v-if为什么不能写在一起
摘要：v-for优先级高于v-if，如果v-for和v-if写在一起，会先执行v-for，循环出列表，然后用v-if判断每一个列表项 应该使用计算属性，先将不需要的值过滤掉 // DOM <ul> <li v-for="item in filterList" :key="item.id"> {{ item 阅读全文
posted @ 2021-10-14 10:53 starlog 阅读(388) 评论(0) 推荐(0)
Vue中的 v-if与v-show有什么区别
摘要：v-if：如果条件不成立不会渲染当前指令所在节点的DOM元素 v-show：只是切换当前DOM的显示与隐藏 阅读全文
posted @ 2021-10-14 10:42 starlog 阅读(60) 评论(0) 推荐(0)
CSS中的元素设置了display: none，是否占据空间
摘要：元素设置了display: none，不占据空间 阅读全文
posted @ 2021-10-14 10:33 starlog 阅读(695) 评论(0) 推荐(0)