本文是对本周的简书文章以及学习进行的合并总结。
12月10日 周一 渲染篇三:DOM优化原理与基本实践
本文阐述了JS引擎和渲染引擎之间的“跨界交流”,会产生一定的性能问题,导致了重流与重绘。回流是DOM几何尺寸发生变化的过程,重绘是DOM样式变化的过程。回流一定会导致重绘,而重绘不一定导致回流。
运用循环代码实例,贴出了不必要的DOM操作引起的不必要需要渲染的不合理代码,并对这样的不合理代码进行了优化修改。
12月11日 周二 渲染篇四:Event Loop 与异步更新策略
在本文中,我们了解到事件循环的异步队列有两种:
macro(宏任务)
队列和micro(微任务)队列
。
将完整的事件循环过程概括了几个阶段。阐述了渲染时机。以Vue为例对异步更新策略进行详述(什么是异步更新、异步更新的优越性、Vue状态的更新手法(nextTick))。
12月12日 周三 CSS3选择符
在看一篇flex布局的文章时,代码中用到了属性选择器,当时不知道这个是属性选择器。
简单回忆一下:
[class|=test]
: 选中class以test-为开头的元素
[class*=test]
: 选中class中包含test的元素
[class^=test]
: 选中标签中class属性以test属性值开始的值
[class$=test]
: 选中class以test结尾的元素
[class~=test]
: 匹配属性中有多个空格分隔的值,选中其中包含test的属性
12月13日 周四 CSS3-温故知新
1️⃣、通过CSS画一个扇形,了解有transparent指定全透明色彩的这个属性。
2️⃣、通过box-sizing这个属性,知道了w3c标准盒子与怪异盒子的差异。
3️⃣、对清除浮动有一更深刻的认识。
4️⃣、CSS3的渐变与动画属性进行微回忆。
12月14日 周五 渲染篇五:CSS的回流(Reflow)与重绘(Repaint)
不介绍了
12月15日 周六
周六项目投产(外汇快讯),晚上简单看了一下JS闭包的问题。
12月16日 周日
今天主要新写了一篇准备持续更新的文章:前端面试知识点积累。
目前主要写了两个问题:
JS闭包--闭包的概念,原理,闭包的适用场景、缺点等一系列问题。
前端跨域问题总结。
网友评论