1、面试中回答问题要记住这几点！ 首先：遇到面试官的问题即使很会也不要急于回答，思考几秒钟..，既给自己回答屡清思路，也会让面试感觉你的严谨。其次：不知道的问题一定会有，但是不知道的一定不要瞎说，用委婉的话带过去，乱说在任何时候都会降低你的技术的评判。 其次：把握主动权，不要紧张，避免说你（这样会将两个人的距离拉开，尽量说我们， 咱们等这样的话），起码两个人处于平等的关系里，不要一味的站在一个被动的位置，如果是这样即使通过面试也一定拿不到你理想的薪资待遇。 然后：回答过程中一定要扩展，尽可能的去扩展，这样就需要在回答问题之前就要把相关知识在脑海里进行梳理，这既能提现出你的技术跟经验的丰富，有能表现出能言善辩的特点，一定是个加分项，并且可以获得相应的主动地位。 注意：谦虚是每个人都需要具备的优点，当你不会时请教并不是证明你能力不足。恰好相反！本身在IT行业就是一个需要不断学习跟请教的职业，也是公司发展比较看重的地方，当遇到你的难点时，去弄懂它也是你的责任，更是为你将来的发展铺垫脚石。
2、面试该有的准备（心理、技能）！ 主要两点想必大家都懂，我介绍一下细节。 1.心理准备：要明白面试时一个平等交流的过程，没有高低等级，不成则退的关系而已，不要有任何的心理负担，没有谁对比起谁，千万不要把自己放在低一级的位置！原因是会导致你的不自信，紧张，影响正常的应变，扰乱你的思路，更会被别人牵着鼻子走！ 2.技能准备：技能准备分为应对技能和职业知识技能； 什么是应对技能能呢？，所谓知己知彼才能百战百胜，我要先谅解面试公司的背景、产品、公司的运营模式、和公司的发展前景等，一遍在面对对方非专业性知识的问题是能从容应对，更能体现出你的有备而来！绝对的加分项目！ 职业技能就不必多说了，面试前必须要了解自己做的是什么工作，百度也好，询问经验足的前辈也好，一定要为专业知识的对答有个一个大体的轮廓！知道哪些是重点问的几率大，哪些可能是加分项！
3、自我介绍（介绍、自我推销） 因为我是做web前端的拿我的职业做个例子（献丑）： 面试官您好，我叫xxx，xx学校毕业，离校后在xxxxx公司工作，任这家电商公司web前端工程师职位，大约做了一年多，因为当时公司规模也比较小，对新技术的依赖性也不是很大，基本都是维持用一套比较老的框架（基于jQuery的技术），当时也了解react、vue等技术但是从来没实践过，都知道北京的IT发展是国内最发达的，趁着自己年轻又有敢拼敢学的劲儿来到了北京发展。到现在也基本有四年的工作经验啦，上家公司是做教育的，因为公司的项目进入维护阶段，近两个月一直都在维护项目，事情也比较少，所以跟公司领导协商后离职了，因为对咱们公司的企业文化还有产品都比较喜欢所以来咱们公司求职。 我的专业技能在简历上都有比较详细的介绍，接下来我再做一个简单的介绍：因为在一开始入行的时候就做的是PC端的网站，所以对应PC端布局包括ie8的兼容都没有问题，现在兼容ie的项目比较少，如果做也OK的。原生js基础掌握的还可以的，pc端项目用jquery和原生js做的比较多，bootStrap用的比较熟，使用ajax获取数据包括和后端进行接口的商定也都有很经验。 目前流行的框架react、vue等框架类项目也有不少的经验，H5还有C3的效果也没啥问题，响应式的项目也做过一些，移动端的webapp也做过，微信公众号也曾经做过一点，调用过微信JSSDK，混合开发也做过一个项目，用的是Dcloud团队的Hbuilder、mui、h5+runtime来打包测试调用硬件，bootStrap用的比较熟了，其他的AmazeUI，sui也都接触过，swiper，iscroll，echarts，highcharts也都了解一些，流行的框架angular、react也都做过一些东西，对他们的应用、机制、特性也都较为了解，vue和微信小程序还有nodejs现在也在慢慢的学习... 哦！我最近做的一个项目是....的项目，我在里面负责...模块，使用了...技术，遇到了...问题，怎么解决的.... 这就是我的一些基本个人情况，您有什么需要了解的吗.... 避免尴尬，让面试过程融洽....
4、几个常见的前端问题（仅供参考）： 1.引用关系是什么？ ----堆和栈对于存储数据来说有什么区别 想（几秒钟的思考不要忘记，即使你很会）：堆和栈、数据类型的分类 基础回答：数据类型的分类：初始类型和引用类型，简单类型和复杂类型，基本类型和引用类型 初始类型和引用类型都有哪些数据： number string boolean undefined null object array function 应该想到的拓展（会是加分项呦！）：数据及变量在内存中的存储以及对应方式： 变量存在栈里，初始数据类型存在栈里，引用类型存在堆里 如果变量的值是初始类型，所以对应方式应该是直接关系 如果变量的值是引用类型，所以对应关系应该是引用关系 直接关系和引用关系有什么区别： 直接关系的话变量保存的就是值，变量进行重新赋值，其实是变量对应的值进行了更改 引用关系的话，变量保存的是数组在堆里的地址（十六进制），变量进行重新赋值，其实是变量保存的地址发生了改变 举例子： var a=[1,2,3]; var b=a; b.push(4); console.log(a)//a->[1,2,3,4] js里的数据类型主要分为初始类型和引用类型，初始类型里包括什么什么什么，引用类型包括什么什么什么， 初始类型和引用类型的数据在存放上有一些区别，就会导致有的变量在重新赋值的时候可能会出一些个问题， 比如，在改变b的值的时候，因为b赋值的时候是a变量保存的东西，所以b改变的时候a也发生改变了 数据及变量在内存中的存储以及对应方式： 变量存在栈里，初始数据类型存在栈里，引用类型存在堆里 如果变量的值是初始类型，所以对应方式应该是直接关系 如果变量的值是引用类型，所以对应关系应该是引用关系 直接关系和引用关系有什么区别： 直接关系的话变量保存的就是值，变量进行重新赋值，其实是变量对应的值进行了更改 引用关系的话，变量保存的是数组在堆里的地址（十六进制），变量进行重新赋值，其实是变量保存的地址发生了改变 备注：（虽然他问道的可能不是这么多，但是你不知道接下来他会引申出什么，一下想不到这么多，但是你的专业知识一定要拓展到这里才能对答如流！）
5、 2.事件委托是什么？ 想（这几秒的过程很重要，千万不能忽略掉）：在什么时候用到事件委托？怎么调用的？ 基础回答：在做项目的时候，因为很多的元素可能都是动态获取数据之后，拼接字符串生成的，所以要想给这个元素添加事件的话不用事件委托的话只能在ajax获取数据拼接完成的success回调里进行添加，有的时候就会出现事件处理程序重复添加的情况，并且操作起来也比较负责，代码可读性变差、耦合度提高，这个时候就可以使用事件委托。 应该想到的拓展（不一定要打出来，但是会让你心里很有底！）： 可以通过给父元素添加事件来让子元素触发的时候执行事件处理程序，在项目中一般都使用类库或者框架里封装的方法，例如可以使用jq里的on、delegate、bind、live来实现事件委托。 因为父元素的事件，子元素必然可以冒泡触发，例如我给父元素添加点击事件，子元素在点击的时候就会触发父元素的点击事件，根据这个原理，想要给未来子元素添加的事件可以添加给父元素来执行，在事件回调函数里通过判断事件对象的target属性来确定是否要执行处理程序。 备注：想过程真的很重要，几秒钟是思路缕清晰的关键点，能让你有自信，抛出紧张，更流畅的做出基础回答！拓展的知识也很关键，有时候可能是你制胜的关键呦! 接下来我只介绍一些常见的问题，过程自己一定要记住不能偷懒落掉任何一个过程！
6、 3.浏览器内核： 流行的浏览器内核：Blink webkit Gecko Presto Trident chrome ：webkit-》blink safari : webkit firefox gecko ie ：trident 欧朋 :presto ->blink
7、 4.隐式转换和显式转换 在js开发里，经常会遇到需要使用某些方法或函数来进行数据类型的转换， 例如： toString（） Number（） Boolean（）可以将某些类型的数据转换成字符串、数组、布尔值等，这些转换的过程都是编程可操控的，都属于显式类型转换 有的时候在某些判断过程中，可能会将某些数据类型也进行转换，例如：== if() 'a'+1 ..... 这些也会将数据类型进行转换，这是js内部进行的，都属于隐式转换
8、 5.jsonp jsonp是一种跨域请求的方式 因为在浏览器同源策略的影响下:只有在同域名、同端口、同协议的情况下才可以进行数据交互， 否则的话就会出现跨域问题，解决的方式主要有以下几种： cors，这是一种纯后端的跨域解决，通过设置请求头的限制，可以允许某些域名下的页面可以请求数据 jsonp，这是一种前后端结合的跨域请求方式，主要依靠的是script的src属性不受同源策略的影响，那么就可以将数据接口放到script标签的src属性上让其代替 ajax发送请求， 并且需要传递一个键值对来通知后端，接受数据的回调函数名，键名需要和后端商议，这样的话后端接受到请求后会把数据返回到回调函数里。 以上就是jsonp跨域的方式和原理，在项目中多使用类库或者框架封装好的方法来时候，例如jq，$.ajax： dataType：jsonp，这个时候就会以jsonp的形式来发送数据,设置callback属性来设置回调函数，设置jsonp属性来设置字段名 但是需要注意的是，jsonp其实不属于ajax，并没有用到xmlHttpRequest对象。
9、 6.回调函数： 将一个函数作为参数传递到另一个函数里，前者就是回调函数，一般来说回调函数有一个特点，就是会在特定的时候触发.....事件绑定的，ajax成功回调， 例如： getData(url,options,useData); function getData(url,options,fn){ $.ajax({ url:url, type:options.type, data:options.data, dataType:options.dataType, success:function(data){ fn(data) } }) } function useData(data){ console.log(data) } 优点：可以将整个的业务逻辑分成单个小的部分，代码复用，便于维护 常见的问题列举这几个其他的靠大家平常的认真学习、经验总结还有百度大美女去帮你了！
10、 再给大家带点小福利： 前端面试题的范围（仅仅供参考）： 1.H5和C3： 了解，H5新增的功能和标签，C3新增的属性... H5新增的标签、全局属性、.... audio，video，本地存储、canvas C3 transform transition animation 2.移动端适配、1px边框、点透： viewport retina 图片失真 1px表框 自适应布局 %，rem，vwvh，弹性盒 js ： zepto click tap touchjs，harmmerjs 点透bug 3.混合开发： 微信... jssdk hbuilder + mui + h5+runtime 4.流行框架类： react,redux，vue,vuex， angular ...
