![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
记录
文章平均质量分 65
GAMEOVER_Lv9
这个作者很懒,什么都没留下…
展开
-
Vue 的小坑
Vue 的小坑this.$nextTick(callback)this.$nextTick(callback)的作用this.$nextTick(callback)的原理this.$nextTick(callback)与关键渲染路径的冲突原因问题延伸this.$nextTick(callback)this.$nextTick(callback)的作用this.$nextTick(callback) 的作用是 在DOM渲染之后立马执行回调函数在了解了 关键渲染路径之后,我看到 this.$nextTi原创 2021-08-09 10:58:12 · 256 阅读 · 1 评论 -
SQL 小妙招
SQL 小妙招if(a,b,c)COALESCE(a,b)DISTINCTCASE WHEN ELSE ENDCONCAT(a,b)if(a,b,c)if a == true return belse return cCOALESCE(a,b)if a is not null return aDISTINCT去除重复行CASE WHEN ELSE END假如,表dateab0100110250SELECT (CASE date.原创 2021-07-30 11:06:42 · 117 阅读 · 0 评论 -
宏任务与微任务的任务队列以及渲染时机
关键路径渲染概要阐述宏任务和微任务的任务队列三级目录概要阐述了解了同步和异步任务(宏任务和微任务)之后,我对DOM的渲染先后顺序有了一定的了解。宏任务和微任务的任务队列首先需要了解的是,一次执行,是将执行队列的任务依次执行。任务的执行是从宏任务开始在执行的过程中,将遇到的宏任务和微任务分别放进对于的任务队列。在执行下一个宏任务之前,先执行所有的微任务。这个时候,也会是执行下一个宏任务之前,执行完所有微任务之后,会进行DOM渲染。下面举个例子: setTimeout(() => {转载 2021-07-24 19:59:37 · 775 阅读 · 0 评论 -
ElementUI 组件的坑之Drawer
ElementUI 组件的坑之DrawerDrawer的destroy-on-close问题方法Drawer的destroy-on-close问题这个属性会被它自己的before-close属性影响, 当你使用before-close的时候,destroy-on-close会失效。如果你在抽屉里面的使用了别的组件,而又需要它在被创建的时候去访问某些接口的时候,你会发现,你无法得到你想要的效果。这就很烦。这个时候,不管是mounted()还是created(),都不会被再次执行,因为,你的组件没有被销毁原创 2021-07-20 14:39:44 · 2685 阅读 · 3 评论 -
宏任务与微任务
js 宏任务和微任务宏任务(macrotask )和微任务(microtask )macrotask 和 microtask 表示异步任务的两种分类。在挂起任务时,JS 引擎会将所有任务按照类别分到这两个队列中,首先在 macrotask 的队列(这个队列也被叫做 task queue)中取出第一个任务,执行完毕后取出 microtask 队列中的所有任务顺序执行;之后再取 macrotask 任务,周而复始,直至两个队列的任务都取完。掘金上面盗张图记录一下宏任务和微任务之间的关系先看个例子原创 2021-07-19 16:34:34 · 92 阅读 · 1 评论 -
js 的 数据引用之对象
Vue 的 数据引用之对象对象的引用规则js 对象的赋值功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入对象的引用规则在脚手架中,对象的赋值如:const params = {test: 1,target:2} const原创 2021-07-14 13:08:36 · 619 阅读 · 0 评论