阿里音乐前端面试总结（2015年7月）

一、基础：

1. 数组转化为字符串的方法，字符串转化成数组？

数组 – > 字符串 Array.join() 其实还有最基础的toString()方法，一下子没想起来
字符串 – > 数组 String.split(),

2.call和apply的区别：

call传入的是待调用函数的值，apply传入的是是保存有实参的数组

应该再具体说一下的它们的作用的

3.对正则表达式的了解：

只是说用的比较多的是match方法，在URL匹配那块

应该说返回的由匹配结果组成的数组，核心是“数组”二个字。

正则表达式常用的4种方法：

• search检索，返回与参数匹配的子串的起始位置
• replace:检索与替换
• match
• split:字符串拆分为数组 ### 4.图片水平垂直居中： 回答table-cell方法，line-height，但具体实现没说出来

图片垂直居中-张鑫旭

5.Ajax工作步骤：

new XMLHttpRequest()-> open()->setRequestHeader()->onreadystatechange->send()

6.id选择器 类选择器 属性选择器权重

不管怎么变都是id选择器权重高，要想改变可以通过直接在内置样式设置或是通过!important改变。

7.改变元素的CSS属性

style、setAttribute()、cssText()、添加class

getComputedStyle()是只读的，不能修改

8.HTTP状态码

https://zh.wikipedia.org/wiki/HTTP%E7%8A%B6%E6%80%81%E7%A0%81

9.请求URL后发生的事情

http://book.douban.com/subject/25910556/

10.offsetWidth、clientWidth、scrollWidth区别

• 查询滚动条位置：window.pageXOffset window.pageYOffset e.scrollLeft e.scrollTop（通常直接查询文档根节点document.documentElement.scrollTop）
• 查询元素文档位置：e.offsetLeft e.offsetTop（定位元素返回相对于祖先元素而非文档）demo
• 查询元素几何尺寸: getBoundingClientRect(),返回（皆为视口坐标）左上角（left,top）,右下角(right,bottom)，宽度、高度 获取文档坐标
• 查询视口尺寸：window.innerWidth window.innerHeight
• offsetWidth clientWidth scrollWidth区别：修改版获取文档位置
  offsetWidth:包含元素边框和内边距；clientWidth:包含内边距，不包含边框以及滚动条；scrollWidth包含内边距加任何溢出内容的尺寸。

项目及其他：

1. 常逛的技术网站：https://github.com/jikeytang/front-end-collect

总结：

基础方法感觉回答的还可以，有几个简单的问题答错了，其实主要问题还是缺乏面试经验，在很多会的问题上仅仅是答上来，但没有特别出彩的地方。

二面三面都是问了一些项目相关的，二面面试官也是阿里音乐的，聊的很好；三面是交叉面，完全不在状态，我听不明白面试官说的，面试官也听不明白我说的，然后，就没有然后了