前端面试知识点--6

整理自牛客网面经

js有几种数据类型。
将一个字符串转化为数字，将数字转化为字符串。
将数字转化为布尔型。
对数组的几种操作方式。
获取当前网址url并从中截取信息。
postison的几种属性
rem移动端
事件委托原理
闭包原理并应用
原型继承的几种方式
jsonp跨域问题，并手写代码
实现斐波那契数列，并手写代码
数组去重，并手写代码

1.手写jsonp的实现
2、手写链表倒数第K个查找
3、http请求头，请求体，cookie在哪个里面？url在哪里面？
4、垂直居中，多行文本垂直居中
5、原型链的解释
6、对闭包的理解，实现一个暴露内部变量，而且外部可以访问修改的函数（get和set，闭包实现）
7、{}=={}? []==[]? null==undefined?
8、基本的数据类型
9、基本的两列自适应布局
10、unix中常用的命令行
11、OSI模型，HTTP,TCP,UDP分别在哪些层
12、网站性能优化
13、解释平衡二叉树，以及在数据结构中的应用（红黑树）
14、快排的时间复杂度和空间复杂度。

手写一个jQuery插件
2、在jquery方法和原型上面添加方法的区别和实现（$.extend,$.fn.extend），以及jquery对象的实现（return new jQuery.fn.init）
3、手写一个递归函数（考察arguments.callee，以及arguments的解释）
4、对前端路由的理解？前后端路由的区别？
5、介绍一下webpack和gulp，以及项目中具体的使用
6、你对es6的了解
7、解释一下vue和react，以及异同点
8、关于平衡二叉树
9、前后端分离的意义以及对前端工程化的理解
10、使用css实现一个三角形（盒模型border和css旋转两种方法，主要考察css3旋转）
11、用promise手写ajax
12、手写一个类的继承，并解释一下
13、解释一下call函数和apply函数的作用，以及用法

介绍自己
2、手写一个js的深克隆
3、for函数里面setTimeout异步问题
4、手写归并排序
5、介绍自己的项目

、实现两个数组的排序合并，我一开始先合并再排序，他不乐意，然后我用了类似插入排序的方法。
2、手写一个原生ajax
3、手写一个promise版的ajax
4、手写实现一个promise（不会）
5、手写实现requireJS模块实现（想了半天才想到createElement(“script”），配合异步来加载，闭包导出）
6、手写实现jquery里面的insertAfter（结合nextSibling和insertBefore来实现）
7、react和vue的介绍以及异同
8、AMD和CMD，commonJS的区别

介绍一下backbone。
2.了解过SEO吗？
3.低版本浏览器不支持HTML5标签怎么解决？
4.用js使低版本浏览器支持HTML5标签 底层是怎么实现的？
5.实现一个布局：左边固定宽度为200，右边自适应，而且滚动条要自动选择只出现最高的那个。
6.画出盒子模型，要使谷歌浏览器的盒子模型显示得跟IE浏览器一致（让谷歌跟ie一致，不是ie跟谷歌一致），该怎么做？
7.手写JS实现类继承，讲原型链原理，并解释new一个对象的过程都发生了什么。
8.Array对象自带的方法，一一列举。
9.若干个数字，怎么选出最大的五个。
10.Array对象自带的排序函数底层是怎么实现的？
11.常用的排序算法有哪些，介绍一下选择排序。
12.了解navigator对象吗？
13.手写一个正则表达式，验证邮箱。
14.link和@import引入CSS的区别？
15.刚才说有些浏览器不兼容@import，具体指哪些浏览器？
16.介绍一下cookie,localstorage,sessionstorage,session。

、Array的unshift() method的作用是什么？如何连接两个Array？如何在Array里移除一个元素？
——很简单，就不解释了。
2、用纸笔写一个Closure，任意形式和内容。
——可以用Anonymous function来写，也很简单。
3、知不知道Array-like Object？
——比如arguments或者DOM elements collection(queried by selectors)
4、如何用Native JavaScript来读写Cookie？
——这个忘了，没答出来。
5、知不知道CSS Box-model？
——很简单，顺便说了下IE6的差别。
6、如何做一个AJAX Request？
——说了一下XMLHttpRequest基本用法。
7、Cross-domain access有没有了解？
——说了一下JSONP和Preflight request
8、前端安全方面有没有了解？XSS和CSRF如何攻防？
——XSS的攻防不太清楚，CSRF说了一些，主要是every user can have a unique session id that will be cleared and regenerated every session to identify uniqueness.
9、HTTP Response的Header里面都有些啥？
——其实有好多，但只说了Content-Type和Cross-domain access的一些header properties。
10、知不知道HTTP2？
——没答出来。
11、输入URL后发生了什么？
——DNS解析，定位Server，检查Default HTTP Port，TCP Three-way handshakes，HTTP Request，HTML Tokenization and DOM Tree building，CSSOM building and JavaScript execution，最后是Render Tree building, layouts calling and style recaluculating……说实话说到这里还没说完，但面试官叫住我，说：不用说了我知道你啥意思……
12、new operator实际上做了什么？
——Call constructor and allocate memory然后是连接object和它本身的prototype最后return this(conceptually)

、自我介绍。
2、面向对象的属性有哪些？
——这题本来是知道的，但一开始没理解面试官的意思，讲了object的methods和states，面试官笑了打断了我，重复了问题，我吓了一跳，然后重新说polymorphism和inheritance，然后一下子懵逼，面试官后来才说还有一个encapsulation（这个真是一下懵了，很简单的问题）。
3、做一个两栏布局，左边fixed width，右边responsive，用纸笔手写。
——写了flexbox和float两种实现。
4、讲一下AJAX Request。
——说了IE9 Compatibility solution和正常的XMLHttpRequest，包括Cross-domain时候可修改的header properties。
5，讲一下Cross-domain access。
——就是瞎扯了一些之前一面说过的，加上了preflight request的解释。
6，介绍一下做过的项目。
——介绍了其中一个用JavaScript实现的游戏引擎。