前端面试常见问题怎么回答

前端面试常见问题怎么回答？虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。下面小编给大家带来前端面试常见问题怎么回答，供大家参考！

前端面试常见问题怎么回答

Q1 判断一个单词是否是回文?

回文是指把相同的词汇或句子，在下文中调换位置或颠倒过来，产生首尾回环的情趣，叫做回文，也叫回环。比如 mamam redivider .

很多人拿到这样的题目非常容易想到用for 将字符串颠倒字母顺序然后匹配就行了。其实重要的考察的就是对于reverse的实现。其实我们可以利用现成的函数，将字符串转换成数组，这个思路很重要，我们可以拥有更多的自由度去进行字符串的一些操作。

function checkPalindrom(str) {

return str == str.split('').reverse().join('');

}

Q2 去掉一组整型数组重复的值

比如输入: [1,13,24,11,11,14,1,2]

输出: [1,13,24,11,14,2]

需要去掉重复的11 和 1 这两个元素。

这道问题出现在诸多的'前端面试题中，主要考察个人对Object的使用，利用key来进行筛选。

/__

_ unique an array

__/

let unique = function(arr) {

let hashTable = {};

let data = [];

for(let i=0,l=arr.length;i

if(!hashTable[arr[i]]) {

hashTable[arr[i]] = true;

data.push(arr[i]);

}

}

return data

}

module.exports = unique;

Q3 统计一个字符串出现最多的字母

给出一段英文连续的英文字符窜，找出重复出现次数最多的字母

输入 ： afjghdfraaaasdenas

输出 ： a

前面出现过去重的算法，这里需要是统计重复次数。

function findMaxDuplicateChar(str) {

if(str.length == 1) {

return str;

}

let charObj = {};

for(let i=0;i

if(!charObj[str.charAt(i)]) {

charObj[str.charAt(i)] = 1;

}else{

charObj[str.charAt(i)] += 1;

}

}

let maxChar = '',

maxValue = 1;

for(var k in charObj) {

if(charObj[k] >= maxValue) {

maxChar = k;

maxValue = charObj[k];

}

}

return maxChar;

}

module.exports = findMaxDuplicateChar;

Q4 排序算法

如果抽到算法题目的话，应该大多都是比较开放的题目，不限定算法的实现，但是一定要求掌握其中的几种，所以冒泡排序，这种较为基础并且便于理解记忆的算法一定需要熟记于心。冒泡排序算法就是依次比较大小，小的的大的进行位置上的交换。

function bubbleSort(arr) {

for(let i = 0,l=arr.length;i

for(let j = i+1;j

if(arr[i]>arr[j]) {

let tem = arr[i];

arr[i] = arr[j];

arr[j] = tem;

}

}

}

return arr;

}

module.exports = bubbleSort;

除了冒泡排序外，其实还有很多诸如 插入排序,快速排序，希尔排序等。每一种排序算法都有各自的特点。全部掌握也不需要，但是心底一定要熟悉几种算法。 比如快速排序，其效率很高，而其基本原理如图(来自wiki)：

算法参考某个元素值，将小于它的值，放到左数组中，大于它的值的元素就放到右数组中，然后递归进行上一次左右数组的操作，返回合并的数组就是已经排好顺序的数组了。

function quickSort(arr) {

if(arr.length<=1) {

return arr;

}

let leftArr = [];

let rightArr = [];

let q = arr[0];

for(let i = 1,l=arr.length; i

if(arr[i]>q) {

rightArr.push(arr[i]);

}else{

leftArr.push(arr[i]);

}

}

return [].concat(quickSort(leftArr),[q],quickSort(rightArr));

}

module.exports = quickSort;

安利大家一个学习的地址，通过动画演示算法的实现。

HTML5 Canvas Demo: Sorting Algorithms(http://math.hws.edu/eck/jsdemo/sortlab.html)

Q5 不借助临时变量，进行两个整数的交换

输入 a = 2, b = 4 输出 a = 4, b =2

这种问题非常巧妙，需要大家跳出惯有的思维，利用 a , b进行置换。

主要是利用 + – 去进行运算，类似 a = a + ( b – a) 实际上等同于最后 的 a = b;

function swap(a , b) {

b = b - a;

a = a + b;

b = a - b;

return [a,b];

}

module.exports = swap;

Q6 使用canvas 绘制一个有限度的斐波那契数列的曲线?

数列长度限定在9.

斐波那契数列，又称黄金分割数列，指的是这样一个数列：0、1、1、2、3、5、8、13、21、34、……在数学上，斐波纳契数列主要考察递归的调用。我们一般都知道定义

fibo[i] = fibo[i-1]+fibo[i-2];

生成斐波那契数组的方法

function getFibonacci(n) {

var fibarr = [];

var i = 0;

while(i

if(i<=1) {

fibarr.push(i);

}else{

fibarr.push(fibarr[i-1] + fibarr[i-2])

}

i++;

}

return fibarr;

}

剩余的工作就是利用canvas arc方法进行曲线绘制了

DEMO(http://codepen.io/Jack_Pu/pen/LRaxZB)

Q7 找出下列正数组的最大差值比如:

输入 [10,5,11,7,8,9]

输出 6

这是通过一道题目去测试对于基本的数组的最大值的查找，很明显我们知道，最大差值肯定是一个数组中最大值与最小值的差。

function getMaxProfit(arr) {

var minPrice = arr[0];

var maxProfit = 0;

for (var i = 0; i < arr.length; i++) {

var currentPrice = arr[i];

minPrice = Math.min(minPrice, currentPrice);

var potentialProfit = currentPrice - minPrice;

maxProfit = Math.max(maxProfit, potentialProfit);

}

return maxProfit;

}

Q8 随机生成指定长度的字符串

实现一个算法，随机生成指制定长度的字符窜。

比如给定 长度 8 输出 4ldkfg9j

function randomString(n) {

let str = 'abcdefghijklmnopqrstuvwxyz9876543210';

let tmp = '',

i = 0,

l = str.length;

for (i = 0; i < n; i++) {

tmp += str.charAt(Math.floor(Math.random() _ l));

}

return tmp;

}

module.exports = randomString;

Q9 实现类似getElementsByClassName 的功能

自己实现一个函数，查找某个DOM节点下面的包含某个class的所有DOM节点?不允许使用原生提供的 getElementsByClassName querySelectorAll 等原生提供DOM查找函数。

function queryClassName(node, name) {

var starts = '(^|[ f])',

ends = '([ f]|$)';

var array = [],

regex = new RegExp(starts + name + ends),

elements = node.getElementsByTagName("_"),

length = elements.length,

i = 0,

element;

while (i < length) {

element = elements[i];

if (regex.test(element.className)) {

array.push(element);

}

i += 1;

}

return array;

}

Q10 使用JS 实现二叉查找树(Binary Search Tree)

一般叫全部写完的概率比较少，但是重点考察你对它的理解和一些基本特点的实现。 二叉查找树，也称二叉搜索树、有序二叉树(英语：ordered binary tree)是指一棵空树或者具有下列性质的二叉树：

任意节点的左子树不空，则左子树上所有结点的值均小于它的根结点的值;

任意节点的右子树不空，则右子树上所有结点的值均大于它的根结点的值;

任意节点的左、右子树也分别为二叉查找树;

没有键值相等的节点。二叉查找树相比于其他数据结构的优势在于查找、插入的时间复杂度较低。为O(log n)。二叉查找树是基础性数据结构，用于构建更为抽象的数据结构，如集合、multiset、关联数组等。

在写的时候需要足够理解二叉搜素树的特点，需要先设定好每个节点的数据结构

class Node {

constructor(data, left, right) {

this.data = data;

this.left = left;

this.right = right;

}

}

树是有节点构成，由根节点逐渐延生到各个子节点，因此它具备基本的结构就是具备一个根节点，具备添加，查找和删除节点的方法.

class BinarySearchTree {

constructor() {

this.root = null;

}

(data) {

let n = new Node(data, null, null);

if (!this.root) {

return this.root = n;

}

let currentNode = this.root;

let parent = null;

while (1) {

parent = currentNode;

if (data < currentNode.data) {

currentNode = currentNode.left;

if (currentNode === null) {

parent.left = n;

break;

}

} else {

currentNode = currentNode.right;

if (currentNode === null) {

parent.right = n;

break;

}

}

}

}

remove(data) {

this.root = this.removeNode(this.root, data)

}

removeNode(node, data) {

if (node == null) {

return null;

}

if (data == node.data) {

// no children node

if (node.left == null && node.right == null) {

return null;

}

if (node.left == null) {

return node.right;

}

if (node.right == null) {

return node.left;

}

let getSmallest = function(node) {

if(node.left === null && node.right == null) {

return node;

}

if(node.left != null) {

return node.left;

}

if(node.right !== null) {

return getSmallest(node.right);

}

}

let temNode = getSmallest(node.right);

node.data = temNode.data;

node.right = this.removeNode(temNode.right,temNode.data);

return node;

} else if (data < node.data) {

node.left = this.removeNode(node.left,data);

return node;

} else {

node.right = this.removeNode(node.right,data);

return node;

}

}

find(data) {

var current = this.root;

while (current != null) {

if (data == current.data) {

break;

}

if (data < current.data) {

current = current.left;

} else {

current = current.right

}

}

return current.data;

}

}

module.exports = BinarySearchTree;

完整代码 Github(https://github.com/JackPu/JavaScript-Algorithm-Learning)

面试官一般面试问什么问题

问题一：“你为什么选择我们公司?”

思路：

1、面试官试图从中了解你求职的动机、愿望以及对此项工作的态度。

2、 建议从行业、企业和岗位这三个角度来回答。

3、 参考答案——“我十分看好贵公司所在的行业，我认为贵公司十分重视人才，而且这项工作很适合我，相信自己一定能做好。”

问题二：“对这项工作，你有哪些可预见的困难?”

思路：

1、不宜直接说出具体的困难，否则可能令对方怀疑应聘者不行。

2、可以尝试迂回战术，说出应聘者对困难所持有的态度——“工作中出现一些困难是正常的，也是难免的，但是只要有坚忍不拔的毅力、良好的合作精神以及事前周密而充分的准备，任何困难都是可以克服的。”

问题三：“如果我录用你，你将怎样开展工作”

思路：

1、 如果应聘者对于应聘的职位缺乏足够的了解，最好不要直接说出自己开展工作的具体办法，

2、可以尝试采用迂回战术来回答，如“首先听取领导的指示和要求，然后就有关情况进行了解和熟悉，接下来制定一份近期的工作计划并报领导批准，最后根据计划开展工作。”

问题四：“与上级意见不一是，你将怎么办?”

思路：

1、一般可以这样回答“我会给上级以必要的解释和提醒，在这种情况下，我会服从上级的意见。” 2、如果面试你的是总经理，而你所应聘的职位另有一位经理，且这位经理当时不在场，可以这样回答：“对于非原则性问题，我会服从上级的意见，对于涉及公司利益的重大问题，我希望能向更高层领导反映。”

问题五：“我们为什么要录用你?”

思路：

1、应聘者最好站在招聘单位的角度来回答。

2、 招聘单位一般会录用这样的应聘者：基本符合条件、对这份共组感兴趣、有足够的信心。

3、如“我符合贵公司的招聘条件，凭我目前掌握的技能、高度的责任感和良好的饿适应能力及学习能力 ，完全能胜任这份工作。我十分希望能为贵公司服务，如果贵公司给我这个机会，我一定能成为贵公司的栋梁!”

问题六：“请你做一下自我介绍?”

这个问题，是必备的。但真正能回答加分的不多。你要知道一个好的自我介绍，可能会决定面试成功的80%。不管你相不相信这点，你到底适不适合这份工作，能不能通过初试，HR在你自我介绍的时候，就已经基本决定是否推荐你由用人部门复试了。

但是很多人在自我介绍时会犯错误，把自己的学校情况，工作经历，兴趣爱统统的介绍给人事;让他自己判断你适不适合这份工作。其实你应该很直接地告诉招聘专员：为什么这份工作，你来做才适合。你的竞争力在哪里?等等这些问题。

问题七：“你对我们公司有哪些了解?”

面试官其实想问的是：为什么你非得选择我们公司?你只要说出公司的地位、总部、规模等信息即可。接下来，你要开始说细节了，这很重要!非常简单但给人印象很深的做法是，看几个该企业的宣传片，然后描绘其中的情节。

问题八：“说说你离职原因?”

职场中处处是陷阱，问到你的离职原因，你要慎重对待，如果你不止一家企业经历，那就要回答好几次这个问题了。这是一个很重要的问题，因为它主要是要考察你的动机、考察你的情商、考察你的取向，还有可能会考察你的性格。

离职原因一般有主观和客观之分，主观原因回答越少越好。最佳的答案一般都是客观原因。

一般情况下不太好的离职原因有工作业绩不达标，与上级沟通不好，老板与自己的理念不同，你和上司相处不来，公司的制度太苛刻，公司的待遇太差，上级安排工作不合理。等等还有很多。

尽量挑一些你主观上看似无法避免的原因，比如说：我们公司资金链断裂，可能面临破产;所在部门被合并了，公司让自己去外地常驻，亲人有重大变故。等等还有很多，就不一一列举了。

问题九：“你的缺点是什么?”

回答这个问题的时候，你一定要避重就轻。首先什么是重?比如说性格方面的问题、人际关系方面的问题、你的工作能力方面的原因。那么什么又是轻呢?比如说，我方向感不太好，不善于理财之类的。等等这些无关痛痒的缺点，或者说与求职关系不大的缺点。

问题十：“你有什么需要向我了解的吗?”

这个问题一般放在最后阶段，面试官问的问题问完了，就会询问是否要了解的。面对这个问题，不要掉以轻心，因为一般情况下，这个最后的问题可能决定了面试官对你的最终印象。

主要的意思是，你还想了解什么，能帮助你更好留在我们公司?

主要考察考察你的对这家企业的意向程度，你要是说“没有”，面试官说不定心里会认为你对这个职位不太感兴趣，即使你有一定的经验和技能，但会大打折扣的。这个问题其实给了你表意向的机会，你要很认真地问她：“其实我想了解了解我们公司的工作氛围是什么样的?”等等这些问题。

面试应该问面试官哪些问题

第一：可以问面试官你所应聘的部门有多少人员?基本上根据这个部门员工的人数，你就可以大致了解他们的实力和规模，甚至是预测出他们这个部门目前处于一个什么样的水平和状态。比如：如果是一个售后部门，面试官说目前该部门有两名员工，算上你三个，那就说明这个公司的客户数量不是那么多，那他们的营收状况是否有点悬呢?公司还能维持下去多久?或者是客户很多，那该部门的员工平时工作任务就会比较繁重，加班的情况估计也是很常见。这些都是可以帮助你分析一下，是否到这家公司就职的因素。

第二：问下你应聘部门员工的待遇一般处于什么样一个水平?这个一般得不到准确的数据，但是可以得到一个大致的范围，这样对你之后的工作待遇，你心里也就提前有一个底了，是去是留，你自己根据自身情况去把握。

第三：问下应聘部门员工是不是刚入职的?当然，这个你可以委婉点去问，比如：咱们部门的员工，也是最近应聘的吗?要保持微笑的姿势!如果是刚入职的，说明这个部门刚经过大换血，或者是新成立的部门，或者是一个流动性很大的部门，这些情况，你自己要去综合考虑适合自己不适合，我简单说点，比如：如果是刚大换血，对你来说也许是个机会，跟着新领导双方都没有什么包袱，轻装上阵，好好表现就是领导眼里的骨干了;如果是新成立的部门，就考虑这个新部门的领导水平如何，是否经验丰富，或者是从其他部门随便分过来的，只因为资历老在公司，没什么能力，这些你也要考虑;如果是一个流动性很大的部门，你就要考虑下这个公司是不是有什么问题，要不然员工的流动性不会这么大，这里面肯定是有深层次原因的。那对你来说，流动性太大适不适合你，你也要考虑，有人说有的行业就是流动性大，这个确实，但是绝大部分行业都是流动性不大的，所以你要慎重。

第四：问下公司员工的薪资是如何规定的?基本可以问出来，该公司是否有一个合理、完善的薪酬体系，有完善薪酬体系的公司，面试官会告诉你如何晋升、如何涨工资、如何评比、如何激励、如何处罚等等，你也可以自己问他。如果没有完善的薪酬体系，说明该公司的规章制度还很不完善，以后工作过程中你的薪酬很可能就是老板一句话或者上级领导一句话的事情，而没有任何合理、客观的依据作为参考，这类公司大部分都是人治，而不是法治，至于人治的公司有什么问题，相信大家都会多少知道一点。后期，我也可以给大家分享一下，人治公司到底有哪些深层次的问题。

第五：问下该公司有哪些福利保障?当然，北上广深，那基本上都是双休，有加班费，有节假日、有社保。但是，对于二三线城市的求职者来讲，这些待遇很多城市根本做不到，只有少量有规模和实力的公司才会给你提供，大部分还都是在这方面很不完善，更有一些公司更是连正式合同都没有，你的去留都是老板一句话的事情，所以，如果你在意这些，一定要问清楚，包括逢年过节，年终奖的事情都要问，要不然最后肯定会让你寒心的。

面试中需要注意的问题

1、询问直白急切

求职者急切地问："我的薪水是多少?"谈论薪酬是可以理解的，但是需要主要以场合，在双方都有意向的情况下，可以委婉地进行询问。求职者与HR讨论薪资问题是正常的，但要选择时机，而且要委婉，不要粗鲁。

2、不可以问的

当HR问到求职者的期望薪资是多少时，求职者直接问对方打算付多少钱是很不礼貌的，很容易冒犯HR。这样的问题可以委婉地讨论，比如："我认为一个人的薪水与他的能力和贡献有关。你们公司如何安排这个岗位的工资?"等等，这个更委婉容易使HR接受。

3、不合逻辑的

当面试官让你介绍自己失败的经历时，你说没有或者记不清;当面试官问你的优缺点时，你说自己什么都好，没有缺点;当面试官问你基本技能掌握如何时，你在不知道什么软件、技能时，说很好很厉害等都是不现实的。

4、本末倒置

当面试结束时，面试官问："你有什么问题要问我们吗?"求职者问道："这次你招聘了多少人?你在公司的职位是什么?"请务必在面试中把你的职位放好。有些问题会使HR感到不舒服。在面试过程中，求职者必须考虑自己的立场和语气，这对是否成功有很大的影响。

面试礼仪及技巧

第一度:仪态仪容要有度

服装挺括,得体大方又不要鲜艳时髦;袒胸露臂;装饰合理、搭配得当又不珠光宝器、画蛇添足;头发整齐、略带素妆又不油头粉面、浓妆艳抹;仪态大方、举止得体又不矫揉造作、故作姿态,要掌握好这些度。

第二度:面试礼仪要有度

彬彬有礼,稳文而雅的风度代表了一个人的素质,是求职的法宝,但是,如果装腔作势,唯唯诺诺,就显得不很得体,所以,要掌握好这个度。

第三度:心理上要有个度

充满自信是必备条件,自信是敲门砖,自信是一种骨子里的东西,它是不言败的信心。但是自信不是自负,不是自大,也不是自傲。自骄自傲、非我莫属,是求职的最大障碍,但是自卑自贬,忐忑不安,也是阻碍成功的最大敌人,二者的结果都是与机会插肩而过,失之交臂。所以,既要充满信心,又不要旁若无人,要掌握好这个度.心存疑惑,就会失败,相信胜利,必定成功。

第四度:准备工作要有度

万一你被通知要参加面试,一定要作好面试前的全方位六大准备:物资准备、心理准备、研究准备、问题准备、仪表准备,礼仪准备,对面试中的每一个环节仔细分析,认真研究,充分的准备可以帮助你镇定自己。

打有准备之仗,自然心里有底,不慌不忙,充满必胜的信心。可是,也不要诚惶诚恐,小题大做,物资准备过了头,显得很不成熟,问题准备过了头,结果,杂乱无章、理不出头绪。要掌握准备的度。

第五度:介绍优缺点要有度

所谓的优点是任何你能运用的才干、能力、技艺与人格特质,这些优点也就是你能有贡献、能继续成长的要素,这个优势就是你竞争的法宝。最好的办法是把自己的优点集合起来,一一列举,形成一个优势。

但是,如果在择业中具备种种优势:学习成绩好,学校牌子亮,专业需求旺,求职门路广,因而盲目自信,志得意满、当凌绝顶、一览众山小,陶醉在已有的光环之中。在面试中流露出一副咄咄逼人、独占熬头的模样,那就自取灭亡。

第六度:回答问题有度

在面试过程中,最大的困难就是如何回答面试人员的问题了。其实如果你能够好好准备,加上临场镇定的表现和充分发挥,针对不同类型的问题,要以不同的方式应答,灵活机动,才能有助你轻松过关,争取求职成功。语速不紧不慢,用词不温不火,表情不僵不狂,眼神不呆不滞、举止不浮不板,要掌握好这些度。

第七度:观察问题要有度

对周围的环境、面试官的表情、态度毫无察觉,不能随机应变,不能灵活处理,面试注定失败。但是,也不能观察过度,甚至仔细分析、想入非非,结果,扰乱了回答问题的思路,甚至没有听到面试官的问话,那就要乱了阵脚。所以,观察也要有个度。

第八度:面试后查询要有个度

不要面试之后,感谢电话一个不打,感谢信一封不写,不闻不问、静侯佳音。也不要坐不住板凳,四处打探,甚至电话不断,让人讨厌。要掌握好这个度。