百度web前端面试题-2015年

http://www.itmian4.com/forum.php?mod=viewthread&tid=6239&extra=page%3D2%26filter%3Dtypeid%26typeid%3D2%26typeid%3D2

1.列举你所知道的行内元素，块级元素和空（void）元素。

行内：

<img> <em> <strong> <span> <a> <input> <label> <select>  <button> <textarea>

块元素：

<h1-h6>  <table> <th> <td> <dd> <dl> <div>  <p> <ol> <ul> 

区别：

块元素单独占一行 可以设置  height  width， margin  padding  上右下左都起作用

行内元素 不分行  不可以设置  height  width ， margin  padding  只有 maring-left ，margin-right 和padding-left ，padding-right起作用

display:inline-black;是对内是块元素可以设置宽高  对外是行内元素可以多个元素放在同一行

--------------------------------------------------------------------------------------------------

2.CSS中link和@import的区别。

第一：link 是html标签, @import 是css提供的一种方式

第二： 兼容性： 所有浏览器都支持link ，@import 只有在IE5以上才被识别

第三：加载顺序：当一个页面被加载时候，link引入的css同时被加载，@import引入的css要等所有页面加载完       毕后加载。

第四：当用js操作css属性时候，只能使用link，@import不支持js操作

第五：@import中可以在css中再次引入其他的样式文件，但是也带来一个问题，会导致http请求过多，服务器压       力过大。

--------------------------------------------------------------------------------------------------

3（记得是写延迟加载的方法）

4下列程序，写出x，y，z最后的值

var x=1,y=z=0;

function add(n){

return n=n+1;

}

y=add(x);

function add(n){

return n=n+3;

}

z=add(x);

x=1  y=4   z=4

--------------------------------------------------------------------------------------------------

5.(文字太多，记不清了，是关于域名劫持，说明过程，有哪些危害)

6写出至少5个前端优化的方法，并写明理由。

减少http请求

代码压缩

图片使用css sprite

css文件放在head之间  js文件放在body后面加载

结构表现行为分离 

标签语义化

--------------------------------------------------------------------------------------------------

7所谓千分位形式就是从数字个位数每三位加一个逗号，比如‘100,000’，输入一个数字实现千分位。（大概描述，不精确）