百度2014前端笔试题

1. form标签，a标签中target属性值的范围有哪些？

答：
(1)_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档

(2)_self
默认。在相同的框架中打开被链接的文档。
这个目标的值对所有没有指定目标的<a>标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余的且不必要的，除非和文档标题<base>标签中的target属性一起使用。

(3)_parent
在父框架集中打开被链接文档。
这个目标使得文档载入父窗口或者包含来自超链接引用的框架和框架集。如果这个引用是在窗口或者顶级框架中，那么它与目标_self等效。

(4)_top
在整个窗口中打开被链接的文档。
这个目标使得文档载入包含这个超链接的窗口，用_top目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

(5)framename
在指定的框架中打开被链接文档。

2.为什么通过css给span标签设置了宽度通常没有生效？

因为span是行内元素，行内元素是无法设置宽度和高度的，也不能设置竖直方向上的margin和padding, 只能设置水平方向上的margin和padding。

解决方案：
{
    display:-moz-inline-box;
    display:inline-block;
    width:150px;
}

3. 请实现getIndexParent(element){ 

//Implementation 

} 

//HTML: <url>

　　<li id=”zero”></li>

　　<li id=”one”></li>

　　<li id=”two”></li>

   </url> 

getIndexParent(document.getElementById(‘zero’)); 

 

//return 0 

getIndexParent(document.getElementById(‘one’));  

//return 1 

 

4. 实现一个函数给定一组数字，将这组数字中的每一个转为17进制（0-9，A-G），并输出所有数字的字符中G的数量

function getCountofG(array){

//Implemetion 

} 

var myArray=[123,2121,3219,79881]; 

//myArray turned into [“74”,”75D”692G”,”G46F”]; 

//return 2 

getCountofG(myArray); 

 

5. http：Header 中常用到Connection：Keep-Alive，能介绍一下这个字段的意义吗？

Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。市场上的大部分Web服务器，包括iPlanet、IIS和Apache，都支持HTTP Keep-Alive。
对于提供静态内容的网站来说，这个功能通常很有用。但是，对于负担较重的网站来说，这里存在另外一个问题：虽然为客户保留打开的连接有一定的好处，但它同样影响了性能，因为在处理暂停期间，本来可以释放的资源仍旧被占用。当Web服务器和应用服务器在同一台机器上运行时，Keep- Alive功能对资源利用的影响尤其突出。 此功能为HTTP 1.1预设的功能，HTTP 1.0加上Keep-Aliveheader也可以提供HTTP的持续作用功能。
Keep-Alive: timeout=5, max=100
timeout：过期时间5秒（对应httpd.conf里的参数是：KeepAliveTimeout），max是最多一百次请求，强制断掉连接
就是在timeout时间内又有新的连接过来，同时max会自动减1，直到为0，强制断掉。见下面的四个图，注意看Date的值（前后时间差都是在5秒之内）！

 

6. HTML与CSS实现如下布局（百度百科齐白石的那个词条的布局）。下图中左上角的图片有在新的窗口打开，打开大图的超链接；右侧的目录定位到页面内的锚点；

图中出现的各种排版元素均需要在代码中体现。

 

7. 为一个已有页面中实现如下功能，使所有a标签的连接在用户单击时向：http：//www.baidu.com/link:[url]发送一个请求，[url]部分请替换成a

标签的链接地址。

 

 

8优化移动端页面的性能需要考虑到哪些方面？请谈谈你的优化思想和优化方法。