夫唯域名网Web前端面试常遇的几个问题包括哪些？
Web前端面试常问的几个问题有哪些？
依据面试官的不同，面试的内容也会有所差异。通常来说，CSS布局占据一部分，比如不同浏览器的兼容性，然后是JavaScript的AJAX、闭包、冒泡等，JavaScript部分会占较大比重，也有部分面试官会跳过这些，直接询问公司所需内容，这考验的是实际操作能力，这类面试官我很欣赏，他们会直接询问布局、资料填充等问题，能学到很多东西。建议面试时偷偷用手机录音，回来后听听，研究一下自己不会的问题，因为面试结束后，你可能就会忘记面试时都问过什么了。
Web前端面试会问哪些问题？
对公司和这个行业有什么看法，未来的职业规划，自己做好该职位工作的优势，个人缺点是什么，还有一些技术性问题。Web前端面试会问哪些问题？
Web前端开发的几个问题
1. 嵌套表单一般不会有什么问题，主要是看业务需求，但尽量还是不要使用嵌套。
2. name只是标签的属性，一般的网页标签元素都可以使用这个属性，并非只能表单域里的标签才能使用。比如div、span、input等等都可以有name属性。
3. jQuery已经成为JS库开发的标配，本身的体积也比较小，最主要的是简化了很多JS操作，而且我们基本不用考虑JS的浏览器兼容性问题。至于性能和原生的JS没什么区别，放心使用吧。
面试Web前端需要注意什么？会面试哪些问题？
将这些问题作为参考。
希望你的面试官有点经验，不会用以下这样的问题开场。以防万一，还是准备一些答案。
1. 为什么选择程序员这个职业？
2. 截至目前，你所从事的项目中最喜欢的是哪个？
3. 描述一下你梦想中的研发项目。
另外一些面试官会问一些通用的技术问题，来测试你的技术能力。有可能部分人不知道这些问题是什么意思，而仅仅是在考察你的能力/竞争力。基于面试官的技术能力级别的不同，你的答案也会有所不同。这些问题简单易答，因此把这些问题记下来。
1. 描述一下建立一个新网页的过程
2. 怎样减少页面加载时间？
3. 标准和标准机构（standards and standards bodies）为什么重要？
4. 你使用怎样一个过程来组织代码？
5. 你喜欢用什么工具来测试代码性能？
既然你从事前端工作，理解CSS会非常重要。因此这里为你准备了一些常见的CSS问题。这是展示你知识储备的重要开始。这些并不是最尖锐或者重要的问题，如果不能回答出来，将对你很不利。
1. CSS中的重置和规范化之间的区别有哪些？
2. 什么是浮动，它是如何工作的？
3. absolute、relative、fixed和static定位的区别是什么？
4. 解释visibility hidden和display none之间的区别
5. 你是如何修复特定浏览器预设样式的问题？
6. 你是否用过网格系统？目的是什么？
7. 如果计算CSS权重？
8. 解释如何优化CSS选择器。
9. 为什么需要使用预处理器？
10. 你是如何测试网站的跨浏览器兼容性的？
现在我们最基本的任务完成了。谁都能死记硬背这些答案来应付以上问题。即使是新手前端开发者也能出色地回答大部分问题。然而如果想真正让你的面试官印象深刻并证明你的功底深厚，就把下面这些问题牢记在心。
1. 前端开发的框架是什么？
2. 响应式Web应用和原生应用的区别是什么？
3. 原生应用相对Web应用的优势是什么？
4. 客户端和服务器端开发的区别是什么？
5. 什么是SASS和LESS？它们是如何工作的？
面试官会更多关注你是如何表达对这些问题的解释。他们会追问支持你的答案的工作案例。前面的问题你可能可以通过记忆而过关，你可能还会遇到这些问题的扩展套件，但这些答案的深度，将让你与众不同。通过你参与过的实际项目，来展示你的思考过程。
Web前端jQuery面试题有哪些
常见的几个如下：他们的答案可以百度搜。
1. jQuery库中的$()是什么？
2. 网页上有5个
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直接访问其方法和属性。
Web前端岗位面试题有哪些
前端面试题汇总，通常会有四大类问题，具体如下：
一、HTML
1、Doctype的作用是什么？严格模式与混杂模式如何区分？它们有何意义？
2、HTML5为什么只需要写<!DOCTYPE HTML>？
3、行内元素有哪些？块级元素有哪些？空(void)元素有哪些？
4、页面导入样式时，使用link和import有什么区别？
5、介绍一下你对浏览器内核的理解？
6、常见的浏览器内核有哪些？
7、HTML5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
8、简述一下你对HTML语义化的理解？
9、HTML5的离线存储怎么使用，工作原理能否解释一下？
10、浏览器是怎么对HTML5的离线存储资源进行管理和加载的呢？
11、请描述一下cookies，sessionStorage和localStorage的区别？
12、iframe有哪些缺点？
13、Label的作用是什么？怎么使用？（加for或包裹）
14、HTML5的form如何关闭自动完成功能？
15、如何实现浏览器内多个标签页之间的通信？（阿里）
16、WebSocket如何兼容低浏览器？（阿里）
17、页面可见性（Page Visibility）API可以有哪些用途？
18、如何在页面上实现一个圆形的可点击区域？
19、实现不使用border画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
20、网页验证码是做什么的，是为了解决什么安全问题？
21、title与h1的区别、b与strong的区别、i与em的区别？
二、CSS
1、介绍一下标准的CSS盒子模型？与低版本IE的盒子模型有什么不同？
2、CSS选择器有哪些？哪些属性可以继承？
3、CSS优先级算法如何计算？
4、CSS3新增伪类有哪些？
5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
6、display有哪些值？说明他们的作用。
7、position的值relative和absolute定位原点是什么？
8、CSS3有哪些新特性？
9、请解释一下CSS3的Flexbox（弹性盒布局模型），以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
11、一个满屏品字布局如何设计？
三、常见兼容性问题？
1、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
2、经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？
3、为什么要初始化CSS样式。
4、absolute的containing block计算方式与正常流有什么不同？
5、CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下有什么区别？
6、position与display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
7、对BFC规范（块级格式化上下文：block formatting context）的理解？
8、CSS权重优先级是如何计算的？
9、请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式
10、移动端的布局是否使用过媒体查询？
11、使用CSS预处理器吗？喜欢哪个？
12、CSS优化、提高性能的方法有哪些？
13、浏览器是怎样解析CSS选择器的？
14、在网页中应该使用奇数还是偶数的字体？为什么？
15、margin和padding分别适合什么场景使用？
16、抽离样式模块怎么写，说出思路，有无实践经验？（阿里航旅的面试题）
17、元素竖向的百分比设定是相对于容器的高度吗？
18、全屏滚动的原理是什么？用到了CSS的哪些属性？
19、什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
20、视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）
21、::before和:after中双冒号和单冒号有什么区别？解释一下这两个伪元素的作用。
22、如何修改Chrome记住密码后自动填充表单的黄色背景？
23、你对line-height是如何理解的？
24、设置元素浮动后，该元素的display值是多少？（自动变成display:block）
25、怎么让Chrome支持小于12px的文字？
26、让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）
27、font-style属性可以让它赋值为“oblique” oblique是什么意思？
28、position:fixed;在Android下无效怎么处理？
29、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
30、display:inline-block什么时候会显示间隙？（携程）
31、overflow:scroll时不能平滑滚动的问题怎么处理？
32、有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
32、存在一个高度自动调整的div，其中包含两个div，其中一个高度为100像素，期望另一个div填充剩余的高度。
33、png、jpg、gif这些图像格式分别是什么，何时使用它们。是否了解webp格式？
34、什么是Cookie隔离？（或者说：在请求资源时，如何防止携带cookie？）
35、将style标签放置在body标签后与放置在body标签前有什么不同？
四、JavaScript
1、介绍JavaScript的基本数据类型。
2、谈谈编写JavaScript的基本规范。
3、解释JavaScript的原型和原型链，并说明其特点。
4、JavaScript有几种类型的值？（堆：原始数据类型和栈：引用数据类型），你能绘制它们的内存图吗？
5、如何使用JavaScript实现继承？
6、JavaScript创建对象的几种方法？
7、解释JavaScript的作用域域。
8、谈谈对This对象的理解。
9、eval的作用是什么？
10、什么是window对象？什么是document对象？
11、null和undefined的区别？
12、编写一个通用的事件监听器函数（机试题）。
13、[“1”，“2”，“3”].map(parseInt)的结果是多少？
14、关于事件，IE与火狐的事件机制有什么区别？如何阻止冒泡？
15、什么是闭包（closure），为什么要使用它？
16、javascript代码中的”use strict”;是什么意思？使用它的区别是什么？
17、如何判断一个对象是否属于某个类？
18、new操作符具体做了什么？
19、使用原生JavaScript实现过什么功能吗？
20、在JavaScript中，有一个函数，在对象查找时永远不会去查找原型，这个函数是什么？
21、对JSON的了解？
22、[].forEach.call($$(""),function(a){ a.style.outline="1px solid#"+(~~(Math.random()(1<<24))).toString(16)})这段代码的意思是什么？
23、js延迟加载的方式有哪些？
24、Ajax是什么？如何创建一个Ajax？
25、同步和异步的区别？
26、如何解决跨域问题？
27、当页面编码和被请求的资源编码不一致时，如何处理？
28、模块化开发如何进行？
29、AMD（Modules/Asynchronous-Definition）和CMD（Common Module Definition）规范的区别？
30、requireJS的核心原理是什么？（如何动态加载？如何避免重复加载？如何缓存？）
31、如果你自己设计实现一个requireJS，你会怎么做？
32、谈谈你对ECMAScript6的了解。
33、ECMAScript6如何编写class？为什么会出现class这种东西？
34、异步加载的方式有哪些？
35、documen.write和innerHTML的区别？
36、DOM操作——如何添加、移除、移动、复制、创建和查找节点？
37、.call()和.apply()的含义和区别？
38、数组和对象有哪些原生方法，列举一下？
39、如何使用JavaScript实现一个类？如何实例化这个类？
40、JavaScript中的作用域与变量声明提升？
41、如何编写高性能的JavaScript？
42、哪些操作会造成内存泄漏？
43、看过JQuery的源码吗？能否简单概括其实现原理？
44、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
45、在jQuery中，如何将数组转换为JSON字符串，然后再转换回来？
46、jQuery的属性拷贝(extend)的实现原理是什么？如何实现深拷贝？
47、jQuery.extend与jQuery.fn.extend的区别？
48、jQuery的队列是如何实现的？队列可以用在哪些地方？
49、谈谈JQuery中的bind(),live(),delegate(),on()的区别？
50、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
51、是否了解自定义事件？jQuery中的fire函数是什么意思？何时使用？
52、jQuery是通过哪个方法和Sizzle选择器结合的？（jQuery.fn.find()进入Sizzle）
53、针对jQuery性能的优化方法？
54、JQuery与jQuery UI有什么区别？
55、看过JQuery的源码吗？能否简单介绍一下其实现原理？
56、在jQuery中，如何将数组转换为JSON字符串，然后再转换回来？
57、jQuery和Zepto的区别？各自的使用场景？
58、针对jQuery的优化方法？
59、Zepto的点透问题如何解决？
60、jQueryUI如何自定义组件？
61、需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。请给出你的技术实现方案。
62、如何判断当前脚本运行在浏览器还是Node环境中？（阿里）
63、移动端最小触控区域是多大？
64、在jQuery的slideUp动画中，如果目标元素是被外部事件触发的，当鼠标快速连续触发外部元素事件时，动画会滞后反复执行，如何处理？
65、将Script标签放在页面的最底部的body封闭之前和封闭之后有什么区别？浏览器会如何解析它们？
66、移动端的点击事件有延迟，时间是多久？为什么会有这个延迟？如何解决这个延时？（click有300ms延迟，为了实现safari的双击事件的设计，浏览器要知道你是不是要进行双击操作。）
67、了解各种JS框架（Angular, Backbone, Ember, React, Meteor, Knockout…）吗？能说出它们各自的优缺点吗？
68、Underscore对哪些JS原生对象进行了扩展，并提供了哪些有用的函数方法？
69、解释JavaScript中的作用域与变量声明提升。
70、哪些操作会造成内存泄漏？
71、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
72、Node.js的适用场景？（如果会用Node）了解route, middleware, cluster, nodemon, pm2, server-side rendering吗？
73、解释一下Backbone的MVC实现方式。
74、什么是“前端路由”？何时适合使用“前端路由”？“前端路由”有哪些优缺点？
74、何谓“前端路由”？在何种情况下适宜运用“前端路由”？“前端路由”具备哪些长处与不足？
75、能否解释“webkit”的含义？能否利用浏览器工具调试和调试代码？
76、如何对前端代码进行测试？了解BDD、TDD、单元测试吗？知晓如何测试前端项目（mocha、sinon、jasmine、qUnit等）？
77、前端模板（如Mustache、underscore、handlebars）有何用途？如何使用？
78、简要描述Handlebars的基本用法。
79、简要描述Handlebars对模板的基本处理流程，包括编译和缓存方式。
80、如何用JavaScript实现千位分隔符？（来源：前端农民工，提示：正则+replace）检测浏览器版本有哪些方法？
81、若对一个DOM元素同时绑定两个点击事件，一个使用捕获，一个使用冒泡，请说明会触发几次事件，以及冒泡和捕获的执行顺序。
以上所转载内容均来自于网络，不为其真实性负责，只为传播网络信息为目的，非商业用途，如有异议请及时联系btr2020@163.com，本人将予以删除。夫唯域名网 » 哪些面试平台适合查找前端职位？以及Web前端面试中常见的几个核心问题详解
