- 博客(7)
- 收藏
- 关注
原创 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
257
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
118
转载 宏任务与微任务的任务队列以及渲染时机
关键路径渲染概要阐述宏任务和微任务的任务队列三级目录概要阐述了解了同步和异步任务(宏任务和微任务)之后,我对DOM的渲染先后顺序有了一定的了解。宏任务和微任务的任务队列首先需要了解的是,一次执行,是将执行队列的任务依次执行。任务的执行是从宏任务开始在执行的过程中,将遇到的宏任务和微任务分别放进对于的任务队列。在执行下一个宏任务之前,先执行所有的微任务。这个时候,也会是执行下一个宏任务之前,执行完所有微任务之后,会进行DOM渲染。下面举个例子: setTimeout(() => {
2021-07-24 19:59:37
775
转载 关键渲染路径
关键渲染路径概念问题定义1.构建DOM构建CSSOM构建渲染树布局绘制JS与关键渲染路径总结最近考了一下和关键渲染路径有关的内容,单纯的记录一下。 原地址概念问题通常我们只需要编写HTML,CSS,JavaScript屏幕上就会显示出漂亮的页面,但浏览器是如何使用我们的代码在屏幕上渲染像素的呢?定义浏览器将HTML,CSS,JavaScript转换为屏幕上所呈现的实际像素,这期间所经历的一系列步骤,叫做关键渲染路径(Critical Rendering Path)。1.构建DOM浏览器会遵
2021-07-21 11:24:18
286
原创 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
2698
3
原创 宏任务与微任务
js 宏任务和微任务宏任务(macrotask )和微任务(microtask )macrotask 和 microtask 表示异步任务的两种分类。在挂起任务时,JS 引擎会将所有任务按照类别分到这两个队列中,首先在 macrotask 的队列(这个队列也被叫做 task queue)中取出第一个任务,执行完毕后取出 microtask 队列中的所有任务顺序执行;之后再取 macrotask 任务,周而复始,直至两个队列的任务都取完。掘金上面盗张图记录一下宏任务和微任务之间的关系先看个例子
2021-07-19 16:34:34
93
1
原创 js 的 数据引用之对象
Vue 的 数据引用之对象对象的引用规则js 对象的赋值功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入对象的引用规则在脚手架中,对象的赋值如:const params = {test: 1,target:2} const
2021-07-14 13:08:36
621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人