① 前端面试一般问什么
前段面试一般的来说面试官是想了解你的基本沟通能力和大体的处事性格和能力
② 即将面试前端要准备什么样的demo
首先，并非所有的前端开发面试都会查看你的demo
其次，如果你有项目开发经版验，那么比权较好的项目（好一方面指的是项目的功能完善，涉及到的前端技术比较多，另一方面指的是你的代码质量比较好），就可以作为你的demo
如果你没有项目开发经验，那至少自己敲过一些东西，网页或者什么的吧，这些东西就可以作为你的demo
除此之外，如果你的技术学的不错，JS层面学的也比较好的话，最好是书写几个自己的框架出来，如果还没有达到书写框架的层面，最起码面向对象、原型继承，小游戏，这种能够凸显你JS功底的demo，最好写几个。
Tips：额外说一句，别在网上随便找个效果或者视频课程，然后模仿一下，虽然你能做出demo，但是却没有你的思想和你自己的技术沉淀。
再Tips：除了demo之外，人事以及前端的面试真题建议也准备一下，可以借助“决胜前端”的小，程序，进行学习。
③ 如何面试前端工程师
一般都是结构化的，结构化的面试如：
一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？
你原来做过哪些让你印象深刻的项目？用 STAR 面试法来不停追问细节。
面试方法
代码编写笔试
问答式
过程遵循 STAR 面试法 。
校招和社招的是不一样的，校招会更加关注基础知识，而社招会更加关注之前做过的项目情况。
项目相关
面试其实说白了就是根据一个人之前的经历，来判断出后续这人会做得怎样，如果你之前从没做成过一件事情，凭什么让别人相信你之后能做成呢？因此无论哪里的面试都会问你之前做过的项目
项目可以是多人协助开发一个产品，也可以是自己个人做过的业余应用，只需介绍 1、2 个就够了，需要注意的是 1 + 1 != 2，做了两个平庸的项目不如做了一个好项目。
一般来说会问如下几方面的问题：
做过最满意的项目是什么？
项目背景
为什么要做这件事情？
最终达到什么效果？
你处于什么样的角色，起到了什么方面的作用？
在项目中遇到什么技术问题？具体是如何解决的？
如果再做这个项目，你会在哪些方面进行改善？
技术相关 - 1 面
技术一面主要判断对基础知识的掌握
描述一个你遇到过的技术问题，你是如何解决的？
这个问题很常见，有没有遇到过很不常见的问题？比如在网上根本搜不到解决方法的？
是否有设计过通用的组件？
请设计一个 Dialog（弹出层） / Suggestion（自动完成） / Slider（图片轮播） 等组件
你会提供什么接口？
调用过程是怎样的？可能会遇到什么细节问题？
更细节的问题推荐参考 darcyclarke/Front-end-Developer-Interview-Questions · GitHub
技术相关 - 2 面
技术二面主要判断技术深度及广度
你最擅长的技术是什么？
你觉得你在这个技术上的水平到什么程度了？你觉得最高级别应该是怎样的？
浏览器及性能
这些优化方法背后的原理是什么？
除了这些常规的，你还了解什么最新的方法么？
（这个问既考察技术深度又考察技术广度，其实要答好是相当难的，注意越详细越好）
一个页面从输入 URL 到页面加载完的过程中都发生了什么事情？越详细越好
谈一下你所知道的页面性能优化方法？
如何分析页面性能？
其它
除了前端以外还了解什么其它技术么？
对计算机基础的了解情况，比如常见数据结构、编译原理等
兴趣相关
最近在学什么？接下来半年你打算学习什么？
做什么方面的事情最让你有成就感？需求设计？规划？具体开发？
后续想做什么？3 年后你希望自己是什么水平？
主动性相关
在之前做过的项目中，有没有什么功能或改进点是由你提出来的？
是否有参与和改进其它开源项目
④ 面试前端开发，大家面试几次就被录用
很正常，你如果真的不会说的话，就拿出点之前做的一些案例给面试官看，最好是做个PPT什么的。 和面试官直接说，我表达方面可能有些欠缺，但是你可以看看我之前操作的案例，应该能达到这份工作的照片要求。
⑤ 前端工程师面试时被问到为什么要做前端时，怎么回答
我本抄人是个前端工程师，虽然现在袭也对php,nodejs等服务器端的东西有所涉猎，但最喜欢的还是前端这个职位所做的事情，所以要是我面试的话，我会回答：
自己很喜欢做前端，因为前端做出来的东西可以马上展现出来，可以给我带来最直接的成就感，不像后端做的大部分都是数据层面的东西，不能让客户老板和自己马上看到。而且这两年前端技术发展很快，功能越来越强大，所以做的时间越久，越感觉可挖掘的点很多，很有意思。
⑥ web前端面试经常问到的面试题有哪些
Web前端经常被问到的面试题及答案
一、HTML+CSS
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外
链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维
护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)
二、Javascript
1.javascript的typeof返回哪些数据类型
Object number function boolean underfind
2.例举3种强制类型转换和2种隐式类型转换?
强制(parseInt,parseFloat,number)
隐式(== – ===)
3.split() join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
4.数组方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部删除
Unshift()头部添加 shift()头部删除
5.事件绑定和普通事件有什么区别
6.IE和DOM事件流的区别
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
4.this指向问题
7.IE和标准下有哪些兼容性的写法
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target
8.ajax请求的时候get 和post方式的区别
一个在url后面 一个放在虚拟载体里面
有大小限制
安全问题
应用不同 一个是论坛等只需要请求的，一个是类似修改密码的
9.call和apply的区别
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)
10.ajax请求时，如何解释json数据
使用eval parse 鉴于安全性考虑 使用parse更靠谱
11.b继承a的方法
12.写一个获取非行间样式的函数
function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}
⑦ 初级前端面试的时候该怎么去介绍一个项目，以怎么样的
项目名，项目的大致用途干嘛（比如上家是电商的，这家也是电商的，比版较投机）
项目的用户量（这个比权较重要，如果你的项目是百万，千万级的用户在用，那性能方面肯定是不错的）
项目的主要任职（一般来说，现在很多还是以php或者java为后端，然后html，css，js为前端，进行开始，你要说明，哪些页面是你做的，当然为了你的薪资也可以稍微多说一点，还有一点，现在node比较火，如果后端是用node做的，那你的价码又可以往上抬一抬了）
项目主要用的一些技术（例如框架（Angular，react），辅助小工具（gulp，webpack））
项目是否以你为主开发的，是否独立开发的
开发项目中你都遇到哪些难点，你都怎么克服的
⑧ 前端面试需要准备什么
首先前端的专业知识和技能你最好得会，其次，就是带着你的作品去面试，然后不断的学习研究，做别人没有的产品或者没法实现的公司去面试，那么你会很高薪，当然，工龄还是需要的，所以不要轻易跳槽
⑨ 想要面试前端，应该准备个什么项目合适
首先，并非所有的前端开发面试都会查看你的demo
其次，如果你有项目开专发经验，那么比较属好的项目（好一方面指的是项目的功能完善，涉及到的前端技术比较多，另一方面指的是你的代码质量比较好），就可以作为你的demo
如果你没有项目开发经验，那至少自己敲过一些东西，网页或者什么的吧，这些东西就可以作为你的demo
除此之外，如果你的技术学的不错，JS层面学的也比较好的话，最好是书写几个自己的框架出来，如果还没有达到书写框架的层面，最起码面向对象、原型继承，小游戏，这种能够凸显你JS功底的demo，最好写几个。
Tips：额外说一句，别在网上随便找个效果或者视频课程，然后模仿一下，虽然你能做出demo，但是却没有你的思想和你自己的技术沉淀。
再Tips：除了demo之外，人事以及前端的面试真题建议也准备一下，可以借助“决胜前端”的小，程序，进行学习
⑩ 各大公司前端面试都问些什么
网络公司部分面试题
10 道 JS 题，10道 HTML/CSS题，可以选做，一个小时的时间。
具体题目内容和网上流传的各种前端面试题都差不多，下面罗列几个难题：
请简述 JavaScript 事件模型（很重要，建议掌握，后续两轮面试都问到了）
Ajax如何跨域，有几种方法
用 js 和 jquery 创建一个 table
简述css盒模型
写一个左边定宽，右边自动扩展的网页布局