⑴ 前端开发面试回答，你怎么回答
我面试过很多 前端程序员，非常了解面试者和面试官的心理，我可以很负责的告诉你：
就算面试你的人说你只能拿8K，但是你完全可以通过各种方法去拿到10K以上的薪资！
面试的时候面试官都是什么样的心理？
大多数公司的领导都会通过给你构造一个宏伟的蓝图以及对你进行技术打击，来让你降低标准，因为任何一家公司都希望花最少的钱请到最NB的技术人才，其实双方就是一个周旋的过程，看谁的情商更高一些，但往往都是面试者被面试官拿下的情况比较多。
我给面试经验不多的 前端程序员4个建议：
1、说工资时千万不要说自己的理想工资，在这个之上虚高一点！
假设你预期的薪资是10k，你很实在的说要10k，那么按照常理来说，你的工资标准是一定会被往下进行打压的。
你可以先说自己以前的工作的薪资在11K左右，现在换份工作想要13K的薪资，这个时候面试官就会想，这个人以前的工资是11k，现在给他10k他肯定是不会来的，但他还是会跟你进行压价，但是压价肯定都是在10k以上的，所以你和面试官谈判的时候，如果他认可你，那么你的薪资应该就会在10k-13k之间，无论最终是10k还是11k或者12k，我们的目标都已经达到了。你可以进行一番思考，最终同意对方的开价。
但是你不要跟轻易的答应，一定要拿捏一下，让对方觉得你也在考虑，最终你选择了他们公司，要表达出对他们公司的愿景，自己中意的是职业发展，喜欢的是公司氛围等等因素，这样对方才会认为你是看重公司的发展，而不是因为工资。关于这点我只能说，华夏民族的人和人交流的关系是世界最微妙的，这些套路大家心知肚明，但是你用和不用还真的是两种效果。
2、设置一个自己的心理价位
如果对方说的薪资低于这个心理价位，我们一定要果断拒绝，保持我们的原则性，不要因为对方说了而让你降低了自己的心理价位，这样也会让面试官觉得你非常的有原则，非常自信，人们都尊重这样的人，如果你一味的做舔狗，下场会非常悲惨。
根据我十年多的IT从业经验来看，即使是做同样的工作，也会存在着很多工资高低差距较多的情况，所以不要掉在一棵树上，现在社会工作机会这么多，只要有实实在在的技术，工作是很容易找的，一定要多去尝试。
3、凸显自己的价值，让对方觉得你是个人才
如果之前两点没有达到预期成效，但你又非常看好这家公司，就该尽力争取了；
用自己之前做成的事情说事情，最好是用数据给面试官说明，表达清楚自己为什么要这样的薪资，让对方感觉到你值这么多钱，如果对方公司现在比较缺人，而且你要的薪资没有特别离谱，还有有希望拿下的。
4、公司一般都有奖金福利可以弥补工资的欠缺
大多数人都想不到那么远，都是盯着眼前的薪资，但其实很多公司都有项目提成、奖金，这也是钱啊，有一些不错的公司都是14薪往上，所以在跟公司谈的时候，一定要去问他们是否有奖金、年终奖之类的福利。
除了被压榨薪资的问题，还有以下几点是必须要注意的！
1、项目作品
面试的时候，除了基础的知识技术外，一个项目经验是非常重要的，面试官会着重去问你的项目过程，所以准备好一份好的项目实战，不只是证明你对这次面试的重视，更是证明你有能力胜任这份工作的利器。
2、去背那些常问的面试题
面试题对于以下几个问题都会问：
·自我介绍（建议30s-60s）
·了解我们公司的基本情况吗？
·你上家公司离职的原因是什么？
·你自己的职业规划是什么？
·自我评价一下自己的优缺点？
以上问题都是大部分公司都会问到的，其实面试官只是想多了解你一些，而这些回答在网上有非常标准的答案，如果你觉得自己回答不好，你可以去网上找一些标准的答案背一下，还是非常有必要的，做到万无一失。
3、假设面试官没有跟你说薪资的问题，那么我们也不要主动去提及，这样会显得你非常的着急，最好是先拿到offer之后再去谈薪资，这样对于我们来说是非常有利的，经验之谈。
4、面试的时候不要对方问一句你就答一句，你一定要明白面试的本质是什么，在短时间内展示你的才华，方方面面的才能，给对方留下一个好的印象。
5、面试的过程中，是你展现的时候，所以80%的时间都应该你来主导，你来展示自己的才能，一定要非常着重的表现自己。
6、在回答面试官时，换位思考几秒钟：
·他为什么要问这个问题？
·他想知道什么答案？
·他想通过这个答案判断出什么？
所谓知己知彼才能百战不殆，你一定要换位思考对方问的问题，想要知道什么，从你的回答中他是否可以得到他想要的答案，所以面试是一门非常深的学问，人与人之间心理的博弈。
总结：
以上全部都是面试技巧方面，这属于细活，而真正掌握技术才是根本，如果你没有掌握良好的技术，技巧也帮助不了你找到一份工作，当你的技术达标，在加上好的面试技巧，就是如虎添翼，工作随便你选择。
常在这里回答问题，热爱技术，喜欢帮别人解答行业技术问题和行业知识。
如果大家对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是二九六，中间是二一二，后面是五六二。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。如果没有比较好的教程，也可以管我要。
⑵ 前端面试一般会问什么问题
宏观
个人态度
职业素养
技术水平
个人品行
薪资水平
- 基础
js，css基础（必须牢靠）
基本的算法（underscore里面的常用方法实现）
BOM，DOM下的一些特性
css3
结合简历提问
- 高阶
性能优化，缓存
工程管理，持续集成，代码组织
安全和自动化测试
后端语言的熟悉nodejs,python,php等等
移动端开发的重要特性
- 其他
引导式提问，判断面试者解决问题能力
对公司产品或竞品是否熟悉
开源或问答社区中的参与度和了解程度
⑶ 前端面试题目难吗 如何轻松面对前端面试
从以下五个方面做，可以轻松面对前端面试：
一、基本知识
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
盒模型——外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。
块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。
二、少量提问
现在有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。
这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换一种处理股票价格的方式，或者 让你在页面中显示其他信息，就可以把更多的知识点包括进来。对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区别、安全问题、容量问题等等。
我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把关于库的知识作为评判能力的因素，因为库是会随时间变化的。
三、解决问题
做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。我在提问的时候，经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以达到 两个目的。
首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，如果我听到“我不明白这个方案为什么不够 好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。
其次，可以测试出他们已经掌握的(还是那句话，“想都不用想”)浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。
注意：所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。在我看来，这无异于让素描大师画肖像，没有意义，也得不到任何有价值的信息。
四、有激情
要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学能力。浏览器技术的变化可谓日新月异，所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐怕还是必须这么做的。
你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有 对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能;
五、最后一点
计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。
⑷ 前端开发者面试必备的3个点
最近是招聘旺季，我也在负责我们公司的招聘，但是面试过程大部分前端面试者给我的感觉思维比较窄，以及陈述问题时候比较乱，整体给人感觉不是理想。下面是我作为一个面试官从三个维度给面试者建议和思考吧。
一.自我介绍
1.自我介绍，可以简单介绍你毕业什么学校，什么专业
2.出来负责的项目，每个项目自己充当的角色
3.每个项目使用前端技术+后端技术
简单大概的说出来就可以了，不要详细到你哪年进入公司，哪年离开公司，负责项目做什么的，说一大通。这个对我们面试官来说，想让你自我简单介绍，其实考察点有两方面：
A.面试者的表达能力和概括能力
B.面试者目前掌握什么技术，做过什么项目，在项目中的角色来初步判定这个人的能力
二.问题回答
在本人问他们做过项目中，自己感觉挑战最大的项目是什么，你在这个项目中做了什么，遇到什么问题，怎么解决这些问题的
1.有些面试者给我的答案直接说没有比较大的挑战;这个让我感觉这个人可能没有听懂我的问题，工作那么多年，难道没有一个项目可以拿来说的，那我拿什么来判定你的能力呢?难道凭你几句话，说我很牛逼的，没有什么困难难得到我?我就信任你了，伯乐寻找千里马都要知道几个千里马的特征吧。所以没有你也要在面试前准备好自己做过的项目和总结，在项目中自己做了什么，充当什么觉得。
2.有些面试者回答这个问题，在介绍项目的时候，很大概的说，还有就是一句话前端都是我做的，这些都是我设计的;这个让我感觉这个人也没有听懂我的意思，我在问你这个问题的时候，肯定是希望你详细介绍你的项目，这个项目使用者是谁，让我知道谁在使用这个项目;你负责哪些模块，哪些组件，那些模块实现什么业务逻辑，用到什么技术，这个能让我更加知道你项目的业务，才能从你描述中我知道这类的业务会遇到什么问题，以及你使用的技术是否合理，能让我更加判定你的能力，才能更好的提出问题，才能更好的面试下去。
3.回答问题的时候不要想到什么就答什么，要有陈述性，比如1,xxx;2.yyyyy;3.wwww的陈述，这样能让我知道你总结过，表达和陈述上比较清晰，思维好;想到什么答什么的，让我感觉思维可能比较乱，有可能我听懂了你的表述，但是让我感觉表达能力有些欠缺。
4.以及在你项目中遇到的问题，你要陈述问题，你是怎么思考的，而不是针对问题就直接说网络，google就解决了。我们大家都知道，遇到问题都会去网络，google.但在这问题的前提条件是问题是，架构上的问题，还是代码的bug问题，还是方案上的问题。你至少陈述清楚，是不是还有其他方案，在其他方案中，你为什么选择这个方案。这个能让知道你在面对问题的时候，你是否思考了其他的问题，想得越多，知道能体现出的思维比较发散，遇到问题可以有其他方式解决，而不是死磕一棵树上。
三.前端技能
前端技能在问到很多面试者的时候感觉自己都懂前端，其实他们只是懂使用js敲代码而已，很多前端知识，以及前端原理都不懂，只会使用的话，那么永远只会走来人家的后面。就那一个比喻来说吧，如果你只是一个会开车的司机，不会修车或者造车，那么如果哪天车出了毛病，你都不知道，到时候才去学习车的构造原理。或者你会说我直接给维修厂不就可以了，如果维修厂关门了呢怎么办。所以我们前端开发人员还是要脚踏实地，不要说我会使用vuejs，react前端框架，问你一个mvvm模式是什么，你都说不知道，怎么实现mvvm框架，在不使用别人开发mvvm框架，自己可以开发一个简单的mvvm框架?前端的开发者问问自己?以我个人的要求，前端开发者必须掌握
1.HTTP协议
2.前端安全
3.常用前端框架的三驾马车react,vuejs,angularjs目前比较流行的以及jquery(工具库)的使用
4.前端基础知识，跨域，es6新语法
5.Nodejs的开发，express，koa等常用框架
6.了解一些数据库知识
7.能理解封装业务组件和公用组件
8.前端性能优化
9.前后端分离
如果可以，能掌握更加深层次的知识点：
1.前端架构，设计模式
2.前端工程化开发，测试，打包，发布
3.自己实现前端架构代码以及开发工具
这些是我近期的一些总结，也希望能给最近正在找工作，最近准备开始转行前端的小伙伴们一个方向。
在面试前做好准备，找好自己的定位，成功收获高薪!
⑸ 如何面试前端工程师
随着时代的发展，很多新兴的就业职位随之产生。前端工程师将就是随着互联网的快速发展而产生的。其实在很多人的观念里，前端工程师也就是一个切页面的而已，他们也就是会html、css、javascript这些没有任何技术含量的网页制作而已。然而随着技术飞速发展，人们对这些技术的要求也是越来越高，如果只凭着一个人来把所有的事情都解决是很困难的，所以这个时候前端工程师就开始发挥着他们很大的作用了。
那我们应该如何来面试前端工程师呢？
谈吐要大方得体
在我们在面对面试官时我们千万不要紧张。在进行自我介绍时我们要努力做到自信大方、吐字清晰。我们在自我介绍时要用简明扼要的话语来介绍自己，突出自己的优点表明自己的求职意向。你要通过寥寥数语把自己的优势都向面试官介绍清楚。记住不必要的话语要少说。
好了关于如何面试前端工程师这个话题我就聊到这了。希望我的回答能对你有所帮助。
⑹ 前端面试要点
想要通过前端面试顺利进入一线大厂成就高薪前端梦。那么首先，我们得知道前端面试中，社招和校招究竟有啥区别？
对于前端开发来说，如果说社招更看重对前端技术体系的深入理解，以及解决问题的能力话，那校招更看重的其实是基本功和学习能力（或者说是潜力）。
但其实，无论是社招还是校招，面试的时候都会问到一些曾经操作过的项目，尤其是大厂，或者热门高薪部门，面试官除必问的技术经验外，也会对技术深度进行一个基础的考核，那在这种情况下如何hold住大厂面试呢？
前端面试三要素：简历、个人介绍、技术能力。下面，就来分别聊一聊。
1、简历筛选关：
HR一般会去看简历中所提的技术栈是否匹配，怎么看呢？我们可以抓住简历中的技术名词，一般来说如果一点技术名词都没有提到，那么大概有以下几种可能：很水、很牛但概率很小、不会写简历。所以，一部分人可能会因为简历的问题没有了面试机会，这点是需要非常注意的。
2、个人介绍关：
通过了简历筛选阶段，就真正到了面试环节。这时候一定要准备好一段最多3分钟的个人介绍。请注意，最多3分钟！言简意赅的说明自己的工作时间，擅长技术栈和自己的工作预期。
3、项目经验表达：
对前端开发学习者而言，JS并不陌生，但大厂的JS面试题却总是显得很“陌生”，怎么样能够真正做到深入理解与高级应用？这不仅是面试过程中对前端求职者的要求，也是大多数前端开发者的痛点。
大厂面试中，面试官除了关注你的项目经验外，还往往喜欢和面试者深入探讨前端某些技术领域成体系的前端知识。比如：模块化、异步解决方案、网络、框架及原理、线程等，但在与面试官的正面battle中，求职者总会败下阵来。
所以，建议大家在Web前端面试前一定要注重这三个方面的内容。注重了这些想找找到一份适合的Web前端开发工作并不是难事。
⑺ 前端面试自我介绍草稿
前端面试自我介绍草稿3篇
篇一：自我介绍草稿
各位下午好！下面我将通过简单的面试自我介绍让您来了解我。我是来自xx大学市场营销专业的xxx。我喜欢读书，因为它能丰富我的知识；我喜欢跑步，因为它可以磨砺我的意志，我是一个活泼开朗、热情、执着、有坚强意志的人。
在读书期间，我已经做过暑期工，是向用餐的客人推销啤酒。那时我则我认为，营销是一种服务。既然是一种服务，就应该做到让大家满意，用热情和真心去做。激情，工作中不可或缺的要素，是推动我们在工作中不断创新，全身心投入工作的动力。激情加上挑战自我的意识，我相信我能胜任这份工作。我非常欣赏贵司企业文化：“诚信是我们合作的基础，双赢是我们共同的目标！”我愿与xx文化一起发展，一起创造辉煌的明天！
篇二：面试一分钟自我介绍范文
应届毕业生通用版1
很荣幸能有机会向各位进行自我介绍。我叫xxx，今年xxx岁，我学的是xxx专业。这次来应聘我觉得自己有能力胜任这 份工作，并且有着浓厚的兴趣，XXX的基本工作已经熟练，如果能给我个机会，我一定会在工作中好好地表现的，一定不会让你们失望。 我很乐意回答各位考官所提出来的任何问题，谢谢!
应届毕业生通用版2
我是一名普通的本科应届毕业生，来自XXX，我一直追求着 自己的成就。我在校担任学生干部期间获得校级优秀学生干部的称号，有比较好的组织协调能力，在暑假期间多次勤工俭学，可以吃苦耐劳，参加XX省电子设计大 赛获省二等奖，有很强的动手能力和学习能力，我可以能够在不同文化和工作人员的背景下出色地 工作。教师
我是一 名本科毕业生，毕业刚半年，学的是英语专业，大学毕业后一直从事翻译员一职。一直以来都很想从事教育工作，但因为一些特殊的原因一直未去考取教师资格证， 这段时间才开始准备考取此证书。不过，我认为，一个人的能力并非完全是由一纸证书来权衡的;同时，暂时还未取得教师资格证并不能说明以后不会有。我忠诚地 希望贵单位能够给我一次任职的机会，让我能够在教育行业中干出一番事业!
机械专业
各位考官大家早上好。我叫XXX， 来自XX大学。本人是机械专业本科学历，具有较强的机械专业理论知识和实际动手力。三年的大学生活为我的人生添加了非常多的色彩，也让我了解很多在社会上 了解不到的知识。我很热爱自己的专业，也了解要适应当今社会激烈的竞争就要全面发展自己，挖掘自身的潜能，所以我积极参加各项课外活动，阅读一些有用的书 籍，提高自我修养，注重身心的共同发展。我将以饱满的热情和十足的信心迎接社会和工作带给我的挑战。
临床医学专业
我 是嘉兴学院临床医学院临床专业05级本科学生，将于2009年7月毕业。在即将叩响社会这扇大门时，我怀着无比的真诚和高度责任感把我的人生向您靠拢。五 年的大学生活使我树立了正确的人生观，价值观，形成了热情、上进、不屈不挠的性格和诚实、守信、有责任心、有爱心的人生信条。五年，厚积薄发的五年，给我 的"轻叩柴扉"留下一个自信而又响亮的声音。
以上是我的求职面试自我介绍。在即将走向社会之时，诚望贵单位全面考察我的情况，若能蒙您 垂青，我将深感荣幸，并在日后工作中，不懈拼搏之劲，不失进取之心，克尽己能，为贵单位事业奉献自己的一份力量。相信在您们的支持下，我会和您所领导的单 位一样，直挂云帆济沧海，乘风破浪会有时!
市场营销
我 叫XXX，来自XXX，年龄XX岁。于今年6月份毕业于桂林电子科技大学新闻出版学院，专业为市场营销，我以前做过保险销售和货代销售，所以对销售有一定 的经验。此外，我在新华书店门市工作过，对服务好顾客有一定的心得。我的英语基础良好，已获得了大学英语四级证书，六级也有400分，也在外贸公司实习 过。我奉行态度决定一切的原则，我相信只要踏踏实实的做好每一个细节，服务好客户，通过自己的不懈努力，一定会在拥有出色的工作业绩。请考官考虑给我提供 一个试岗的机会，我有信心做好该岗位工作，愿服从贵公司的安排，随时可以就任岗位，并在贵公司做长期发展的准备，因为是贵公司给了我这样一个机会。
广告设计专业
我是XX大学广告设计专业的应届毕业生XXX.大学期间曾经 在暑假期间在XX广告公司实习，能够很好得配合其他员工的工作，认真踏实，对工作是绝对的认真负责;对于不懂不熟之事肯付出努力不断学习与练习，不怕吃 苦;期间还独立完成一次项目，受到公司同事和领导的好评。对于自己有较清醒的认识，不会夸大其词，自吹自擂，能恪守以大局为重的原则，愿意服从集体利益的 需要!请领导给予一次机会，我会用实力来证明自己!谢谢!>自我介绍
银行
我叫XX，来自广西南宁，2006年毕业于广西银行学 校金融专业。毕业后在工商银行南宁支行工作1年，后又在南宁市商业银行工作过一年的时间.人往高处走，水往低处流.前两份工作因没有太大的发展潜力，故我 辞去工作，以谋求更好，更有发展前途的工作。之前2年的工作使我有了丰富的银行临柜能力。我认为我可以很好的胜认贵行的大堂经理一职.谢谢!
篇三：面试自我介绍(3分钟)
您好：
非常荣幸能参加这次面试，我叫XX，来自xx(户籍)，是大学专业本科的应届毕业生，希望通过这次面试能寻到我梦寐以求的职位。
在校期间我刻苦学习，不负众望分别获得两次二等奖学金，和一次的三等奖学金，用实际努力报答父母和师长的养育之恩。
除了学习之外，我还积极参加各种社会实践活动。我曾担任班级的宣传委员，组织了几次班级和学院的公益活动：如青年志愿者助残活动，向孤儿院儿童献爱心活动等。组织这些活动以及和活动中和成员的相处让我学到了很多东西，对培养自己的能力和人际关系的处理有很大的`好处，为我更快的走向社会提供了良好的平台。
此外，计算机和篮球是我业余最大的爱好，我计算机过了国家2级，除熟悉日常电脑操作和维护外，还自学了网站设计等，并自己设计了个人主页。我是班级的篮球队主力，我觉的篮球不仅可以强身健体还可以培养一个人的团队精神。
回顾自己大学四年的学习生活，我掌握了专业知识，培养了自己各方面的能力，这些对今后的工作都将产生重要的帮助。除此之外，也应该看到我的一些缺点，如有时候做事情比较急于求成，在工作中实际经验不足等等。但“金无足赤，人无完人”每个人都不可避免的存在他的缺点，有缺点并不可怕，关键的是如何看待自己的缺点，只有正视它的存在，通过不断的努力学习才能改正自己的缺点。今后我将更严格要求自己，努力工作，刻苦学习，发扬优点，改正缺点，开拓前进。
选择这个职位一方面和我的专业对口，另一方面它有很强的挑战性，我想依靠自身的努力实现自我的人生价值，为公司尽微薄之力，再次感谢给我这次机会，我感到很荣幸。以上的这则面试自我介绍，不仅讲出了优点，也标注了自己的缺点，并重点强调了克服的方法，这是面试自我介绍时需要注意的一点，考官在了解你的同时，更了义看到你的未来工作的态度，以及一种积极乐观的心态，所以求职者一定要认真的对待自我介绍的这个面试环节。
;⑻ 前端面试会提问到哪些
在面试前端的过程中，有些问题是经常会被提问到的
一、基础篇
1. 在不使用第三个变量的情况下，如何调换a与b的值？
2. px与em的区别
3. 简述一下盒模型
4. 页面导入样式时，使用link和@import有什么区别？
5. 简述一下事件代理
二、HTML常见题目
01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
02、HTML5为什么只需要写？
03、行内元素有哪些？块级元素有哪些？空(void)元素有哪些？
04、页面导入样式时，使用link和@import有什么区别？
05、介绍一下你对浏览器内核的理解？
06、常见的浏览器内核有哪些？
07、html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？
08、如何区分HTML和HTML5？
09、简述一下你对HTML语义化的理解？
10、HTML5的离线储存怎么使用，工作原理能不能解释一下？
三、CSS类的题目
01、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
02、CSS选择符有哪些？哪些属性可以继承？
03、CSS优先级算法如何计算？
04、CSS3新增伪类有哪些？
05、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
06、display有哪些值？说明他们的作用。
07、position的值relative和absolute定位原点是？
08、CSS3有哪些新特性？
09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
四、JavaScript类的题目
01、JavaScript中this是如何工作的
02、请解释原型继承的原理。
03、什么是闭包(closure)，如何使用它，为什么要使用它？
04、.call 和.apply的区别是什么？
05、请指出JavaScript 宿主对象(host objects) 和原生对象(native objects) 的区别？
06、请指出以下代码的区别：function Person(){}、var person = Person()、var person = new Person()？
07、请解释变量声明提升(hoisting)。
08、什么是 “use strict”; ？ 使用它的好处和坏处分别是什么？
09、什么是事件循环 (event loop)？
10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。
五、开发及性能优化类题目
01、如何规避javascript多人开发函数重名问题？
02、请说出三种减低页面加载时间的方法.
03、说说你所了解到的Web攻击技术。
04、说说你说了解的前端性能优化方法？
05、前端开发中，如何优化图像？图像格式的区别？
06、浏览器是如何渲染页面的？
07、页面重构怎么操作？
08、什么叫优雅降级和渐进增强？
09、前端需要注意哪些SEO？如何做SEO优化？
10、平时如何管理你的项目？
⑼ 2020年Web前端面试题及答案汇总
今天小编要跟大家分享的文章是关于2020年Web前端面试题及答案汇总。正准备参加Web前端面试的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。 ⑽ 前端面试题整理
JavaScript：
一、Mysql数据库
1.MySQL中varchar与char的区别以及varchar(50)中的50代表的涵义?
答案：
Varchar是变长字符串，最多存储的大小是65535字节，查询速度相对较慢;Char
是定常字符串，最多存储的大小是255字节，查询速度相对较快;
varchar(50)表示：Mysql4.0表示存放50个字节，5.0存放50个字符。
2.简述浏览器打开#显示页面，中间都经过哪些过程?
答案：
向DNS服务器获取域名对应的IP地址并返回浏览器，通过IP地址向Web服务器发请求，Web服务器从文件服务器获取网页中所需要的文件，从数据库服务器获取网页中所需要的数据，最后讲完整的网页相应给浏览器。
3.如何解决MySQL中存储中文乱码问题?
答案：
脚本文件采用UTF8编码
客户端连接数据库使用UTF8编码
服务器端创建数据库使用UTF8编码
4.Float和Double的区别是什么?
答案：
FLOAT(单精度浮点数)类型数据可以存储至多8位十进制数，并在内存中占4字节。
DOUBLE(双精度浮点数)类型数据可以存储至多18位十进制数，并在内存中占8字节。
5.把数据id等于1的名字oldboy更改为oldgirl?
答案：
updatetestsetname='oldgirl'whereid=1;
6.如何登录mysql数据?
答案：
mysql-uroot。
二、JS基础
1.continue和break有什么区别?
答案：
break和continue都是用来控制循环结构的：
break终止循环，跳出循环体执行循环后面的语句。
continue跳过本次循环，执行下一次循环。
2.i++和++i的区别?
答案：
i++：先用i值后加1,
++i：先加1后用i值，
计算：varn=5;求varnum=n+++++n+n+++++n+n;//37
3.JavaScript都有哪些数据类型?
答案：
原始类型：数值型/字符串型/布尔型/undefined/null
引用类型：对象
4.自调用函数是什么?用于什么地方?
答案：立即执行的函数。(function(){//函数体})();
用于创建一个局部作用域。
5.slice和splice有什么区别?
答案：
slice截取子数组，从指定的数组中，截取几个连续的元素组成一个新数组
splice允许从指定数组中，删除一部分元素，同时再添加另一部分元素
6.typeof返回的类型有哪些?
答案：
number、string、boolean、undefined、object、function
ex:
vararr=[1,2,3,4,5];
console.log(typeof(arr));//object
functionmyDemo(){
returnfunctiontest(){};
}
console.log(typeof(myDemo()));//function
7.取1~11之间的随机数(即包括1不包括11)?
答案：
Math.floor(Math.random()*10+1)
parseInt(Math.random()*10+1)
8.什么是变量声明提前?
答案：
使用var关键字声明的变量，会将声明提升到所在作用域的最前边。。
9.push、pop、shift和unshift区别?
答案：
这两组同为对数组的操作，并且会改变数组的本身的长度及内容。
不同的是push()、pop()是从数组的尾部进行增减，unshift()、shift()是从数组的头部进行增减。。
10.例举4种强制类型转换和3种隐式类型转换?
答案：
强制转换：parseInt/parseFloat/Number/toString
隐式转换：
字符串+数值数值转字符串
数值+布尔型布尔型中true转为1，false转为0
字符串+布尔型布尔型转为字符串。
11.函数声明与函数表达式的区别?
答案：
相同点：两者都可以创建函数。
不同点：函数声明可以存在函数提升(前)，函数表达式不存在函数提升(前)。
//函数声明
functionmyFunction(){
functioninnerFunction(){}
}
//以下为函数表达式
varmyFunc=function(){};
myFunc(function(){
returnfunction(){};
});
12.请指出JavaScript宿主对象和原生对象的区别?
答案：
宿主对象：指JavaScript解释器提供的对象，由解释器厂家自定义并提供实现，不同的解释器提供的扩展对象存在较大的差异(DOM和BOM对象)。
原生对象：JavaScript语言本身预定义的对象，在ECMAScript标准中定义，由所有的解释器厂家来提供具体实现(Array,Date,Math,Number,String,Boolean等)。
13.js中有哪些内置函数?
答案：Object,Array,Boolean,Number,String,Function,Date,Math,RegExp,
Error,Global
14.列举出获取日期相关函数
答案：
console.log(Date.now());//返回当前日期和时间/01/0100:00:00'之间的毫秒值
vardt=newDate();//获取当前时间---年月日时分秒
console.log(dt.getTime());//返回当前日期和时间/01/0100:00:00'之间的毫秒值
console.log(dt.getFullYear());//年份
console.log(dt.getMonth()+1);//月份(0-11)
console.log(dt.getDate());//日期(0/1-31)
console.log(dt.getDay());//星期(0-6)
console.log(dt.getHours());//小时(0-23)
console.log(dt.getMinutes());//分钟(0-59)
console.log(dt.getMilliseconds);//返回毫秒(0-999)
console.log(dt.getSeconds());//秒(0-59)
15.Math相关函数
答案：
Math.random()-返回0~1之间的随机数
Math.abs(x)-返回数的绝对值
Math.ceil(x)-向上取整
Math.floor(x)-向下取整
Math.round()四舍五入
Math.max()和Max.min()获取一组数据中的最大值和最小值
Math.PI获取圆周率π的值Math.pow()获取一个值的多少次幂
Math.sqrt()对数值开方
Math.pow(10，2)=100;
Math.sqrt(100)=10;
16.null和undefined的区别?
答案：
undefined是访问一个未初始化的变量时返回的值，
null是访问一个尚不存在的对象时所返回的值。因此，可以把undefined看作是空的变量，而null看作是空的对象。
17.==和===有什么不同?
答案：
==抽象相等，比较时，会先进行类型转换，然后再比较值;
===严格相等，判断两个值相等同时数据类型也得相同。
18.setTimeout和setInterval的区别是什么?
答案：
二者都是用来设置定时操作的。
setTimeout:设置一个定时器，在定时器到期后执行一次函数或代码段
setInterval:设置一个定时器，以固定的时间间隔重复调用一个函数或者代码段
19.请说出以下代码执行结果
for(vari=0;i<3;i++){
setTimeout(function(){
console.log(i);
},0);
console.log(i);
}
答案：012333，执行过程如下
vari=0;
console.log(i);i++;
console.log(i);i++;
console.log(i);i++;
setTimeout(function(){console.log(i);
},0);s
etTimeout(function(){
console.log(i);
},0);
setTimeout(function(){
console.log(i);
},0);//输出012333
20.请说出(true+flase)>2+true的执行结果
答案：false
21.当前代码块输出结果是什么?
varz=10;
functionfoo(){console.log(z);}
(function(funArg){varz=20;funArg();})(foo);
答案：10，自调用函数。
22.setTimeout(function(){},10)表示什么意思?
答案：每隔10毫秒调用一次函数。
23.程序中捕获异常的方法?
答案：
try{
}catch(e){
}finally{
}
24.以下代码执行结果?
varuname='jack'
functionchange(){
alert(uname)//?
varuname='lily'
alert(uname)//?
}
change()
答案：undefinedlily
25.如何使用npm下载express模块?
答案：npminstallexpress
26.split和join的区别?
答案：split()将字符串按照指定的字符分割成一个数组，并返回
join()将数组用指定的字符连接成一个字符串，并返回
27.看下列代码会有什么样的输出?
varfoo="11"+2-"1";
console.log(foo);
console.log(typeoffoo);
答案：111number
28.foo=foo||bar，这行代码是什么意思?为什么要这样写?
答案：这种写法称之为短路表达式
相当于：
varfoo;
if(foo){
foo=foo;
}else{
foo=bar;
}
常用于函数参数的空判断
29.用js实现随机选取10_100之间的10个数字，存入一个数组，并排序
答案：
functiongetRandom(istart,iend){
variChoice=iend-istart+1;
returnMath.floor(Math.random()*iChoice+istart);
}variArray=[];
for(vari=0;i<10;i++){
varresult=getRandom(10,100);
iArray.push(result);
}iArray.sort();
30.如何获取javascript三个数中的最大值和最小值?
答案：Math.max(a,b,c);//最大值
Math.min(a,b,c)//最小值
31.实现冒泡排序?
vararray=[5,4,3,2,1];
vartemp=0;
for(vari=0;i
for(varj=0;j
if(array[j]>array[j+1]){
temp=array[j+1];
array[j+1]=array[j];
array[j]=temp;
}
}
三、NODEJS
1.同步和异步有何区别?
答案：
同步：指发送一个请求,需要等待返回,然后才能够发送下一个请求，有等待过程(在一个任务进行中时不能开启其他的任务)。
异步：指发送一个请求,不需要等待返回,随时可以再发送下一个请求，即不需要等待(在一个任务进行中时可以开启其他的任务)。
2.NodeJS中有哪些类型模块，文件操作用哪一个模块?
答案：
模块类型：核心模块、自定义模块、第三方模块。
文件操作：fs模块
3.对NodeJS的优点和缺点提出自己的看法?
答案：CPU密集型任务的特点是进行大量的计算，消耗CPU资源，比如计算圆周率(上千位)、对视频进行编码等,全靠CPU的运算能力
(一般用C语言，java)IO(Input/
Output)密集型任务，这类任务的特点是CPU消耗很少，大部分时间都在等待IO操作。常见的大部分任务都是IO密集型任务，比如Web应用(一般用脚本语言：python/Nodejs)。Nodejs设计思想中以事件驱动、异步、非堵塞I/O密集型为核心，他提供的大多数api都是基于事件的、异步的风格。所以非常适合处理高并发请求。此外，与Node服务器交互的客户端代码是由js语言编写的，因此客户端和服务器端都用同一种语言编写，减少了成本。
4.使用NodeJS完成登录功能(编写HTML页面和路由接口中的代码)?
答案：
HTML页面：
用户：
密码：
user.js路由
constexpress=require('express');
constpool=require('../pool.js');
varrouter=express.Router();
router.post('/login',(req,res)=>{
varobj=req.body;
var$uname=obj.uname;
if(!$uname){
res.send({code:401,msg:'unamerequired'});
return;
}
var$upwd=obj.upwd;
if(!$upwd){res.send({code:402,msg:'upwdrequired'});
return;
}
varsql='SELECT*FROMxz_userWHEREuname=?ANDupwd=?'
pool.query(sql,[$uname,$upwd],(err,result)=>{
if(err)throwerr;
if(result.length>0){
res.send({code:200,msg:'loginsuccess'});
}else{
res.send({code:301,msg:'loginerror'});
}});
});
//路由器导出
mole.exports=router;
5.什么是Nodejs?
Nodejs是一个JavaScript的运行环境，是一个服务器端的“JavaScript解释器”，用于方便高效地搭建一些响应速度快、易于扩展的网络应用。它采用事件驱动、异步编程，为网络服务而设计
1.介绍一下isNaN函数？
如果参数不是数字类型的话isNaN返回true（函数名称：isnan函数功能：判断数组的元素是否是NaN。）
2.javascript都支持哪些布尔型的操作？
&&,||和！（&&逻辑与，||逻辑或，！逻辑非）
3.“1″+2+4在javascript中得到什么？
因为“1”是String类型，所以所有的操作数都是String,结果为124
4.2+5+”8″得到的结果是什么？
因为2和5是数字类型，8是字符串，所以得到的结果是78
5.javascript有几种loop（循环）方法？
for,while,do-while，for...in语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
6.javascript如何创建一个新的对象？
varobj=newObject()或者varobj={}
7.如何为一个对象属性赋值？
obj["age"]=17或者obj.age=17
8.如何为一个数组添加一个值？
arr[arr.length]=value;
9.javascript基本数据类型/javascript中的typeof返回哪些数据类型
Number类型、Boolean类型、Object类型、String类型、Null、Undefined类型/
10.例举3种强制类型转换和2种隐式类型转换?
强制（parseInt,parseFloat,number）隐式（==_===）
11.数组方法pop()push()unshift()shift()
Push()尾部添加pop()尾部删除Unshift()头部添加shift()头部删除
12.闭包是什么，有什么特性，对页面有什么影响
闭包就是能够读取其他函数内部变量的函数。
13.添加删除替换插入到某个接点的方法
obj.appendChild()obj.innersetBefore()obj.replaceChild()obj.removeChild()
14.javascript的本地对象，内置对象和宿主对象
本地对象为arrayobjregexp等可以new实例化
内置对象为gloadMath等不可以实例化的
宿主为浏览器自带的document,window等
15.介绍一下eval()函数
eval()函数可计算某个字符串，并执行其中的的JavaScript代码。
16.介绍一下JSON
JSON：JavaScript对象表示法（JavaScriptObjectNotation）。
JSON是存储和交换文本信息的语法。类似XML。
JSON比XML更小、更快，更易解析。
17.jQueryUI与jquery的主要区别是：
(1)jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。
(2)jQueryUI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
(3)jQuery本身注重于后台，没有漂亮的界面，而jQueryUI则补充了前者的不足，他提供了华丽的展示界面，使人更容易接受。既有强大的后台，又有华丽的前台。
html+css:
1.对WEB标准以及W3C的理解与认识:
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；
2.xhtml和html有什么区别:
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭。
标签名必须用小写字母。
XHTML文档必须拥有根元素。
3.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：divph1h2h3h4formul
行内元素:abbrispaninputselect
Css盒模型:内容，border,margin，padding
4.前端页面有哪三层构成，分别是什么?作用是什么?
结构层Html表示层CSS行为层js
5.写出几种IE6BUG的解决方法:
双边距BUGfloat引起的使用display
3像素问题使用float引起的使用dislpay:inline-3px
超链接hover点击后失效使用正确的书写顺序linkvisitedhoveractive
Iez-index问题给父级添加position:relative
Png透明使用js代码改
Min-height最小高度！Important解决’
select在ie6下遮盖使用iframe嵌套
为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08line-height:1px）
6.解释csssprites，如何使用。
Css精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
7.你如何对网站的文件和资源进行优化?期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
8.清除浮动的几种方式，各自的优缺点：
使用空标签清除浮动clear:both（理论上能清楚任何标签，，，增加无意义的标签）
使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）
是用afert伪元素清除浮动(用于非IE浏览器)
9.浏览器内核
1、Trident内核：IE最先开发或使用的，也称IE内核，360浏览器使用的也是IE内核；
2、Webkit内核：谷歌chrome浏览器最先开发或使用，也叫谷歌内核，枫树浏览器、太阳花使用的也是谷歌内核；
3、Gecko内核：Netscape6开始采用的内核，后来的MozillaFireFox(火狐浏览器)也采用了该内核，K-Meleon浏览器也是使用这种内核；
4、Presto内核：目前只有Opera浏览器采用该内核