Ⅰ Web 前端面试
博客园整理了一下，有好的面试题欢迎大家发在评论区哟
1. 闭包
2. 数组去重
3. 原型和原型链
4. call,apply,bind三者的区别？
5. 请介绍常见的 HTTP 状态码(至少五个)
6. 深浅拷贝
7. 实现(5).add(3).minus(2)输出6
8. null和undefined区别
9. MVC和MVVC?
10. Vue生命周期
11. Vue数据双向绑定原理
12. Vue组件传参
13. 说说各浏览器存在的兼容问题
14. router和route
15. active-class属于Vue哪一个moles,有什么作用
16. v-if和v-show
17. computed和watch有什么区别
18.Vue 组件中 data 为什么必须是函数
19. vue中子组件调用父组件的方法
20. vue中 keep-alive 组件的作用
21. vue中如何编写可复用的组件？
22. Vue 如何去除url中的 #
23. Vue 中 key 的作用
24. Vue 中怎么自定义指令
25. Vue 中怎么自定义过滤器
26. NextTick 是做什么的
27. Vue 组件 data 为什么必须是函数
28. 计算属性computed 和事件 methods 有什么区别
29. scoped（死够扑的）
30. vue如何获取dom?
31. promise
32. vue常用指令有哪些
33.vue-loader是什么?使用和用途？
34.css样式局部化，如何让css只在当前组件起作用?scss和stytus样式穿透
闭包指有权访问另一个函数中变量的函数，
MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures
B站视频： https://www.bilibili.com/video/BV1YJ411R7ap?from=search&seid=18157596230752413126
https://www.jianshu.com/p/9c3547450a52
https://search.bilibili.com/all?keyword=%E5%8E%9F%E5%9E%8B%E9%93%BE%20%E9%BB%91%E9%A9%AC
都是用来改变this指向的
call和apply都是function原型上的方法，每一个函数作为function的实例都可以调用这两个方法，而这两个方法都是用来改变this指向的
一般情况下this指向其调用者（）
fun.call(thisArg,arg1,ary2,...)
主要作用可以实现继承
调用函数，改变this指向
继承
fun.apply(thisArg,[argsArray])
作用：调用函数，改变函数内部this指向
参数必须是数组
apply主要应用于借助数学对象等
bind()方法不会调用函数，但可以改变函数内部this指向
fun.bind(thisArg,arg1,arg2,...)
thisArg:在fun函数运行时指定的this值
arg1，arg2:传递的其他参数
返回由指定的this值和初始化参数改造的原函数拷贝
call的性能要比apply好一些，尤其当传递参数超过3个，后期开发可多用call
时间测试
状态码是由 3 位数组成，第一个数字定义了响应的类别，且有五种可能取值:
1xx：指示信息–表示请求已接收，继续处理。
2xx：成功–表示请求已被成功接收、理解、接受。
3xx：重定向–要完成请求必须进行更进一步的操作。
4xx：客户端错误–请求有语法错误或请求无法实现。
5xx：服务器端错误–服务器未能实现合法的请求。
阮一峰： http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
MVC 是后端中的概念
MVVC中 是前端概念
最终实现V和M数据的同步，因此开发者只需关注业务逻辑，不需要手动操作Dom，mvvm是vue的核心
这两个不同的结构可以看出两者的区别，他们的一些属性是不同的。
active-class 属于vue-router的样式方法
当routerlink标签被点击时将会应用这个样式
使用有两种方法
routerLink标签内使用
在使用时会有一个Bug
首页的active会一直被应用
解决办法
为了解决上面的问题，还需加入一个属性exact,类似也有两种方式：
在router-link中写入exact
在路由js文件,配置active-class
还可以不用exact这种方法去解决，例如
首页
路由中加入重定向
computed
computed是计算属性，也就是计算值，它更多用于计算值的场景
computed具有缓存性，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时重新调用对应的getter来计算
computed适用于计算比较消耗性能的计算场景
watch
watch更多的是[观察]的作用，类似于某些数据的监听回调，用于观察props $emit或者本组件的值，当数据变化时来执行回调进行后续操作
无缓存性，页面重新渲染时值不变化也会执行
小结
当我们要进行数值计算，而且依赖于其他数据，那么把这个数据设计为computed
如果你需要在某个数据变化时做一些事情，使用watch来观察这个数据变化。
去这里看一下blog.csdn.net
vue-router 默认使用 hash 模式，所以在路由加载的时候，项目中的 url 会自带 #。如果不想使用 #， 可以使用 vue-router 的另一种模式 history
new Router({
mode: 'history',
routes: [ ]
})
需要注意的是，当我们启用 history 模式的时候，由于我们的项目是一个单页面应用，所以在路由跳转的时候，就会出现访问不到静态资源而出现 404 的情况，这时候就需要服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面
具体参考 官方API
参考 官方文档-自定义指令
过滤器也同样接受全局注册和局部注册
具体可参考官方文档 深入响应式原理
我们可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果，两种方式是相同的
不同点：
让css只在当前组件中起作用
Ⅱ web前端开发面试流程是怎样的
首先投简历，等待hr通知面试，一般情况下先填资料，做测试题，接着开始第一面（一般问经你的个人情况，工作经历等），资料已经交给技术，等一面通过之后接着二面，二面一般是技术面试，问你开发相关的技术问题（例如布局问题，js,框架之类的），有些公司还需要上机操作（写一两个页面或者开发一个js方法等），有些公司是通过之后直接进行3面有些是改天再进行3面，3面一般就是项目经理或总经理问你一些各种各样的问题（随机应变就行，也有一些公司没有这个环节），如果3面都过了，基本上就是面试成功了，接下来就是4面，也就是人事主管和你谈工资待遇等问题了，这个谈好之后就会告诉你什么时候过来上班，要准备什么东西，当然一般还会有正式的工作邀请函发到你的邮箱。如果没有3面的公司，那人事这个环节就直接是3面了。
还有一些公司是一面之后等通知，通过的就通知你二面，然后再等通知，然后通过再三面（这样的公司我一般不会等，太浪费时间）
Ⅲ 面试Web前端需要注意什么会面试哪些问题
将这些问题作为参考。
希望你的面试官有点经验，不会用以下这样的问题开场。以防万一，还是准备一些答案。
1.为什么选择程序员这个职业生涯?
2.截至目前，你所从事的项目中最喜欢的是哪个?
3.描述一下你梦想中的研发项目。
另外一些面试官会问一些通用的技术问题，来测试你的技术能力。有可能部分人不知道这些问题是什么意思，而仅仅是在考察你的能力/竞争力。基于面试官的技术能力级别的不同，你的答案也会有所不同。这些问题简单易答，因此把这些问题记下来。
1.描述一下创建一个新网页的过程
2.怎样减少页面加载时间?
3.标准和标准体(standards
and
standards
bodies)为什么重要?
4.你使用怎样一个过程来组织代码?
5.你喜欢用什么工具来测试代码性能?[page]
既然你从事前端工作，理解CSS会非常重要。因此这里为你准备了一些常见的CSS问题。这是展示你知识储备的重要开始。这些并不是最尖锐或者重要的问题，如果不能回答出来，将对你很不利。
1.CSS
中的
resetting
和
normalizing
之间的区别有哪些?
2.什么是floats，它是如何工作的?
3.absolute、relative、fixed
和
static
定位的区别是什么?
4.解释visiblity
hidden和display
none之间的区别
5.你是如何修复特定浏览器默认样式的问题?
6.你是否用过网格系统?目的是?
7.如果计算CSS权重?
8.解释如何优化CSS选择器。
9.为什么需要使用预编译器?
10.你是如何测试网站的跨浏览器兼容性?
现在我们最基本的任务完成了。谁都能死记硬背这些答案来应付以上问题。即使是新手前端开发者也能出色地回答大部分问题。然而如果想真正让你的面试官印象深刻并证明你的功底深厚，就把下面这些问题牢记在心。
1.前端开发的框架是什么?
2.响应式web
app和原生应用程序的区别是什么?
3.原生app相对web
app的优点是什么?
4.客户端和服务器端开发的区别是什么?
5.什么是SASS和LESS?它们是如何工作的?
面试官会更多关注你是如何表达对这些问题的解释。他们会追问支持你的答案的工作案例。前面的问题你可能可以通过记忆而过关，你可能还会遇到这些问题的扩展，但这些答案的深度，将让你与众不同。通过你参与过的实际项目，来展示你的思考过程。
Ⅳ 前端面试常见问题——Web篇
1、IE浏览器内核:Trident内核，也是俗称的IE内核;
2、Chrome浏览器内核:统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核;
3、Firefox浏览器内核:Gecko内核，俗称Firefox内核;
4、Safari浏览器内核:Webkit内核;
5、Opera浏览器内核:最初是自己的Presto内核，后来是Webkit，现在是Blink内核;
6、360浏览器、猎豹浏览器内核:IE+Chrome双内核;
7、搜狗、遨游、QQ浏览器内核: Trident(兼容模式)+Webkit(高速模式)﹔
8、网络浏览器、世界之窗内核:IE内核;
9、2345浏览器内核:以前是IE内核，现在也是IE+Chrome双内核;
把不同路由对应的不同内容掌握在前端，如vue中的vue-router、react的ReactRouter等。出现在单页面应用中，页面中公共部分不变，只改变部分内容的使用。路由切换时根据不同的路由动态加载不同的组件，不刷新页面。
优点 ：实现前后端的分离，缓解服务器压力，不需要每次从服务器获取，快速展现给用户，用户体验更好。
见于多页面应用中。每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给前端显示, 返回不同的页面,浏览器会刷新页面。
Ⅳ 面试Web前端需要注意什么会面试哪些问题
作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项：
第一：注意自己的仪容仪表
面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。
第二：再次检查面试时所需的资料是否都已带全
这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页的翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。
第三：面试之前将通信工具调成振动或关闭状态
虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。
第四：等候面试官时，仔细观察多了解面试公司
在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。
第五：放松心情，保持自信
面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。
作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。
面试题系列：
网页链接
Ⅵ Web前端面试题，面试技巧有哪些
1.首先可以多做一些简单的模拟面试训练，其次是多刷刷面试题，适当的题海战术，可以扩宽我们的知识面。
2.github都成标配了，有博客大部分都会加分
线上已运营的网站，给面试官show注释里面自己的签名也是酷酷的
还有可以带块平板，
3.面试时有wifi当然好，没有起码有个离线版本或者APP在平板上可以展示
自己的网站选择新浪sae或者github pages也好，最好买个自己的域名，绑定自己的独立域名会高一点逼格的~
Ⅶ web前端工程师面试自我介绍_web前端工程师面试自我介绍怎么说
自我介绍 ，就是自己将自己介绍给他人或众人的一种介绍方式。那么web前端工程师 面试 时自我介绍应该怎么说？以下是我为您整理的web前端工程师 面试自我介绍 内容，希望能帮到你。
web前端工程师面试自我介绍第一篇
我喜欢 篮球 和 乒乓球 ，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感!
对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中!
爱好 程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。
有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的
用心工作，用心生活!我可能不是最好的，最合适的，我觉得我是最有潜力的!2016,一起加油!
web前端工程师面试自我介绍第二篇（英文）good morning, my name is jack, it is really a great honor to have this opportunity for a interview, i would like to answer whatever you may raise, and i hope i can make a good performance today, eventually enroll in this prestigious university in september. now i will introce myself briefly,i am 21 years old,born in heilongjiang province ,northeast of china,and i am curruently a senior student at beijing xx uni.my major is packaging engineering.and i will receive my bachelor degree after my graation in june.in the past 4 years,i spend most of my time on study,i have passed cet4/6 with an ease. and i have acquired basic knowledge
of packaging and publishing both in theory and in practice. besides, i have attend several packaging exhibition hold in beijing, this is our advantage study here, i have taken a tour to some big factory and company. through these i have a deeply understanding of domestic packaging instry. compared to developed countries such as us, unfortunately, although we have made extraordinary progress since 1978,our packaging instry are still underdeveloped, mess, unstable, the situation of employees in this field are awkard. but i have full confidence in a bright future if only our economy can keep the growth pace still. i guess you maybe interested in the reason itch to law, and what is my plan ring graate study life, i would like to tell you that pursue law is one of my lifelong goal,i like my major packaging and i won't give up,if i can pursue my master degree here i will combine law with my former ecation. i will work hard in thesefields ,patent ,trademark, right, on the base of my years study in department of p&p, my character? i cannot describe it well, but i know i am optimistic and confident. sometimes i prefer to stay alone, reading, listening to music, but i am not lonely, i like to chat with my classmates, almost talk everything ,my favorite pastime is valleyball,playing cards or surf online. through college life,i learn how to balance between study and entertainment. by the way, i was a actor of our amazing drama club. i had a few glorious memory on stage. that is my pride.
web前端工程师面试自我介绍第三篇（英文）my name is zhao wanjun. wanjun is my given name. wan means sweet and jun means person, so my name means a sweet-tempered girl. i actually am! but you can call me june, for your convenience, j-u-n-e, IT's similar to my chinese name jun. i am from enping, a small cITy in the southwest of guangdong province, near hongkong and macao. maybe you have never been there before, IT's well known for the hot springs there.
in 2014, i got the highest score in the college entrance examinations in my cITy and entered zhongshan universITy. my major is computer science. my gpa ranks in the top 40% among all students, but i have stronger c++ programming skills than many others. also, i was the first one to learn java in my class.
i was chosen by a teacher of mine to participate in his project. the project was about a lan chat room, and i developed the instant messaging system in IT. i was the only female student in this project team.
besides study and the project, i worked in the student union for two years, first year as a member, next year promoted to be the general secretary. my colleagues describe me as a reliable and considerate person.
ibm is top on my job hunting list for of the reasons you hear every day. i look forward to joining a famous company as IT means good training, good pay, and good people to work wITh, just like you gentlemen!
technical support engineer is my ideal job because i have both a technical background and the abilITy to deal wITh clients. also, traveling isn’t a problem although i am a woman.
>>>下一页更多精彩“求 职自我 介绍”
Ⅷ web前端的面试自我介绍解析
web前端的面试自我介绍解析
自我介绍这个问题，不用多说了，面试必定会问！接下来我为你带来web前端的面试自我介绍解析，希望对你有帮助。
【如何进行自我介绍】
如果想要在自我介绍的时候就能够打动面试官，吸引面试官对我们的兴趣，那么像我们这种接受过PHP培训的程序员的自我介绍当然不能和应届生或者其他非技术岗位一样。如何进行自我介绍比较好？有没有什么套路呢？当然有。
如何进行自我介绍？看看老师是怎么建议大家的`！
1、我叫xxx,来自于吉林敦化，从网上看得到公司招聘的这个职位，觉得非常适合自己的发展。所以来这里争取下这份工作。
2、接下来可以讲解自己的核心竞争力（最强的技能、最深入研究的知识领域、个性中最积极的部分）和闪光点（做过的最成功的事，主要的成就）。核心就是要体现自己胜任这份工作（介绍时候要自然有底气，合情合理，面试前要充分准备好）。
3、先介绍到这里，面试官看看有什么问题，我可以再补充。
4、最后要说谢谢，任何HR都喜欢有礼貌的人！
注意：自曝其短（说自己的缺点）没有必要，自我介绍的时候千万不要和简历有冲突！
【你有什么优劣势】
这个问题是企业面试过程中被问到的概率很大的！ 面试官想通过这一类问题的解答了解到： 1、这个人能否对自己做出正确的估价；2、主试人最关注的是该人的缺点、弱点，如这方面的问题比较突出，那就不适合做某项工作。作为前端工程师，我们应该如何巧妙的答这道题，给自己加分呢？
你有什么优劣势？请看前端老师的是怎么教我们答的：
1
作为程序员，最重要的能够给企业做好事（包括与人合作一起干事），能解决问题。所以我们可以这样说：
1、优点往狠里说 （技术狂热、学习能力强、为人谦和）
2、劣势可以提自己不是（本专业出身）， 但是（对技术很狂热）
【你为什么选择我们公司】
1
你为什么选我择们的公司，对于这个问题，其实是面试官试图从中了解你求职的动机、愿望以及对此项工作的态度。这个问题，也是经常会被面试官问到的，所以各位面试的时候，一定要有所准备！
;Ⅸ 面试web前端的工作,会被问到什么问题
在实际的面试中，你可能需要使用 JavaScript、CSS 和 HTML 来编写代码。在你的面试期间，你可能需要实现 UI、构建窗口小部件或使用 Lodash 和 Underscore.js 这样的库编写常用的实用程序函数。例如：构建常见的 Web 应用程序的布局和交互，例如类似 Netflix 网站那样的。实现小部件，如日期选择器、轮播或电子商务网站购物车。写一个类似 debounce 或深度 clone 对象的函数。
Ⅹ Web 前端面试题面试技巧有哪些
1、面试技巧：如何回答问题
(1) 把握重点，简捷明了，条理清楚，有理有据。一般情况下回答问题要结论在先，议论在后，先将自己的中心意思表达清晰，然后再做叙述和论证。否则，长篇大论，会让人不得要领。面试时间有限，如果多余的话太多，容易走题，反倒会将主题冲淡或漏掉。这一点在面试自我介绍的时候尤其需要注意。
(2) 讲清原委，避免抽象。用人单位提问总是想了解一些应试者的具体情况，切不可简单地仅以“是”和“否”作答。应针对所提问题的不同，有的需要解释原因，有的需要说明程度。不讲原委，过于抽象的回答，往往不会给主试者留下具体的印象。
(3) 确认提问内容，切忌答非所问。面试中，如果对用人单位提出的问题，一时摸不到边际，以致不知从何答起或难以理解对方问题的含义时，可将问题复述一遍，并先谈自己对这一问题的理解，请教对方以确认内容。对不太明确的问题，一定要搞清楚，这样才会有的放矢，不致答非所问。
(4) 有个人见解，有个人特色。用人单位有时接待应试者若干名，相同的问题问若干遍，类似的回答也要听若干遍。因此，用人单位会有乏味、枯燥之感。只有具有独到的个人见解和个人特色的回答，才会引起对方的兴趣和注意。
(5) 知之为知之，不知为不知。面试遇到自己不知、不懂、不会的问题时，回避闪烁，默不作声，牵强附会，不懂装懂的做法均不足取，诚恳坦率地承认自己的不足之处，反倒会赢得主试者的信任和好感。
2、面试技巧：如何消除紧张
由于面试成功与否关系到求职者的前途，所以大学生面试时往往容易产生紧张情绪。有些大学生可能由于过度紧张而导致面试失败。因此必须设法消除过度的紧张情绪。这里介绍几种消除过度紧张的技巧，供同学们参考。
(1) 面试前可翻阅一本轻松活泼、有趣的杂志书籍。这时阅读书刊可以转移注意力，调整情绪，克服面试时的怯场心理。避免等待时紧张、焦虑情绪的产生。
(2) 面试过程中注意控制谈话节奏。进入试场致礼落座后，若感到紧张先不要急于讲话，而应集中精力听完提问，再从容应答。一般来说人们精神紧张的时候讲话速度会不自觉地加快，讲话速度过快，既不利于对方听清讲话内容，又会给人一种慌张的感觉。讲话速度过快，还往往容易出错，甚至张口结舌，进而强化自己的紧张情绪 ，导致思维混乱。当然，讲话速度过慢，缺乏激情，气氛沉闷，也会使人生厌。为了避免这一点，一般开始谈话时可以有意识地放慢讲话速度，等自己进入状态后再适当增加语气和语速。这样，既可以稳定自己的紧张情绪，又可以扭转面试的沉闷气氛。
(3) 回答问题时，目光可以对准提问者的额头。有的人在回答问题时眼睛不知道往哪儿看。经验证明，魂不守舍，目光不定的人，使人感到不诚实;眼睛下垂的人，给人一种缺乏自信的印象;两眼直盯着提问者，会被误解为向他挑战，给人以桀骜不驯的感觉。如果面试时把目光集中在对方的额头上，既可以给对方以诚恳、自信的印象，也可以鼓起自己的勇气，消除自己的紧张情绪。
3、面试技巧：如何运用语言
面试场上你的语言表达艺术标志着你的成熟程度和综合素养。对求职应试者来说，掌握语言表达的技巧无疑是重要的。那么，面试中怎样恰当地运用谈话的技巧呢?
(1) 口齿清晰，语言流利，文雅大方。交谈时要注意发音准确，吐字清晰。还要注意控制说话的速度，以免磕磕绊绊，影响语言的流畅。忌用口头禅，更不能有不文明的语言。
(2) 语气平和，语调恰当，音量适中。面试时要注意语言、语调、语气的正确运用。打招呼时宜用上语调，加重语气并带拖音，以引起对方的注意。自我介绍时，最好多用平缓的陈述语气，不宜使用感叹语气或祈使句。声音过大令人厌烦，声音过小则难以听清。以每个用人单位都能听清你的讲话为原则。
(3)注意听者的反应。求职面试不同于演讲，而是更接近于一般的交谈。交谈中，应随时注意听者的反应。比如，听者心不在焉，可能表示他对自己这段话没有兴趣，你得设法转移话题;侧耳倾听，可能说明由于自己音量过小使对方难于听清;皱眉、摆头可能表示自己言语有不当之处。根据对方的这些反应，就要适时地调整自己的语言、语调、语气、音量、修辞，包括陈述内容。这样才能取得良好的面试效果。