2016年web前端就业面试小记_尚学堂长沙吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：14贴子：
2016年web前端就业面试小记
　前言　　春节前离职了，年后来了有一周了，把简历丢到网上后大概收到了将近七十多个面试邀请，挑了几个稍微知名一些的公司如国美京东美团百度彩票等和一些中小型公司去面试，这星期一共面了11家公司，除了阿里似乎没戏了其他的十家基本都发了口头或是正式offer，也不打算再面了，社保断了也是个麻烦事，打算从这其中挑一个就可以了。　　面试过程中有做面试题的，也有直接聊的，实话讲有些面试题其实就是背书，随便一百度就能出答案的东西其实不太适合用于面试题中。例如某某css属性的用法，js某函数的作用等等。个人倾向于将实际工作中可能会遇到的问题的场景，以及各种技术的坑作为面试题，这样一则可以看出他的经验多少，二则也可以防止他做笔试题的时候手机搜索结果。　　不过总体来讲基本上每家问的问题也差不多，可能不同业务的公司问的问题的侧重点不太一样，有点侧重于移动端适配css布局浏览器兼容IE hack，而有的侧重于JS逻辑面向对象设计模式考察等，如果你有三到五年左右的开发经验这些问题基本也都遇见过，就算是做个总结吧。在这里也就跟随着长沙尚学堂多年的培训就业的经验，来指导你们就业的一些小技巧吧，也能在你们遇到面试的时候一个好的定心丸。　　手写事件模型及事件代理/委托　　这个算是被问到的最多次数的问题了，首先要求描述下js里面的【事件的三个阶段】，如果没听说过三个阶段，那基本上就没戏了。分别是捕获，目标，冒泡阶段，低版本IE不支持捕获阶段。然后可能问到IE和W3C不同绑定事件解绑事件的方法有什么区别，参数分别是什么，以及事件对象e有什么区别等等。　　如果上述都没问题，接下来可能会问【事件的代理/委托】的原理以及优缺点，这是靠事件的冒泡机制来实现的，优点是　　1、可以大量节省内存占用，减少事件注册，比如在table上代理所有td的click事件就非常棒　　2、可以实现当新增子对象时无需再次对其绑定事件，对于动态内容部分尤为合适　　事件代理的应用常用应该仅限于上述需求下，如果把所有事件都用代理就可能会出现事件误判，即本不应用触发事件的被绑上了事件，事实上我见过有人把页面里的所有事件都绑定到document用委托的，这是极其不明智的做法。　　所谓劲酒虽好，可不要贪杯哦~　　之后对方可能要求你手写原生js【实现事件代理】，并要求兼容浏览器，其实就是考核对事件对象e的了解程度，以及在IE下对应的属性名。其实此时如果你说就是用target，currentTarget，以及IE下的srcElement和this，基本就可以略过了。　　如果上述都ok的话，那么极有可能要求让你【实现事件模型】，即写一个类或是一个模块，有两个函数，一个bind一个trigger，分别实现绑定事件和触发事件，核心需求就是可以对某一个事件名称绑定多个事件响应函数，然后触发这个事件名称时，依次按绑定顺序触发相应的响应函数。　　这个需求如果对于做过C中的【委托】(delegate)。而委托与事件几乎是一家子。回到前面说的题目，大致实现思路就是创建一个类或是匿名函数，在bind和trigger函数外层作用域创建一个字典对象，用于存储注册的事件及响应函数列表，bind时，如果字典没有则创建一个，key是事件名称，value是数组，里面放着当前注册的响应函数，如果字段中有，那么就直接push到数组即可。trigger时调出来依次触发事件响应函数即可。　　不过还有很多细节，比如触发响应函数时的上下文应该是什么，触发响应函数的参数列表应该是什么，如果要求把调用trigger的参数列表都传到响应函数中还要考虑到吧arguments对象转化为纯数组才行等等。　　还有一些面试官会问到事件如何派发也就是事件广播(dispatchEvent)等等，这里不再展开。　　有关事件的考核点大概也就这么多了　　前端性能优化　　这个简直老生常谈，不管是园子里还是园子外，关于前端优化的东西太多太多了，不同角度不同方向也有很多，网络性能优化，加快访问速度，浏览器并行加载数量，怎样实现原生JS异步载入，CDN加速的原理，如何将不同静态资源发布到多个域名服务器上，发布后这些静态字段的url路径改怎么批量改写，用什么工具进行项目打包，css打包后的相对路径怎么转换为绝对路径，用什么工具进行项目模块依赖管理，怎么进行cookie优化等等，　　这个说起来就很多了，尽可能的按照自己做过的优化来讲，否则面试官随便挑一项深究都可能会卡壳，与其这样还不如不讲　　闭包原理及应用　　这个问题的经典性，几乎所有面试官都会问到这个问题，什么情况下会发生闭包，为什么需要闭包，什么场景下需要，闭包闭了谁，怎么释放被闭包的变量内存，闭包的优点是什么，缺点是什么等等。　　关于闭包，有的是上述提问，有的是直接做闭包面试题。关于概念网上一搜一大把，关于闭包面试题，可以参考我之前写过的一篇文章：大部分人都会做错的经典JS闭包面试题　　不夸张的讲，如果这篇文章完全弄懂了，基本上没有可以难住的闭包的题目了。　　手写Function.bind函数　　首先会要求解释下这个函数的作用，以及在什么场景下需要用到它，最后手写一个Function.bind函数。　　只要掌握核心几点就没问题：　　1、Function.bind返回的也是一个函数，所以注定发生了闭包，　　2、在返回的这个函数中去调用一个其他的函数，这其实本质上就是函数钩子(HOOK)　　关于在JS里的函数钩子，我认为只需要维护以下三点即可：　　1、保持函数的this指向　　2、保持函数的所有参数都传递到目标函数　　3、保持函数的返回值　　有了以上这几点，这个函数就非常好写了，下面是MSDN上的标准Polyfill：　　if (!Function.prototype.bind) {　　Function.prototype.bind = function (oThis) {　　if (typeof this !== &function&) {　　// closest thing possible to the ECMA 5　　// internal IsCallable function　　throw new TypeError(&Function.prototype.bind - what is trying to be bound is not callable&);　　}　　var aArgs = Array.prototype.slice.call(arguments, 1),　　fToBind = this,　　fNOP = function () {},　　fBound = function () {　　return fToBind.apply(this instanceof fNOP　　? this　　: oThis || this,　　aArgs.concat(Array.prototype.slice.call(arguments)));　　};　　fNOP.prototype = this.　　fBound.prototype = new fNOP();　　return fB　　};　　}　　手写数组快速排序/去重　　不管是排序也好，还是去重也罢，都是计算机基础知识了，虽然快排写出来了，去重也用多种方式实现了，但是算法是我的弱项，这里就不展开了。不过对于准备面试的童鞋来讲，准备下常用算法还是比较重要的，大部分公司还是比较看重此类基础知识的。　　JS的定义提升　　利用js的特性定义提升这个知识点衍生出来的面试题相当之多，诸如以下等等　　(function(a){　　console.log(a);　　var a=10;　　function a(){};　　}(100))　　这算是我做过的定义提升里面的最简单的题目了,建议可以看下我的上一篇文章:一道常被人轻视的前端JS面试题　　基本上能做对那篇文章中所说的题目的话，此类面试题基本平趟无悬念　　跨域　　关于跨域大概可以分iframe的跨域，和纯粹的跨全域请求。　　关于跨域的可以去看园子里的这几篇文章:　　Java跨域总结与解决办法　　跨域-知识　　跨域资源共享的10种方式　　其实正统的跨全域的解决方法大致也就，JSONP,Access Control和服务器代理这么三种　　JSONP原理　　只要你聊到跨域，就必须聊到JSONP，那么就必须要讲一下JSONP的实现原理，以及你在项目中那个需求使用了JSONP，这里简单讲就是HTML里面所有带src属性的标签都可以跨域，如iframe，img，等。　　所以可以把需要跨域的请求改成用脚本加载即可，服务器返回执行字符串，但是这个字符串是在window全局作用域下执行的，你需要把他返回到你的代码的作用域内，这里就需要临时创建一个全局的回调函数，并把到传到后台，最后再整合实际要请求的数组，返回给前端，让浏览器直接调用，用回调的形式回到你的原代码流程中。　　基本讲到这也就没什么要再讲的了。　　将url的查询参数解析成字典对象　　这个题目不约而同的出现在了多家公司的面试题中，当然也是因为太过于典型，解决方案无非就是拆字符或者用正则匹配来解决，我个人强烈建议用正则匹配，因为url允许用户随意输入，如果用拆字符的方式，有任何一处没有考虑到容错，就会导致整个js都报错。而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。　　实现代码：　　function getQueryObject(url) {　　url = url == null ? window.location.href :　　var search = url.substring(url.lastIndexOf(&?&) + 1);　　var obj = {};　　var reg = /([^?&=]+)=([^?&=]*)/g;　　search.replace(reg, function (rs, $1, $2) {　　var name = decodeURIComponent($1);　　var val = decodeURIComponent($2);　　val = String(val);　　obj[name] =　　　　});　　　　}　　函数节流　　对于常见的场景，如网页滚动时，经常会有滚动到哪时做什么样的动画效果，遂要注册onscroll事件，如何减少触发次数，到达优化性能，同时又满足效果要求不卡顿，一个是优化事件内代码，减少代码量，二就是做函数节流。　　大部分节流都采用时间做节流，即时间间隔小于多少的不再调用，但同时保证一个最小调用间隔。(否则拖拽类的节流都将无效果)，也可以用调用次数做节流，但要考虑最后一次调用需要要执行。　　可以参考：浅谈java的函数节流　　设计模式　　这方面被问到的比较多的有观察者模式，职责链模式，工厂模式　　主要是应用于js开发组件中会经常涉及，纯粹的页面业务逻辑可能涉及不多。　　比如如何去设计一个前端UI组件，应该公开出哪些方法，应该提供哪些接口，应该提供哪些事件。哪部分逻辑流程应该开放出去让用户自行编写，如何实现组件与组件之间的通信，如何实现高内聚低耦合，如何实现组件的高复用等等　　css垂直居中方法　　可以看到我提到上面大多数都是关于JS的面试题，主要是因为css并不是我的强项，但有几个出现频率很高，就是经典的垂直居中问题。　　这个问题又可以细分为，被垂直居中的元素是否定高，是文字还是块，文字是单行还是多行文字等等　　这个可以百度下，有N多种解决方案，主要还是看应用场景的限制。　　自适应布局　　这个问题可以划分为，左固定右自适应宽度，上固定下固定中间自适应高度等等布局要求。　　关于左右自适应的，不低于10种解决方案，还要看dom结构要求是并列还是嵌套，是否允许有父级元素，是否允许使用CSS3，是否有背景色，是否要两列等高，等等　　而关于自适应高度的解决方案就略少一些，大致也是靠，CSS3的calc属性，内padding，绝对定位后拉伸，动态js计算等等解决方案，同样也是要看应用场景能用哪个　　移动端自适应　　也被问到了很多移动端开发中的各种坑，比如2倍屏，3倍屏的自适应等，我移动端的经验略少，所以只是按照我做过的经验去尽可能的描述清楚，这里就不多说了　　其他关于前端　　除了技术以外，因为带过一个小团队，所以更多的时间都是去聊关于项目，关于团队，关于如何管理，关于如何处理团队内问题，如何跨团队协作等等。这部分纯属工作经验了，按照做过的不同项目也会有不同。　　总之，大部分聊得还算比较愉快，京东评定的是T3，美团评定的是P6，具体的也不太清楚这算是个什么等级，不过大部分公司都是评定为中级最多中高级开发水平。大概就这样了，长沙尚学堂预祝学员们能够面试成功，就业愉快！想要参加web前端、java、安卓、大数据培训的学员们，可以来我们长沙尚学堂哦！官网：
神牛摄影器材--为专业摄影者打造,你值得拥有!
跑赢职场前端开发学院——上海前端开发培训、上海JS培训、上海DIV+CSS培训、上海HTML5培训学校培训宣言：如果您愿意努力，愿意奋斗，我们期待您加入跑赢职场，给自己一个争取10万年薪的机会！ 培训保障：2016年上海最新最全的前端开发课程特惠价格13800元【就业薪资低于8000无理由全额退费】
贴吧热议榜
使用签名档&&
保存至快速回贴【58同城】长沙JS培训_长沙Javascript学习
　　java作为一种时髦的开发工具，拥有非常完善的体系。当它还没有出现...
关于长沙尚学堂 北京尚学堂科技有限公司湖南分公司-长沙尚学堂2009年...
因现在IT行业的薪水相对比较高，很多学生或者其他对工作不满意的朋友还是...
目前在一家互联网公司任职高级软件工程师；现想兼职招收学员，有偿提供技术...
北京尚学堂长沙直属分中心，2014年正月19号JAVA高端就业冲刺班即...
尚学堂教育集团【长沙分部】IT教育，经过数十年发展，尚学堂先后在上海、...
北京尚学堂科技有限公司长沙分公司
入学签订法律效用双保险协议-保就业，保高薪Java/安卓课程1、Jav...
本人从事软件开发已有7年工作经验，主要从事金融类软件研发和维护工作，再...
湖北、湖南特别是武汉地区12月HTML5培训强烈推荐：6600元的4个...
力威教练对于武术的认识：散打、搏击、跆拳道每个人都有一个儿时的梦想...
你还有时间学习，毕竟你还不太老 -从矿工到码农的职业转变梦柯教育官网：...
　　近日，根据咱们专业老师的反映，有不少同学在网上咨询学软件开发的费用...
在长沙，平均每 5名软件工程师中，就有1名来自V客学院每10名项目经理...
史上的高薪职业，月薪破万。未来几年内我国软件行业的从业机会十分...
可以线下面授，外地可以远程实时上课。本人毕业于中南大学，现在湖南师范大...
长沙新华电脑学院隶属于新华电脑教育集团,始创于1988年，是全国著名的...
通天老师 :
为真正热爱web前端开发、愿意从事web前端开发的学员而讲课 传授企业...
任职要求：1.专业不限，要有一定的逻辑思维,热爱互联网工作；2.有无基...
java金融电信企业定制班，长沙就业月薪5000保底，低于5000退款...
学院简介：潭州前端学院隶属于潭州教育，秉承潭州教育“激发学员学习兴趣，...
个人发表-------------------06开始工作，本科，主要...
长沙科鑫信息技术有限公司
Openstack、Cloudstack云平台建设与开发，系统把握云计...
多年php经验,现从事电商平台开发。兼职1对1指导，训练“真实项目”技...
A：课程： 1.初级（html+css） 2.中级（js+jq） 3....
　　什么是IT行业？针对此类编辑觉得比较有代表性的问题，下面我们就与电...
本人从事软件开发已有7年工作经验，主要从事金融类软件研发和维护工作，再...
因现在IT行业的薪水相对比较高，很多学生或者其他对工作不满意的朋友还是...
一年之计在于春，一日之计在于晨，新年当然要有新气象。不如设定一个小目标...
北京尚学堂科技有限公司长沙分公司
学习web/html5，6大保障，让您学习无忧，V客学院html5项目...
史上的高薪职业，月薪破万。未来几年内我国软件行业的从业机会十分...
为真正热爱web前端开发、愿意从事web前端开发的学员而讲课传授企业实...
　　随着IT界的兴起，越来越多人的人献身到IT行业之中，相应的各种IT...
史上的高薪职业，月薪破万。未来几年内我国软件行业的从业机会十分...
为真正热爱web前端开发、愿意从事web前端开发的学员而讲课传授企业实...
　　大学生学习计算机以后将逐渐成为一种趋势，不管你是不是在大学念的计算...
长沙JS介绍：
58同城长沙JS培训频道免费提供给您大量真实有效的长沙JS培训,长沙Javascript学习信息查询，同时您可以免费发布长沙JS培训,长沙Javascript学习等信息。最好的长沙JS培训信息就在58同城长沙JS培训频道。
长沙JS全部商圈：
长沙JS周边城市：
JS- 热门城市：1501期：杨*平
上海汉得**技术有限公司 月薪：8K+五险
我想跟在尚学堂学习的学弟学妹们说，只要相信自己，相信尚学堂，你会得到更好的未来，加油！
1412期：王*
猎豹移动 月薪：13K+五险
我现在工作已经差不多半年时间，在各个方面都比较满意，个人的成长也特别的快，特别感谢当初尚学堂的老师还有同学们，一起努力！
1412期：王*
谷浪远景**有限公司 月薪：8.3K+五险
感谢尚学堂将我从枯燥乏味的工作中解脱出来，让我变成一位优秀的UE设计师。
1504期：申*
中软国际信息技** 月薪：7K+五险+补贴
成功永远属于那些爱拼搏的人，我一定严格要求自己，努力拼搏，积极进取。
1405期：罗*
深圳优讯信息技** 月薪：7K+五险
走上自己喜欢的道路，拼尽全力，即使达不到一心追求的目标，沿途的风景也是值得回味的。
1504期：刘*
深圳银盛金融** 月薪：6K+五险
工作中感觉懂产品架构和逻辑的UI设计，会给人特别专业的感觉。所以学习中那部分貌似与设计无关的课程，才是有别于其他UI设计师的关键。
1511期：刘*
中信通讯 月薪：6.5K+住房补助
这边老师特别的负责任，他们的专业知识也非常的充足，会带给我们很多关于业界方面的知识，让我们在就业的时候会有更多的帮助。
1507期：刘*
中国电信 月薪：9K
从尚学堂毕业也已经有半年多了，非常怀念以前跟同学在一起上课的日子，老师讲课不但专业性非常强，然后也非常幽默，同学关系也都非常融洽。
1406期：代**
龙通**有限公司 月薪：8.5K+五险一金
喜欢设计，用心做设计，做好的设计。谢谢尚学堂的全体老师们。
1511期：钟*鸣
锦泰***股份有限公司 月薪：7.6K
不要被生活中的小挫折击败，积极乐观的向前看。最后把我的座右铭送给大家，勿忘初心，方得始终。每时每刻都是生活新的开始。
1505期：李*鑫
深圳市思***技术有限公司 月薪：9K+五险
这边老师特别的负责任，他们的专业知识也非常的充足，会带给我们很多关于业界方面的知识，让我们在就业的时候会有更多的帮助。
1407期：朱*全
中软**信息技术有限公司 月薪：10K
回想这4个月，有欢笑，有困难，但是我们都是携手一起走过。未来的路很长，尚学堂是起跑线。最后愿所有同学都有一个美好的未来！
& 行业顶级师资团队 高保障的就业服务
不仅要就业 更要高薪就业
华东交通大学
上海汉得信息技术股份有限公司
13000+五险
湖师大树达学院
上海汉得信息技术股份有限公司
中软国际信息技术有限公司
湖南科技大学
深圳优讯信息技术有限公司
中南林业科技大学
华东交通大学
深圳银盛金融集团有限公司
华东交通大学
北京服装学院
湖南科技学院
龙通科技有限公司
湖南商学院
深圳银盛金融集团有限公司
湖南商学院
上海汉得信息技术股份有限公司
湖南商学院
湖南商学院
上海汉得信息技术股份有限公司
湖南工程学院
中软国际信息技术有限公司
湖南商学院
深圳市宝路智能科技有限公司
吉林财经大学
杭州光云软件技术有限公司
中南林业科技大学
天极传媒集团
湖南科技学院
中山市打酱油科技有限公司
吉林建筑大学
天极传媒集团
广州薪火网络科技有限公司
广东凯通科技股份有限公司
13000+五险
安阳工学院
恒生电子股份有限公司
谷浪远景(北京)科技发展有限公
安阳工学院
中软国际信息技术有限公司
长沙科技大学
深圳市思迪信息技术有限公司
深圳市思迪信息技术有限公司
湖南涉外经济学院
深圳四方精创资讯股份有限公司
深圳迪聚海思科技有限公司
湖南科技大学
深圳迪聚海思科技有限公司
湖南商学院北津学院
瑞华赢科技
湖南商学院
北京爱尔的科技
8K+五险一金
湖南农业大学
熊猫窝咖啡司
湖南科技大学
金医桥在线微信号：callme_hr
扫码加一览职业生涯导师微信好友
深圳市一览网络股份有限公司（股票代码：833680）
版权所有 &