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. JavaWeb学习笔记-使用HttpSession对象跟踪会话

    使用HttpSession接口开发的步骤: 1.获取HttpSession对象 2.对HttpSession对象进行读写 3.手工终止HttpSession,或者自动终止 常用方法: getId(): ...

  2. 使用ARM模板在Azure中国大规模部署DCOS集群

    容器技术是目前非常流行的技术,尤其是在以Docker作为容器引擎的推动下,让容器的轻量级,可移植,自包含,隔离性等的上了一个新的台阶,目前谈及Dev/Ops,CI/CD很少能够绕过Docker的. A ...

  3. “假如花千骨在杭州拍摄” 主题Cosplay

    “假如花千骨在杭州拍摄” 主题Cosplay 今天,2015年7月23日,本周三:此刻,现场正在中国杭州西湖举办“花千骨cosplay”大型分享活动,现场有超凡而孤高,冰凉而淡漠 ,温润如玉又云淡风清 ...

  4. 安装Oracle10g on RedHat as 4 64bit（摘）

    一.安装前的配置 1.修改RH版本 vi /etc/redhat-release Red Hat Enterprise Linux AS release 3 (Taroon Update 3) 2. ...

  5. C#语言之“中英文混合字符串对齐”的方法【转】

    参考自:(1)http://www.cnblogs.com/cnluoke/articles/1213398.html (2)http://www.cnblogs.com/sql4me/archive ...

  6. CTO这点事（技术，业务，管理，情商，周期，趋势）转

    几乎整个互联网行业都缺 CTO,特别是一些草根背景的创业者,这个问题更加显著.从我自己的感受,身边各种朋友委托我找 CTO 的需求,嗯,算下来超过两位数了,光最近一个月就有 3 个,而且这三家都是刚拿 ...

  7. C#开发者准备的通用性代码审查清单

    这是为C#开发者准备的通用性代码审查清单,可以当做开发过程中的参考.这是为了确保在编码过程中,大部分通用编码指导原则都能注意到.对于新手和缺乏经验(0到3年工作经验)的开发者,参考这份清单编码会很帮助 ...

  8. Mysql 创建用户并对其赋予操作权限

    授权命令GRANT 语句的语法如下: GRANT privileges (columns) ON what TO user IDENTIFIEDBY "password" WITH ...

  9. 烟雾检测笔记1--《Video-based smoke detection with histogram sequence of LBP and LBPV pyramids》解析、实现

    基于HEP(histograms of equivalent patterns[1])框架下的特征具有良好的纹理分类效果,LBP(local binary patterns[2])属于HEP框架下最常 ...

  10. hdu 3635 Dragon Balls（并查集应用）

    Problem Description Five hundred years later, the number of dragon balls will increase unexpectedly, ...