百度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优化移动端页面的性能需要考虑到哪些方面?请谈谈你的优化思想和优化方法。

时间: 2024-10-10 23:14:58

百度2014前端笔试题的相关文章

2015年百度实习生前端笔试题上海卷a

1.写出javascript运行结果:alert(‘5’+5); 结果:’55’ 2.写出javascript运行结果:for(var i=0; i<10; i++){} alert(i); 结果:10 3.Cookie.sessionStorage.localStorage的区别 参考:共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递.而sessionStorage和localStorage不会

(转)百度web前端笔试题

1.JavaScript包括哪些数据类型? 我回答的是有两种:基本类型和对象,其中基本类型包括数字.字符串.布尔和null:对象(类似对象),包括数组.函数.内置对象.自定义对象.不过按理说字符串也有些对象的特点. 我这个回答是参考的JavaScript权威指南的,有些小问题,第一类中缺少了undefined. 搜索了下,网上还有几种回答: 第一种:共九种类型:1.未定义(undefined) 2.空(null) 3.布尔(boolean) 4.字符串(string) 5.数字(number)6

&lt;转&gt;网易2016实习生前端笔试题部分总结

网易2016实习生前端笔试题部分总结 原文地址:http://www.cnblogs.com/venoral/p/5325202.html 这只是部分题,答案为个人观点如有错误欢迎指出,感觉考点都挺基础,但是很注重考细节方面,通过整理也知道自己在CSS3和HTML5,网络知识等方面的不足还是得多学多练多思考.攒rp,希望自己在明天360笔试中能轻松答过~ css 1.多选 //HTML <p>很长的一段文字,很长的一段文字,很长的一段文字,特别长的文字</p> //CSS p{ w

阿里2道前端笔试题+堆糖2道前端笔试题

阿里前端笔试题 1.一个表格HTML代码如下 <table id="table1"> <tbody> <tr><td>1</td><td><button>Delete</button></td></tr> <tr><td>2</td><td><button>Delete</button></

经典的阿里前端笔试题

1 请说明下面各种情况的执行结果,并注明产生对应结果的理由. function doSomething() { alert(this); } ① element.onclick = doSomething,点击element元素后. ② element.onclick = function() {doSomething()}, 点击element元素后. ③ 直接执行doSomething(). 参考答案: 1.element:调用执行时直接指向事件元素. 2.window:函数调用中的 thi

js+html+css实现简单页面交互功能(2015知乎前端笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2

js+html+css实现简单页面交互功能(2015知乎前端笔试题) http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2 密码:hellozhihu

前端笔试题:拍扁多维数组、提取URL中的参数变成对象、实现string的trim()函数、判断Email地址、16进制颜色转rgb格式

(1)拍扁数组 这是一个著名互联网公司今天的前端笔试题:多维数组维数不定,如[2,4,1,[2,3,4,[1,2],5,3],3,8]拍扁为[2,4,1,2,3,4,1,2,5,3,3,8].维数不定,应该要用递归: 答案: function flatten(arr){ var arrLength=arr.length; for(var i=0;i<arrLength;i++){ if(arr[i].constructor==Array){ arr.splice(i,1,flatten(arr[

前端笔试题汇总整理

一.Js对象 1.如何根据逗号分隔的字符串创建数组呢?请为下面的字符串创建一个数组,并访问第三个元素:"cats,dogs,birds,horses" 知识点:数组和字符串的转换.考察split() 方法.把一个字符串分割成字符串数组(将字符串按某个字符切割成若干个字符串,并以数组形式返回) var animalString="cats,dogs,birds,horses"; var animalArray=animalString.split(",&qu

前端笔试题笔记(回到顶部组件)

前端笔试题笔记(回到顶部组件) 题目要求:当页面向下滚动距顶部一定距离(如100px)时出现,向上回滚距顶部低于同样距离时隐藏,点击返回顶部组件时页面滚动到顶部: 这题一共4个问题要解决:向下滚动距顶部一定距离(如100px)时出现.上回滚距顶部低于同样距离时隐藏.点击返回顶部组件时页面滚动到顶部.始终定位在某个位置(一般来说是右下角) 第一个和第二个问题用在window.onscrollTop中,判断document.body.scrolTop的值加以判断即可,同时设定空间的display最原