不管多晚都要坚持写总结!

Posted on 2019-03-15 00:17  xxxxxxxx  阅读(111)  评论(0)    收藏  举报

今天开始写总结,不管布局不管排版,学到什么就写什么,重在坚持,周末闲暇时间可以完整的整理下!


今天遇到的问题:
1.如何实现吸顶效果
2.dns解析过程
3.babel原理
4.webpack打包过程
5.ES6新数组方法
6.map()映射不改变原数组的值 foreach去玩一下
7.vue里面的watcher是在什么时候创建的
8.img是什么元素

 

1.如何实现吸顶效果?

今天被问到这个问题,我自己敲了一个通过判断元素的offsetTop和document.documentElement.scrollTop来动态切换position的值(fixed和static)

后来我就想,脱离文档流的元素还可以返回到文档流吗?它又会重新渲染dom节点树吗?

这个问题留着我明天再去看一下。

但其实CSS3里面position有个新属性值:sticky。吸附,它其实就是实现在你规定的范围呢(left top right bottom)没超出就是relative,超出了就是fixed。兼容性不太高,火狐比较支持这个,我自己测试谷歌也能实现。

 

今天还玩了一下map,但是困了,准备睡觉了。