当当笔试java_20170921 当当和今日头条笔试题

居然忘了开屏幕录制!!!!

要气死啦!!

因为有挺多不错的题目的~

记一下记得的题吧

当当网:

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、重定向等行为，所以默认同步执行才是安全的。

以前的一般建议是把