面试题目

昨天晚上9点半多接到大众点评的实习生面试电话，面试时间为半个多小时。第一次电话面试，表示还真的有点不适应。面完后，大脑一片空白，整个人处于一脸懵逼状态...
没有录音，这些问题都是今天回忆的，可能会有纰漏。把他问的问题汇总下

1、自我介绍
　　没有准备，不知道怎么介绍，后面他直接打断，开始问问题。平时就应该准备一份的，背熟

具体问题：

1、css display属性有哪些值，各有什么表现
　　不知道为什么，这个问题就是听不清楚........重复了好多遍（尴尬）

2、position属性的值

3、盒模型和box-sizing

4、三级菜单的实现，简单描述下你的实现过程；不用框架

5、一个table，点击按钮，实现某一列的刷新，不能采用框架，简单描述下实现过程

6、事件绑定的具体实现...事件移除

7、ajax的实现

8、对MVC有了解吗，
　　这个表示知道有这个，但是不是很了解；也就简单的说了下

9、nodejs知道吗
　　感觉现在似乎真的得学noedjs...但是就是学的一知半解的。

10、你觉得应该重点掌握哪些知识
　　我答原生js, 
　　他补充：除了原生js之外，去了解一些框架，nodejs等，

11、页面的渲染过程（大概是这样）

12、json是什么的缩写

13、缓存机制

14、dom2和dom0之间的区别

15、dom3新增加了哪些特性，哪些已经被完全接受了

16、json是什么的缩写

　　自己给自己挖的坑

17、http请求有哪些，post和get有什么不一样

 

18、手机某一行均分为四个，不知道尺寸的情况下

　　这道题不是很理解，我说百分比，他说不知道尺寸，兼容各个屏幕，（媒体查询，rem，自己瞎猜的）

后面问了下他学习的建议：（有点忘了，大概说下）
　　不要太拘泥于书本，多多练习，大多数人都是会用框架，但是我们也要去了解框架的出现是为了解决什么问题，学习nodejs，多多关注github上的一些好的项目，能够有项目经验最好

　　面试结果自己也知道不是很好，整个回答过程一直有点吞吞吐吐，不是很顺。感觉有些东西你知道，也会用，但是真叫你表述出来的时候，你还真不知道怎么说，说到底还是不熟。有必要把这些常问的整理一份，读读背背。

　　然后自己也感觉到了和面试官之间的巨大差异，就是你能够感受到对方的基础是非常扎实的。整个面试过程其实还不错啦，面试官人很好，你不懂他会引导你，会去启发你，如果真不知道就说不知道，不要支支吾吾半天说不出来，毕竟是电话面试。你什么水平面试官心中是很清楚的，但是他只是想知道你到底处于一个怎样的位置。

秋招笔试碰到的疑难题目1

30、关于return语句

function foo(a,b){  return   a+b;}var t=foo(3,4);console.log(t)//undefined

 

29、关于自执行匿名函数

for(var i=0;i<3;i++){  setTimeout((function(a){    console.log(a);  })(i),0);}
//0 ,1 , 2

 

28、来自网易笔试的一道题目：下面表明可以重复绑定的，并且不会弹出错误：

var dd=document.getElementById("dd");for(var i=0;i<3;i++){  dd.onclick=function(){    console.log(1);  }}

 

27、关于未定义的变量

var ttt="ttt";console.log(ttt+abc)//ReferenceError: abc is not defined

 

26、$("[href]").html("")这个是所有的包含有href属性的innerHTML都会被置空。来自搜狗笔试。

//这样是没有效果的var li=document.getElementsByTagName("li");var lii=document.getElementsByClassName("foo");lii.innerHTML=""; //无效li.innerHTML=""; //无效//只有确定某一个才有效果。li[0].innerHTML="3";lii[1].innerHTML="";

 

25、form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype="application/x-www-form-urlencoded".这个属性管理的是表单的MIME编码，共有三个值可选：

 

                  ①application/x-www-form-urlencoded  (默认值)

                  ②multipart/form-data

                  ③text/plain

①application/x-www-form-urlencoded是默认值，大家可能在AJAX里见过这个：xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 这两个要做的是同一件事情，就是设置表单传输的编码。在AJAX里不写有可能会报错，但是在HTML的form表单里是可以不写enctype="application/x-www-form-urlencoded"的，因为默认HTML表单就是这种传输编码类型。

而②multipart-form-data是用来指定传输数据的特殊类型的，主要就是我们上传的非文本的内容，比如图片或者mp3等等。

③text/plain是纯文本传输的意思，在发送邮件时要设置这种编码类型，否则会出现接收时编码混乱的问题，网络上经常拿text/plain和text/html做比较，其实这两个很好区分，前者用来传输纯文本文件，后者则是传递html代码的编码类型，在发送头文件时才用得上。

①和③都不能用于上传文件，只有multipart/form-data才能完整的传递文件数据。

 

 

24、设有2条路由21.1.193.0/24和21.1.194.0/24,如果进行路由汇聚,覆盖这两条路由的地址是____.

    　　　　A 21.1.200.0/22                 B 21.1.192.0/23

    　　　　C 21.1.192.0/21                 D 21.1.224.0/20

　　194：11000010
　　193：11000001
C选项无论21还是22，其实都符合题目要求！使用22个网络位的话，会在选择路由时，符合“最长前缀匹配”这一规则，这是因为网络前缀越长，其地址块就越小，因而路由就越具体，效率也越高。使用21的话，也没什么影响，就是不符合上面这一规则而已！

 

23、订单数据库的设计

之前一直不知道订单详情表要怎么搞，因为，你下一个订单可能包含好几种商品啊，后面想通了，以订单号为主键，多插入几条数据不就好了，为什么一定要放在一行呢？

 

22、二叉树的对称序列就是中序遍历。

 

21、enum， 如果中间有参数初始化了，就在该参数基础上，下一个未赋值的参数值为该赋值参数的值+1。

 

20、100M内存  1G的数据，采用的算法应该是归并排序。

 

19、sizeof 空类的大小为1

 

18、二分法查找

例子：2，5，7，10，14，15，18，23，35，41，52 中查找12

查找序列是15 7 10 14，查找不到

 

17、系统开销的计算 

处理机时间片为200ms，中间间隔10ms，系统开销是多少。

 

16、京东的一道选择题cpi的计算

CPI（Clock cycle Per Instruction）表示执行某个程序的指令平均时钟周期数则： 
CPI=TC/IC (IC[instrution counter]表示某个程序的所有指令的条数；tc表示执行某个程序所花费的时钟周期)

 

15、<input> type 属性

 

 

值描述button定义可点击的按钮（大多与 JavaScript 使用来启动脚本）checkbox定义复选框。color定义拾色器。date定义日期字段（带有 calendar 控件）datetime定义日期字段（带有 calendar 和 time 控件）datetime-local定义日期字段（带有 calendar 和 time 控件）month定义日期字段的月（带有 calendar 控件）week定义日期字段的周（带有 calendar 控件）time定义日期字段的时、分、秒（带有 time 控件）email定义用于 e-mail 地址的文本字段file定义输入字段和 "浏览..." 按钮，供文件上传hidden定义隐藏输入字段image定义图像作为提交按钮number定义带有 spinner 控件的数字字段password定义密码字段。字段中的字符会被遮蔽。radio定义单选按钮。range定义带有 slider 控件的数字字段。reset定义重置按钮。重置按钮会将所有表单字段重置为初始值。search定义用于搜索的文本字段。submit定义提交按钮。提交按钮向服务器发送数据。tel定义用于电话号码的文本字段。text默认。定义单行输入字段，用户可在其中输入文本。默认是 20 个字符。url定义用于 URL 的文本字段。

 

 

不看不知道，一看，吓一跳，尽然有这么多属性。

 

14、union 和union all的区别

union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。

Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序；

Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 

Intersect：对两个结果集进行交集操作，不包括重复行，同时进行默认规则的排序； 

Minus：对两个结果集进行差操作，不包括重复行，同时进行默认规则的排序。 

可以在最后一个结果集中指定Order by子句改变排序方式。

union 和 union all都可以将多个结果集合并，而不仅仅是两个，你可以将多个结果集串起来。

使用union和union all必须保证各个select 集合的结果有相同个数的列，并且每个列的类型是一样的。但列名则不一定需要相同，oracle会将第一个结果的列名作为结果集的列名。

 

13、数组是引用类型数据，之前一直以为它是基本类型，具体参见以下代码：

    var arr=[1,2,3];    var arr2=arr;    arr2.push(4);    var arr3=arr.slice(0);    console.log(arr3==arr);//flase    console.log(arr2===arr);//true

上面我先push了一下，再来复制，一个用了==，一个用了===，可以明显的判断数组确实是引用类型数据，

 

12、以下哪些是JavaScript中标准的全局属性(多选)

　　A. Infinity　　B. NaN　　C. undefined　　D. null

　　答案：ABC

　　解析：全局属性：NaN，Java，undefined，Infinity，Packages

　　顶层函数（全局函数）

函数描述decodeURI()解码某个编码的 URI。decodeURIComponent()解码一个编码的 URI 组件。encodeURI()把字符串编码为 URI。encodeURIComponent()把字符串编码为 URI 组件。escape()对字符串进行编码。eval()计算 JavaScript 字符串，并把它作为脚本代码来执行。getClass()返回一个 JavaObject 的 JavaClass。isFinite()检查某个值是否为有穷大的数。isNaN()检查某个值是否是数字。Number()把对象的值转换为数字。parseFloat()解析一个字符串并返回一个浮点数。parseInt()解析一个字符串并返回一个整数。String()把对象的值转换为字符串。unescape()对由 escape() 编码的字符串进行解码。

　　顶层属性（全局属性）

方法描述Infinity代表正的无穷大的数值。java代表 java.* 包层级的一个 JavaPackage。NaN指示某个值是不是数字值。Packages根 JavaPackage 对象。undefined指示未定义的值。

 

11、以下代码运行结果是

 

　　var mystring=" I am a student";

 

　　var a=mystring.substring(9,13);

 

　　document.write(a);

 

　　A. stud 　　B. tuden　　C. udent　　D. uden 

 

　　答案：D

　　解析：substring() 方法用于提取字符串中介于两个指定下标之间的字符。返回是一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减start。当第二个为负数的时候，会变成0，并比较两个参数的大小，将小的放在前面。

substr(s1,s2)接受两个参数，第一个是起始位置，第二个是参数数表示截取的长度。当第二个为负数的时候，会变成0，也就是截取0个数字，返回空。

 

 

10、考察对new的理解，还有就是this指向哪里

　　　　　var name="u";
        function p(name){            this.name=name;        }
        p1=p("t");          p2=new p("r");
        console.log(p1);//undefined        console.log(p2);//p的一个实例对象        console.log(name);//t        console.log(p2.name);//r        console.log(p1.name);// cannot read property

 

9、考察对css位置的理解，x是否都在y的左边，还有两个选项忘了

　　<p style="float:left">x<p>    <p style="float:right">y</p>    <br>    <br>    <p style="float:left">x</p>    <p style="width:100%;background:red;">y</p>

 

8、对一些不常用css的考察

• :nth-last-of-type() 

• :last-of-type 

• :nth-of-type

这几个都是存在的。。。。。貌似我选错了

 

7、用和不用use strict

解析：严格模式下，对象不能有重名的属性。正常模式下，如果对象有多个重名属性，最后赋值的那个属性会覆盖前面的值。严格模式下，这属于语法错误。

　　　　　　严格模式详解参考：http://www.cnblogs.com/jiqing9006/p/5091491.html

　　　　我尝试结果是：

　　　　IE：

　　　　使用严格模式：（报错）

 

　　　　　　

 

　　　　不使用严格模式：（不报错）

 

　　　　　　

 

　　　　Chrome:

　　　　用不用严格模式都不报错：

 

　　　　　　

 

　　　　　　

 

　　　　Firefox：

　　　　用不用严格模式都不报错：

 

　　　　　　

　　　　　　

 

 

 

 

6、考察math round, ceil ,floor的区别

　　round()方法第二题解析过，是取与 x 最接近的整数，不一定大于等于参数

　　floor() 方法可对一个数进行下舍入。该方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。

　　ceil() 方法可对一个数进行上舍入。该方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数。

 

5、页面有一个按钮button id为 button1，通过原生的js如何禁用？

<input type="button" id="button1" value="1">    <input type="button" id="button2" value="2">    <input type="button" id="button3" value="3">    <input type="button" id="button4" value="4">    <input type="button" id="button5" value="5">    <input type="button" id="button6" value="6">    <script>    var t1=document.getElementById("button1");    var t2=document.getElementById("button2");    var t3=document.getElementById("button3");    var t4=document.getElementById("button4");    var t5=document.getElementById("button5");    var t6=document.getElementById("button6");    t1.setAttribute("disabled"," true");//yes    t2.setAttribute("readonly",true);//no    t3.disabled=true;//yes    t4.readonly=true;//no    t5.setAttribute("disabled",true);//yes    t6.setAttribute("readonly","true");//no

实验发现设置readonly属性都是不可以的，disabled无论true加不加双引号都可以，“.”法和setAttribute两个都可以使用

 

4、页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色？

正确答案 : AA document.getElementById("button1").style.backgroundColor="red";B document.getElementById("button1").style.backgroundcolor="red";C document.getElementById("button1").style.backGroundColor="red";D document.getElementById("button1").style.bgcolor="red";

 

3、请选出所有的置换元素（    ）

正确答案 : ABCDA imgB inputC textareaD select

 

2、typeof 的一些用法

var str=new String(4)        var num=new Number(5)        console.log(typeof "123"); //string        console.log(typeof 123); //number        console.log(typeof str); //object        console.log(typeof num); //object                function t (s1,s2,s3) {            console.log(arguments.length)        }        t(23,32,23);//3

 

1、自调用匿名函数语句

function sayhi(m){console.log(m)}("hi");      //不会执行!function sayhi(m){console.log(m)}("hi");    //立即执行，输出hi+function sayhi(m){console.log(m)}("hi");    //立即执行，输出hi~function sayhi(m){console.log(m)}("hi");    //立即执行，输出hivar s=function sayhi(m){console.log(m)}("hi");//立即执行，输出hi

第一个函数是个匿名函数，并不会立即执行，因为js将其当成是函数定义；其后三个前面分别加了一些符号，js就会将其解析成表达式，就会立即执行。第四个是真正意义上的函数表达式，所以，会立即执行，输出结果。相比采用括号包住的自调用匿名函数，他还少了个一个字符