Genki

sleep函数可解决闪屏的问题 eg: 用户进入一个页面或进行某个操作,内容组件进行loading状态,当loading很短暂,用户会感受到屏幕闪了一下:麻鸭,发生了什么鸭. 解决方案:loading delay,使用sleep和用户睡觉觉.

回流:render tree 中的元素因为尺寸/布局等发生改变,需要**重新构建**render tree,称为回流.回流分为局部回流和全局回流. eg:盒模型相关属性(width,padding,margin等)改变，js访问offsetTop、offsetLeft、 offsetWidth、offsetHeight、clientTop、clientWidth、clientHeight、scrollTop、scrollWidth、getComputedStyle(ele,[pseudoEle])等, resize事件发生时,append/remove可见dom node等. 重绘:render tree 中的元素需要更新一些属性,这些属性只影响元素的外观、风格,并**不会影响元素的布局**的,称为重绘. eg:visibility ,background-color,color,transform,opacity,filter等 避免措施: 1.尽量使用transform代替. 2.经常需要进行复杂操作的元素,脱离文档流(absolute/fixed/display:none)后进行操作,操作完后回到文档流. 3.virtual dom操作(也可以把需要操作的dom元素拷贝后放到dom tree外部进行操作,最后替换). 4.合并多次样式的修改: 改变className,或者使用cssText.

场景: 面试饿了想吃饺子, 想去面试官家领教领教嫂子的饺子技术.面试官禁止了我这行为,于是产生了跨域. 解决方案: 通过各种手段获取到面试官车位及家信息,使用代理占用车位,并设置回调电话为自己电话. 结果: 面试官回家发现车位被占,拨打回调电话通知我下楼.成功骗过面试官的安全限制,与嫂子通信进行技术交流.