diaplay:none
和 visibility:hidden
的区别
diaplay:none
隐藏对应的元素,在文档布局中不在给他分配空间,它各边的元素会合拢,就当他从来就不存在; visibility:hidden
隐藏对应的元素,但在文档布局中,仍然保留原来的空间。
CSS
中 link
和 @import
的区别
link
属于html
标签,而@import
是CSS
提供的;- 页面加载时,
link
会同时被加载,而@import
引用的CSS
会等到页面被加载完再加载; @import
只有在IE5
以上才能识别,而link
是html
标签,无兼容问题。
position
的 absolute
和 fixed
共同点与不同点
共同点:
- 改变行内元素的呈现方式,
display
被置为inline-block
; - 让元素脱离普通流,不占据空间;
- 默认会覆盖到非定位元素上
不同点:
absolute
的“根元素”是可以设置的,而 fixed
的“根元素”固定为浏览器窗口,当你滚动网页,fixed
元素与浏览器窗口之间的距离是不变的。
iframe
的优缺点
优点:
- 解决加载缓慢的第三方内容如图标和广告等的加载问题;
- Security Sandbox;
- 并行加载脚本
缺点:
iframe
会阻塞主页面的onload
事件;- 即时内容为空,加载也需要时间;
- 没有语意
如何实现浏览器内多个标签页之间的通信
调用 localstorge
、cookies
等本地存储方式