JavaScript前端面试攻略：面试官常提及的Web前端关键问题汇总

元素，如何使用jQuery来选择它们？
3. jQuery中的ID选择器和class选择器有何不同？
4. 如何在点击一个按钮时使用jQuery隐藏一个图片？
5. $(document).ready()是什么函数？为什么要用它？
6. JavaScript window.onload事件和jQuery ready函数有何不同？
7. 如何找到所有HTML select标签的选中项？
8. jQuery中的each()是什么函数？如何使用它？
Web前端面试必考的基础面试题有哪些？
切图、CSS盒模型、JS基础语法、ajax、面向对象、模块化、性能优化、自动化等，相关考核会多一些。大公司注重基础，小公司注重能力，所以有时间多刷一些基础题目。
祝你面试顺利！

第二个参数是请求页面的网址。

send()函数，发送具体请求
abort()函数，终止当前请求
readyState属性表示请求的状态，共有5个可选值：0=未启动，1=正在加载
2=已加载，3=交互中，4=完成
responseText属性表示服务器的响应，以字符串形式呈现
responseXML属性表示服务器的响应，以XML形式呈现
status属性表示服务器的HTTP状态码，200表示ok，400表示not found
前端技术问题
IE浏览器类似于银行网银的安全密码输入控件，通过键盘钩子防止键盘记录器监听密码，使用DES对密码进行加密传输，输入框禁止选择和复制
或者
只要是ActiveX控件，都必须进行IE的安全设置。
网银通常是一个安装程序，安装时会为你设置好。
ActiveX控件在页面中与普通的DOM元素一样，只要ActiveX控件建立成功，就可以使用JavaScript直接访问其方法和属性。
在面试前端布局时，如何回答
在面试前端布局时，如何回答
可以说，你对DIV+CSS布局的了解，不懂可以先百度一下，我不可能一一说明。
然后说，盒子模型的了解，还是那句，不懂可以先百度一下。
然后说，清除浮动的方法，还是那句，不懂可以先百度一下。
然后说，内联、内联块和内联元素的了解。
还有一些加分项，例如对overflow的深入理解。overflow，如果理解得深入，对布局有一定的影响。
大概就是这样，面试官也许会问得更详细，我就不清楚了。
在面试前端时被问到Vue组件如何编写，如何回答
Vue框架中的状态管理。在main.js中引入store，注入。新建了一个目录store，……export。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车
在面试前端时被问到为什么离职
实话实说，但要注意措辞，回答过程中千万不要抱怨或“吐槽”前东家的种种不好，请客观地叙述与自己现在状态不相契合的点。
参考：原东家的发展空间达不到我的期望，我想要寻找新的机会挑战自己，同时创造更大的价值。
注意：避免空洞的官话，会让人觉得不真诚，另外，点到为止，无需细谈。
在面试前端时被问到如何解决浏览器兼容性问题，该如何回答
IE6/IE7对前端当然很不友好，但专业的FE决不应该因为这两个浏览器难处理就不处理了。如果用户需要，我的目标是在力所能及的情况下为用户提供最好的前端展示。兼容性问题从来不只是IE6/7的问题，各个手机、浏览器、版本的兼容性问题同样有很多，比IE更复杂。我的经验是，每遇到一个棘手问题，做以下几件事：确认触发场景，什么浏览器、版本、什么情况下会出现这个问题，做到稳定复现；找到问题原因，为什么会出现这样的问题（网上搜索、自己思考甚至邮件询问相应公司开发者等等都是可行的）；确定解决方案，有没有什么框架级的解决方案，总之是定规范，避免类似问题；比如不使用某些属性；用某种布局方法规避一些问题等等；有没有什么临时的方法可以快速绕过去？不是每次都有时间搞框架级的解决方案。如何通过hack绕过去，把这些都积累起来，就会有用处。不要想着IE6、7没了就不用考虑浏览器兼容性问题，chrome/firefox、webkit的各种版本，手机的各种浏览器、各种终端都要处理浏览器兼容性问题，恩，对，偶尔还有flash。兼容各种终端、兼容各种解析度、兼容浏览器都是兼容性问题，这是FE的命，得认。抱着让用户有最好体验的想法去做，收获更大。
在面试前端时被问到Vue实现数据双向绑定，原理是什么
其原理大致如下：
在数据渲染时使用prop渲染数据
将prop绑定到子组件自身的data上，修改data时修改自身data来替代prop
watch子组件自身data的改变，触发事件通知父组件更新绑定到prop的数据
这样做的好处是：父组件data改变时，不会修改存储prop的子组件data，只是以子组件data为媒介，完成对prop的双向绑定。
在面试前端时如何表达
面试方法
代码编写笔试
问答式
过程遵循STAR面试法。
校招和社招是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的项目情况。
项目相关
面试其实说白了就是根据一个人之前的经历，来判断出后续这人会做得怎样，如果你之前从没做成过一件事情，凭什么让别人相信你之后能做成呢？因此无论哪里的面试都会问你之前做过的项目
项目可以是多人协作开发一个产品，也可以是自己个人做过的业余应用，只需介绍1、2个就够了，需要注意的是1+1≠2，做了两个平庸的项目不如做了一个好的项目。
一般来说会问如下几方面的问题：
做过最满意的项目是什么？
项目背景
为什么要做这件事情？
最终达到什么效果？
你处于什么样的角色，起到了什么作用？
在项目中遇到什么技术问题？具体是如何解决的？
如果再做这个项目，你会在哪些方面进行改进？
技术相关-一面
技术一面主要判断对基础知识的掌握
描述一个你遇到过的技术问题，你是如何解决的？
这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？
是否有设计过通用的组件？
请设计一个Dialog（弹出层）/ Suggestion（自动完成）/ Slider（图片轮播）等组件
你会提供什么接口？
调用过程是怎样的？可能会遇到什么细节问题？
技术二面主要判断技术深度及广度
你最擅长的技术是什么？
你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？
浏览器及性能

浏览器与性能

这些优化策略的内在机制是什么？
除了这些常规手段，你是否还知晓一些前沿的优化技巧？
（这个问题既考验技术深度也考验技术广度，实际上要答好确实相当有难度，注意要尽可能详细）
一个页面从输入网址到完全加载的过程中，都经历了哪些环节？请尽可能详细地描述
请谈谈你所了解的页面性能优化策略
如何对页面性能进行分析？
其他
除了前端技术，你还熟悉哪些其他技术？
对计算机基础知识的掌握程度，例如常见的资料结构、编译原理等
兴趣方向
最近在研究什么？接下来半年你计划学习什么？
哪些方面的工作让你最有成就感？是需求设计？规划？还是具体开发？
未来有什么打算？三年后你希望达到什么水平？
主动性
在你之前参与的项目中，有没有什么功能或改进是由你提出的？
你是否参与过或改进过其他开源项目
页面前端面试常见问题

实际上，无论面试形式如何，提问内容都大同小异，万变不离其宗，总有规律可循。实际上，对于所有面试官来说，只有一个目标：在最短的时间内获取你最多的信息。想要高效地准备面试，先从这七个大方面入手吧！

一、基本情况
1、请用最简洁的语言描述您过往的工作经历和成果。
二、专业背景
您认为这个岗位需要具备哪些素质？
三、工作模式
您平时倾向于独立工作还是团队合作？
四、价值观念
您对原单位和上司的看法如何？
五、个性特点
您如何描述自己的个性？
六、薪资待遇
您是否方便告诉我您目前的薪资待遇？
七、背景调查
您是否介意我们通过您原单位进行一些调查？
95%的面试都会涉及这些问题，当然还可能问到一些专业问题，如果你有相关经验，应该都不是什么难题。以上信息可以直接参考楚湘人才网面试宝典篇之化繁为简，将HR的上百道问题归纳为七大类和面试常问经典问题。更多更全面的面试信息、面试技巧和面试问题，请登录楚湘人才网或关注微信公众号：楚湘人才网

如何使用ecshop修改页面前端布局
网站部署在服务器上，你的朋友是否给了你FTP或服务器的账号密码？如果没有，需要下载。下载后，在网站的文件目录中
web前端面试如何介绍
你的笔试题，根据其进行延伸。
你的简历，技术栈、课外学习情况、项目经验。第一页很重要，最好都能掌握，有亮点更好。
面试官额外延伸的知识点，随机提问，看你运气和积累（一般会涉及ES6、解决问题的方法、数据结构与算法等）。

应对
刷题，各种基础题能帮你快速回忆起来，比看书快，如果基础不好，还是好好看书吧。
简历上自己写的东西，要能说出来。
积累，每次面试不成功就回来填坑吧，还是有掌握不到位的地方。我觉得能坚持下来的话，找工作只是时间问题。
根据公司业务的不同，侧重点也不一样，公司能从你的简历中挑选出感兴趣的部分。
可能你写的是熟练使用Vue，公司也是这个技术栈。
可能你知识面全面，公司想了解你实际掌握程度如何。
可能你项目经验贴合用人单位需求，比如都是做后台管理的。

框架问题：（以Vue为例，3个框架实质问题差不多，具体有些差异）
封装过哪些组件？有自己写过UI组件吗？
什么是MVVM，和MVC有什么区别，原理是什么？
父子组件如何通信的？
兄弟组件如何通信的？
生命周期有哪些，如何使用？
Vue全家桶都用过哪些？具体如何使用？
HTML5+CSS3
盒子模型
如何给未知宽高的图片垂直居中对齐？有几种方法？
移动端的rem布局。
前端可以做哪些优化，或问你SEO，基本都会问。
清除浮动方式和原理，基本都会问。几种方式？原理？为什么要用伪元素？具体代码怎么写，为什么这么写？
清除浮动会涉及到BFC的问题。
给你实际页面例子，让你口述布局或手写实现细节，可以使用几种方法，如何写兼容性好，拓展性好。
具体API哪个CSS版本？
CSS3新增了哪些API？
可能问你哪些API是CSS哪个版本的？兼容性怎么样。
CSS hack是什么？包含什么？如何处理兼容性问题？
HTML5新增了哪些API？哪些比较常用？用来做什么？实际如何使用？
cookie、session、localStorage、sessionStorage的区别，具体如何使用代码操作？
JavaScript
变量提升的问题。
闭包的原理，闭包的各种题，基本都会问。
DOM2事件流，冒泡和捕获问题？
this指向问题，一般都是在笔试题里，拿着问你，问的比较多。
call和apply区别？有的还会加问bind？
面向对象编程中的继承问题，原型链问题在笔试题里比较常见。
jQuery API，各种操作DOM用法，还有一些新的API，这种在不用3大框架的公司会问得很详细。
可能有些考数据结构的，可以了解一下，一般前端掌握的很少。
Ajax基本都会问，问的细节可能不同，比如get和post有什么区别？
数组的方法-ES6以下基本都能熟练使用，应该会加分不少
字符串的方法-拼接、提取、带一些正则
数组去重问的挺多的（解法很多，ES6有很多简短写法）
ES6的Promise，很多都会问。如果公司用框架或者你写了，还会问你Class。
var、let、const区别，问的多。
栈和队列结构，有的会问。
跨域问题：同源策略，解决方案，解决原理（比如jsonp的原理），这里都是高发区。
网页前端布局都用什么工具
一般应该都是用ps或者类似的作图软件先把图画出来，然后再手写代码。
用ps等做出软件是方便作图后修改，因为不管是内部用还是给客户，总是要多修改的。