1、写出javascript运行结果:alert(‘5’+5);

结果:alert()函数中不能进行算术运算或字符串拼接,故不会弹出对话框。

 
2、写出javascript运行结果:for(var i=0; i<10; i++){} alert(i);
结果:10
 
3、Cookie、sessionStorage、localStorage的区别
共同点:都是保存在浏览器端,且同源的。
区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和
localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径
下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话
标识。  
4、javascript中call()方法和apply()方法的区别。
var a1 = sub.call(add, 4, 2);//可以理解为将add当作sub来调用,也就是参数通过add传入,但执行用sub来代替add。
参考:call()和apply()方法作用相同,动态改变运行上下文,跨作用域调用函数或方法。
区别:唯一区别在于两个方法的第二个参数,call()方法的第二个参数是依次给将要调用的函数或方法传递参数;而apply()方法的第二个参数是数组或类数组(arguments)。
例子:foo.call(this, para1,para2,para3)等价于foo.apply(this,[para1,para2,para3])
 
 
5、什么是 “use strict”? 使用它的好处和坏处是什么?
参 考:”use strict”(严格模式) 是在ECMAScript5中提出来的,是为javascript定义了一种不同的解析与执行模型。在严格模式下,ECMAScript3中一些不确定的 行为将得到处理,而且对某些不安全操作也会抛出错误。(参考《javascript高级程序设计》)严格模式分为全局严格模式和局部严格模式。
好处:(1)、消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
   (2)、消除代码运行的一些不安全之处,保证代码运行的安全;

   (3)、提高编译器效率,增加运行速度;
   (4)、为未来新版本的Javascript做好铺垫。
坏处:在一个全局环境下使用严格模式,会使得非严格模式下的代码merge后可能出现问题。
 
6、写一段简单的正则表达式,匹配并取出字符串”https://www.baidu.com/s?cl=3”中的域名部分(注:域名部分非固定)
 1 var str="https://www.baidu.com/s?cl=3";
2
3 var reg=/https:\/\/([A-Za-z\.]+)\/\S+/;
4
5 var result=reg.exec(str);
6
7 if(result){
8
9 alert(result[1]);
10
11 }
7、用原生javascript编写程序:创建一个ul无序列表元素添加到body中,ul下包含5个li元素,每个li元素包含一个text类型元素,text元素内容可自定义。
 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
5 <title>2015百度实习笔试题7</title>
6 <script>
7 window.onload=function(){
8 var ulNode=document.createElement('ul');
9 var bodyNode=document.getElementsByTagName('body');
10 bodyNode[0].appendChild(ulNode);
11 for(var i=0; i<5; i++){
12 var liNode=document.createElement('li');
13 var textNode=document.createTextNode('li'+i);
14 liNode.appendChild(textNode);
15 ulNode.appendChild(liNode);
16 }
17 }
18 </script>
19 </head>
20 <body>
21
22 </body>
23 </html>

8、用HTML和css实现如下布局,只需写出排版结构及样式,不要求把内容一起写上。

 
 
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>2015百度实习笔试题8</title>
<style>
li{ list-style-type: none;}
.info{ float: left; margin: 0 20px 20px;}
</style>
</head>
<body>
<div class="main">
<ul>
<li><div style="margin: 20px;"><b>精彩分类</b></div></li>
<li>
<div class="info"><img src="0000.png" alt="捕食草" /></div>
<div class="info">
<p><span>捕食草</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>所属分类:草本植物</span></p>
<p>是一种食虫植物。</p>
</div>
</li>
<li style="clear: both;"></li>
<li>
<div class="info"><img src="0000.png" alt="虎鲸"> </div>
<div class="info">
<p><span>虎鲸</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>所属分类:海洋</span></p>
<p>是一种大型齿鲸。</p>
</div>
</li>
</ul>
</div>
</body>
</html>

9、 【附加题】假设有一个基础对象叫“动物”,拥有以下属性:腿的数量、是否有尾巴,有另外一个对象叫“猫”,拥有“动物”对象的属性,并增加一个属性为:动 物名称,再增加一个方法,返回动物名称+腿的数量+是否有尾巴的描述,请使用javascript原型链继承来创建以上2个对象。

关于prototype的理解

代码:

<!DOCTYPE html>

<!--  js_event1.html  -->
<html>
<head>
<script type="text/javascript">
function Animal() {
}
Animal.prototype.leg = 4;
Animal.prototype.tail = true;
var animal = new Animal();
function Cat() {
}
Cat.prototype = animal;
Cat.prototype.name = 'cat';
Cat.prototype.getInfo = function() {
return "Animal's name:" + this.name + ",number of leg:" + this.leg
+ ",has tail:" + Boolean(this.tail);
};
alert(Cat.prototype.getInfo());
var cat = new Cat();
alert(cat.getInfo()); function Animal(leg, tail) {
this.leg = leg;
this.tail = tail;
} function Cat(name, leg, tail) {
Animal.call(this, leg, tail);
this.name = name;
this.getInfo = function() {
return "Animal's name:" + this.name + ",number of leg:" + this.leg
+ ",has tail:" + Boolean(this.tail);
};
} var cat = new Cat('cat', 4, true);
cat.getInfo();
</script>
</head>
<body> </body>
</html>

2016届百度实习生前端笔试题上海卷a的更多相关文章

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

    1.写出javascript运行结果:alert(‘5’+5); 结果:’55’ 2.写出javascript运行结果:for(var i=0; i<10; i++){} alert(i); 结 ...

  2. 也许你需要点实用的-Web前端笔试题

    之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...

  3. 2014阿里巴巴WEB前端实习生在线笔试题

    2014年3月31日晚,我怀着稍微忐忑的心情(第一次在线笔试^_^!!)进行了笔试.阿里巴巴的笔试题共同拥有10道,差点儿包括了Web前端开发的各个方面,有程序题.有叙述题.时间很紧张,仅仅完毕了大概 ...

  4. 阿里巴巴集团2016校园招聘-Python工程师笔试题(附加题+部分答案)

    前言 第一次网上笔试,被虐的很惨.一是不太习惯,最主要的是还是自己对Python的掌握,还不够熟练.下面是这次阿里笔试相关信息 笔试时间是,2015年8月23日,10:00——12:00 对于笔试题, ...

  5. 前端笔试题2 JS部分

    笔试题2 var EventME = {}; EventME.addHandle = function(ele, eventName, handleFunction) { if (ele.addEve ...

  6. 2017百度web前端实习生在线笔试题

    代码: import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner s ...

  7. 2016年4月21百度iOS实习生在线笔试题&编程题

    1.一个人上台阶可以一次上1个,2个,或者3个,问这个人上32层的台阶,总共有几种走法? 思路:先建立数学模型,设3步的走 i 次,2步的走 j 次, 1步的走 k 次,上了3*i + 2*j + 1 ...

  8. 2017携程Web前端实习生招聘笔试题总结

    考察encodeURI encodeURI(), decodeURI()它们都是Global对象的方法. encodeURI()通过将某些字符的每个实例替换代表字符的UTF-8编码的一个或多个转义字符 ...

  9. 2017腾讯Web前端实习生招聘笔试题总结

    指针与引用的区别 考察margin塌陷 考察C++继承和~符号 考察TCP通讯过程 位码 三次握手 为什么不是两次握手 为什么不是四次握手 四次挥手 为什么要四次握手 TCP的状态 考察严格模式 进程 ...

随机推荐

  1. 微软企业库的Cache

    微软企业库的Cache 通常,应用程序可以将那些频繁访问的数据,以及那些需要大量处理时间来创建的数据存储在内存中,从而提高性能.基于微软的企业库,我们的快速创建一个缓存的实现. 新建PrismSamp ...

  2. 九章算法系列(#3 Binary Tree & Divide Conquer)-课堂笔记

    前言 第一天的算法都还没有缓过来,直接就进入了第二天的算法学习.前一天一直在整理Binary Search的笔记,也没有提前预习一下,好在Binary Tree算是自己最熟的地方了吧(LeetCode ...

  3. SQL中什么叫模式

    模式(schema) 是 数据库体系结构中的一个节点对于 SQL Server 数据库来说.访问具体的一个表,可以由 4个部分组成分别为 服务器名, 数据库名,模式名,表名.对于访问本地的数据库因为 ...

  4. 什么是dtd文件,为什么需要dtd

    DTD为英文Document Type Definition,中文意思为"文档类定义".DTD肩负着两重任务:一方面它帮助你编写合法的代码,另一方面它让浏览器正确地显示器代码.也许 ...

  5. App Store审核指南中文版(2014.10.11更新)

    App Store审核指南中文版(2014.10.11更新) 2014-10-11 16:36 编辑: suiling 分类:AppStore研究 来源:CocoaChina  2 8657 App ...

  6. hdu 1535 Invitation Cards

    http://acm.hdu.edu.cn/showproblem.php?pid=1535 这道题两遍spfa,第一遍sfpa之后,重新建图,所有的边逆向建边,再一次spfa就可以了. #inclu ...

  7. CoFun 1613 单词连接

    Description Stan有N个不同的单词,这天,Stan新结交的两个朋友来他这里玩,Stan作为主人,他需要送给他们单词,但由于Stan不能偏心,所以Stan给每个单词一个权值v_i,他需要他 ...

  8. VS2010的openssl源码编译方法

    http://download.csdn.net/download/soucula/9591308

  9. Linux——oracle数据库实例启动关闭(转)

    -->Oracle 数据库实例启动关闭过程 --================================ [root@robinson ~]# su - oracle --查看未启动实例 ...

  10. PHPDocumentor安装与使用

    phpDocuemtor官网:http://www.phpdoc.org/ 通过pear安装,进入dos的php目录,输入pear install -a PhpDocumentor.如果想使用web接 ...