css--重绘和回流
摘要：重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这
阅读全文
js--深拷贝和浅拷贝
摘要：一、栈（stack）和堆（heap） 栈(stack):由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；每种数据类型占用的空间大小是固定的。 堆(heap)：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表； 二、基
阅读全文
浏览器缓存机制
摘要：缓存可以说是性能优化中简单⾼效的⼀种优化⽅式了，它可以显著减少⽹络传输所带来的损耗。对于⼀个数据请求来说，可以分为发起⽹络请求、后端处理、浏览器响应三个步骤。 浏览器缓存可以帮助我们在第⼀和第三步骤中优化性能。 ⽐如说直接使⽤缓存⽽不发起请求，或者发起了请求但后端存储的数据和前端⼀致，那么就没有必要
阅读全文
CSS3 -- 优化滚动（scroll-behavior ｜ scroll-snap）
摘要：实现横向滑动：当子元素溢出父级盒子时，做以下操作。 第一种方式： 1.父级定义可横向滑动。 overflow-x: auto; 2.子元素设置为行内块。 display: inline-block; 3.父元素不允许子元素换行。 white-space: nowrap; 也可以隐藏滚动条 ::-we
阅读全文
