居然忘了开屏幕录制!!!!
要气死啦!!
因为有挺多不错的题目的~
记一下记得的题吧
当当网:
1. 哪些操作属于es6的操作?
A var {foo:{bar}} = {baz:'baz'}
B var x; {x} = {x:1};
C var [a,b,c] = [1,2,3]
D var [,,c] = [1,2,3]
2. 下列说法中:
A 下载js脚本会阻塞渲染
B DOM树与render树是完全对应的
C link节点不会阻塞浏览器渲染
D img标签会阻塞渲染
3. 以下会引起BFC的是?
A visibility: hidden
B display: block;
C position: fixed;
D float: left;
解析:
对一个元素设置CSS,首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子,同样管理inline类型的盒子还有IFC,以及其他的FC
Formatting Context:指页面中的一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用
BFC:块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。
既然上文提到BFC是一块渲染区域,那这块渲染区域到底在哪,它又是有多大,这些由生成BFC的元素决定,CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。
根元素
float的值不为none
overflow的值不为visible
display的值为inline-block、table-cell、table-caption
position的值为absolute或fixed
看到有道友文章中把display:table也认为可以生成BFC,其实这里的主要原因在于Table会默认生成一个匿名的table-cell,正是这个匿名的table-ccell生成了BFC
浏览器对于BFC这块区域的约束规则如下:
生成BFC元素的子元素会一个接一个的放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻子元素之间的垂直距离取决于元素的margin特性。在BFC中相邻的块级元素外边距会折叠。
生成BFC元素的子元素中,每一个子元素做外边距与包含块的左边界相接触,(对于从右到左的格式化,右外边距接触右边界),即使浮动元素也是如此(尽管子元素的内容区域会由于浮动而压缩),除非这个子元素也创建了一个新的BFC(如它自身也是一个浮动元素)。
有道友对它做了分解,我们直接拿来:
内部的Box会在垂直方向上一个接一个的放置
垂直方向上的距离由margin决定。(完整的说法是:属于同一个BFC的两个相邻Box的margin会发生重叠,与方向无关。)
每个元素的左外边距与包含块的左边界相接触(从左向右),即使浮动元素也是如此。(这说明BFC中子元素不会超出他的包含块,而position为absolute的元素可以超出他的包含块边界)
BFC的区域不会与float的元素区域重叠
计算BFC的高度时,浮动子元素也参与计算
BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面元素,反之亦然
看到以上的几条约束,让我想起学习css时的几条规则
Block元素会扩展到与父元素同宽,所以block元素会垂直排列
垂直方向上的两个相邻DIV的margin会重叠,而水平方向不会(此规则并不完全正确)
浮动元素会尽量接近往左上方(或右上方)
为父元素设置overflow:hidden或浮动父元素,则会包含浮动元素
......
4. 下列说法
A a.domain.com和domain.com/b.html之间可以共享cookie
B baidu.com和google.com之间可以共享cookie
C sessionStorage可以在本地长久存储
二 问答题
1. ie中float和margin产生
2. 对html5和css3的理解
3. html语义化的理解(至少三条)
4. 实现两个div的垂直水平居中
5. -webkit-下的border-radius
6. 至少举出5个块级元素和内联元素, 解释css中的盒模型
7. 前端角度,怎么优化SEO?
8. css sprites是什么?有什么优缺点?
9. CSS hack: 实现不同ie版本下的显示不一样
今日头条:
选择题:
1. js如何判断严格一个变量a是不是一个对象obj的实例? 假设它有属性"name"
A if( a instanceof obj)
B if( a.constructor === obj)
C if("name" in a);
D if(a.name)
解析:
在这里我主要在纠结前两个选项,不知道哪个更严格
2. js文件实现延迟加载的方法
A
B
C var scr = document.createElement("script");
scr.src = "a.js";
document.appendChild(scr);
解析:
还有一个选项忘记了.
查了一下相关知识,
我们平时最常使用的就是这种同步加载形式:
同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。
js 之所以要同步执行,是因为 js 中可能有输出 document 内容、修改dom、重定向等行为,所以默认同步执行才是安全的。
以前的一般建议是把