Web前端岗位面试题有哪些

三种基本的选择器类型语法如下：◆标签名选择器，如：p{}，即直接使用HTML标签作为选择器。◆类选择器，如.polaris{}。◆ID选择器，如#polaris{}。所有元素可继承：visibility和cursor。内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、f如果之前两点没有达到预期成效，但你又非常看好这家公司，就该尽力争取了；ont、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direc1、筛选关：tion。终端块状元素可继承：text-indent和text-align。列表元素可继承：list-style、list-style-type、list-style-ition、list-style-image。

初级前端面试题_初级前端面试题2023

初级前端面试题_初级前端面试题2023

初级前端面试题_初级前端面试题2023

前端hr面试常问的问题

通过了筛选阶段，就真正到了面试环节。这时候一定要准备好一段多3分钟的个人介绍。请注意，多3分钟！言简意赅的说明自己的工作时间，擅长技术栈和自己的工作预期。

面试其实就是一个不断选择与被选择的过程(不知道说的对不对)。不同公司的面试方式都有所不同，大多数人都有过多次面试的经历，前端面试也不外乎那么一些啦(好像有些废话的感觉)。

面试之前的小故事

HR会打电话过来我是××公司的，在××上看到你投到我们公司的，问你何时候有空约一个呗，然后说就星期吧，既然都打电话请我面试了，好吧，那就约一个!

然后有些人会精心准备，不停刷面试题，整夜整夜的看着HTML/JS/CSS知识点，还有那些的、时髦的技术，看看到时候能不能唬住面试官;而有些人对自己胸有成竹，哥那么多年的前端经验了，啥项目没有经历过，不就一个面试，怕啥呢。

很快或者很慢的来到那天。你打扮的清清爽爽漂漂亮亮的，打扮的好会有加分不，没错，印象也是挺重要的。途中有些人可能会还一直想着面试官会问啥题目呢，那啥属性是什么来着呢，再次拿出默默的看起资料;有些人可能就会想着公司不知道妹子多不多漂亮不呢，环境和不知道咋样，别碰到一样的面试官哎，不然这以后咋相处好呢。

来到公司，大小公司大家都见多了嘛，也是得看发展是吧，我们也不是肤浅的人，见到前台妹妹，哟，还不错哦。领你进会议室里，让你稍等一下，她去通知面试官，过了一会儿，不是面试官进来，那就是前台妹妹给您送来一杯水。面试官踱步向前，咦~，我是继续坐着呢，还是站着呢，还是站起来显礼貌一些嗯。

给面试的一般会是Team Leader或者非常资深的工程师。首先会让你自我介绍下，然后巴拉巴拉介绍自己，途中或者聊到面试官喜欢的`部分那就会中断问几个问题吧，介绍完自己，就进入正式的战斗了吧，一般会有2-3轮的回合。遇知战斗详情，请听下回分解。

哈哈， 开玩笑。以上瞎编胡造，如有雷同，纯属巧合。

这里就只谈谈前端技术的战斗回合吧，写的不好，请多见谅。

普通型

面试中问题会比较的零碎，html/js/css肯定都会有涉及。知识点不会有太大的规律，可能几个公司面试下来你遇到的问题一个都不带重复的。哎，前端的知识点就是乍一看深似海，仔细一看深似黑洞啊。问题好的话，一方面考察了面试人对前端接触的广度，深度的话也可以从中接触到一些。因为面试的时间有限，其实也非常考验面试官对一个人的洞察能力。

一般如果不是应届生的话，也就是会跟你交流你之前的项目，你担当的角色，你遇到的难题，怎么解决问题，用的框架，与其他工程师的交流沟通协作等等。 这些其实你心里肯定是有的(可能也有懵逼的)，就看你的表达，能不能对上面试官的胃口。

进阶型

除了基本的问题，面试中会有一些明显设计过的题目。针对某几个知识点，或让你手写代码，或让你提供算法或思路。如果之前没有遇到过这类问题的话其实一下子真的挺难回答，或者直接懵逼了，或者回答不出面试官满意的。这其实对工程师的要求也是比较的高，不能只是单纯的切切页面，用用插件，需要对某一类问题或者模式或者算法有深入的了解，对问题的解决思路有很好的把握。

算法可能不是前端工程师的长项，但作为的工程师，对算法的了解应该会只深不浅。

这种面试的题目既提现了公司对面试者的要求，也相对而言的会有所体现公司的水平。

出题型

题目比较的综合，会通过邮件发给你，或者有专门的页面提供，在面试之前让你2-3天的时间做完。题目可能是很有名的某一类交互，或游戏，或页面，或公司自己出的一类小东西。

因为非当场面试，所有有比较充足的时间来思考，来写一些代码。一般都会完成，所以其实比较的关注点就是对代码的质量，通过代码来考察面试者的思路以及代码惯等等。

其未知性也比较多，可能因为有些东西可能没法通过代码来传递，沟通，其他的思路，或者题目的缺陷等等。所以这只是面试途中的一个小部分，大多数人其实都会能做的很好。

直接上机型

还有的就会直接给你某一个交互，或者一张静态页面，或者一个布局等等，直接给你台电脑让你当场写出来。写完之后再有所交流，说说自己的想法或者接着谈其他的。

当你写代码时候，其实暴露的东西也挺多的。你写的惯，思路清晰不清晰，对代码的熟悉程度，可能你平时都是ctrl C + V的，这时候你咋办呢。

这个可能遇到的比较少，但也会是有的。

结束语

许多面试可能都会结合以上的几种类型，多方面的考察面//试者，其实，大家都懂的。

360前端开发工程师面试题

深浅拷贝是如何定义的？

360前端开发工程师面试题

C 驱动

alert(1&&2)

2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。

3.写出下面代码的`输出值：

var obj = {

b: function () {console.log(this.a)}

};

var a = 2;

var objb = obj.b;

obj.b();

objb();

obj.b.call(window);

4.写出下列代码的输出值：

function A() {

}function B(a) {

}function C(a) {

if (a) {

}}

A.prototype.a = 1;

B.prototype.a = 1;

C.prototype.a = 1;

console.log(new A());

console.log(new C(2));

5.写出下列代码的输出值：

var a = 1;

function b() {

var a = 2;

function c() {

console.log(a);

}return c;

}b()();

HTML&CSS

1.写出下列代码在各个浏览器中的颜色值?

background: red;

_background: green;

background: blue;

background: black9;

2.添加些css让其水平垂直居中。

颜海镜

3.如下代码，在空白处填写代码，是其点击时，前景色为白色，背景色为黑色。

颜海镜

4.书写代码，点击时从1分钟开始，每秒递减到0。

颜海镜

5.简述在IE下mouseover和mouseenter的区别?

;

那些陌生又熟悉的前端面试题

if(rdo.checked){

过完年需要跳槽的小伙伴还是挺多的，又要开始刷前端面试题了！会不会有一种错觉，看着这道面试题很熟，但是不知道该如何做？或者有又不知道是否正确？或者使用编辑器可以运行出来正确的，但是不知道怎么得来的，这些你都中招了吗？

JaScript 语言是一门弱类型语言，存在许多类型错误，因此 ES6 引入了严格模式概念。

如果不加 ‘use strict’ 常规模式下就是属于非严格模式。

严格模式

在 js 文件顶部添加 ‘use strict’ 就属于严格模式，严格模式也可以指定在函数内部。

严格模式，是为 js 定义来了一种不同的解析与执行模型，在严格模式下，ECMAScipt 3 中一些不解和不确定的行为将得到处理，而且会对不安全的作会抛出异常。‘use strict’ 会告诉浏览器引擎可以切换到严格模式执行。

常见笔试题：

试试这道笔试题你会做吗？

要说 js 的深浅拷贝，就不得不提 js 的两大数据类型：基本数据类型和引用类型。

基本数据类型的变量名和值都存储在栈中，对于引用类型的变量名存储在栈中，而值存储在堆中。由于存储方式不同，所以导致了他们的时候方式不同。

赋值

设有 p 和 copyP 两个变量，如果copyP 是拷贝了 p 的，我们通过修改 copyP 来观察 p 是否发生改变，如果跟着改变，就是浅拷贝，如果是不改变，就说明是深拷贝。

基本类型的时候会开辟新的内存空间，所以两个值是相互的，引用类型的时候就要看是的内存地址还是一个新的堆。所以深拷贝主要针对的是引用类型的数据。

浅拷贝的常见的方式：

1、直接赋值

2、Object.assign

深拷贝的常见方式：

引用数据类型常用的就是 Object 和 Array ，引用数据内部的数据也可以是多样化的，进行深拷贝时，也要适当地根据数据结构进行合适的方式，具体的深拷贝方法分别有：

1、数组中只包含基本数据类型

2、对象中只包含基本数据类型

3、对象或数组里含有一层或多层引用数据类型时

深浅拷贝的常见应用主要是数据的增删改作。

大厂笔试题：

这是一道关于 this 指向的面试题，接下来我们就说说 this 是如何指向的？

this 对象是运行时基于函数的执行环境绑定的：

看完上述 this 指向解释，你就可以做上边的那道面试题了。

如何改变 this 的指向？

call 、bind 和 apply 这三个函数都是用来改变 this 指向的，就是改变函数执行时的上下文。

修改上述面试题：

call 、bind 和 apply 改变 this 指向，作用就是实现代码复用。

至我面试过很多 前端程序员，非常了解面试者和面试官的心理，我可以很负责的告诉你：于 call、bind 和 apply 的区别，可以自行去了解下。

有了上边那个表，事情就变得简单了！

关系运算符进行运算时，不同类型的值会自动转化为相同类型值，然后进行

1、两边有一个是字符串一个是是数字时，字符串调用 Number 方法，将字符串转为数字，所以：

2、如果两边都是字符串时，按照字符串的 unicode 编码来转换的，所以：

3、字符串进项比较时，先比较位，如果不相等直接得出结果，如果项相等，会继续使用第二项进行比较。

4、转为布尔值都为 false 的类型分别有：undefined 、null 、0、NaN、false、‘’

5、NaN表示的是非数字，但是这个非数字也是不同的，因此 NaN 不等于 NaN，两个NaN永远不可能相等。

6、关系运算有一个数值，将另外一个值也转为 number 类型。

7、有逻辑运算的，将其他数据类型转为 boolean 值。

8、直接使用两个空数组比较，数组地址不同，所以不相等。

web前端面试必考的基础面试题有哪些？

所以，建议大家在Web前端面试前一定要注重这三个方面的内容。注重了这些想找找到一份适合的Web前端开发工作并不是难事。

切图，css 盒模型，js基础语法，ajax, 面向对象，模块化，性能优化，自动化这想相对的考核会多一些。大公司重基础，小公司重能力，所以与时间的话多去刷一刷基础的题目吧。

祝你顺严格模式与非严格模式区别利通过面试！

前端面试题2021（JS篇（上））

C var x = document.getElementsByTagName('box')

（水仙花数也被称为超完全数字不变数、自恋数、自幂数、阿姆斯特朗数。水仙花数是指一个3位数，它的每个位上的数字的3次幂之和等于它本身 例如： 1~3 + 5~3 + 3~3 =153）

(质数就是在大于1的自然数中，除了1和它本身以外不在有其他因数的自然数)

a:11,b:10

A [] B [""] C [undefined] D [null]

A ['false'] B [false] C[0] D[]

A null B undefined C “hello” D“world”

A "llowo" B "llow" C "llo" D null

A "llowo" B "llow" C "llo" D null

A getYear（）

B getMonth（）

C getDay（）

DgetDate（）

A 基于对象

B 移动端优先

D 跨平台

A String

B Float

C Number

D Null

A 任意单个字符

B 任意单个字母

C 任意单个字母、数字、下划线

D 任意单个字母、数学、下划线、$符号

A

B

B.

C.

D.

以下说法中正确的是（AD）

A.在页面的第二个文本框中输入内容后，当目标离开第二个文本框时，个文本框的内容不变

B.在页面的个文本框中输入内容后，当鼠标离开个文本框时，将在第二个文本框中个文本框的内容

C.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时候，将在个文本框中第二个文本框的内容

D.在页面的个文本框中输入内容后，当鼠标离开个文本框时，第二个文本框的内容不变

Web 前端面试题面试技巧有哪些

thia.a = a;

1、面试技巧：如何回答问题

(2) 语气平和，语调恰当，音量适中。面试时要注意语言、语调、语气的正确运用。打招呼时宜用上语调，加重语气并带拖音，以引起对方的注意。自我介绍时，多用平缓的陈述语气，不宜使用感叹语气或祈使句。声音过大令人厌烦，声音过小则难以听清。以每个用人单位都能听清你的讲话为原则。

(2) 讲清原委，避免抽象。用人单位提问总是想了解一些应试者的具体情况，切不可简单地仅以“是”和“否”作答。应针对所提问题的不同，有的需要解释原因，有的需要说明程度。不讲原委，过于抽象的回答，往往不会给主试者留下具体的印象。

(3) 确认提问内容，切忌答非所问。面试中，如果对用人单位提出的问题，一时摸不到边际，以致不知从何答起或难以理解对方问题的含义时，可将问题复述一遍，并先谈自己对这一问题的理解，请教对方以确认内容。对不太明确的问题，一定要搞清楚，这样才会有的放矢，不致答非所问。

(4) 有个人见解，有个人特色。用人单位有时接待应试者若干名，相同的问题问若干遍，类似的回答也要听若干遍。因此，用人单位会有乏味、枯燥之感。只有具有独到的个人见解和个人特色的回答，才会引起对方的兴趣和注意。

(5) 知之为知之，不知为不知。面试遇到自己不知、不懂、不会的问题时，回避闪烁，默不作声，牵强附会，不懂装懂的做法均不足取，诚恳坦率地承认自己的不足之处，反倒会赢得主试者的信任和好感。

2、面试技巧：如何消除紧张

由于面试成功与否关系到求职者的前途，所以大学生面试时往往容易产生紧张情绪。有些大学生可能由于过度紧张而导致面试失败。因此必须设法消除过度的紧张情绪。这里介绍几种消除过度紧张的技巧，供同学们参考。

(1) 面试前可翻阅一本轻松活泼、有趣的杂志书籍。这时阅读书刊可以转移注意力，调整情绪，克服面试时的怯场心理。避免等待时紧张、焦虑情绪的产生。

(2) 面试过程中注意控制谈话节奏。进入试场致礼落座后，若感到紧张先不要急于讲话，而应集中精力听完提问，再从容应答。一般来说人们精神紧张的时候讲话速度会不自觉地加快，讲话速度过快，既不利于对方听清讲话内容，又会给人一种慌张的感觉。讲话速度过快，还往往容易出错，甚至张口结舌，进而强化自己的紧张情绪 ，导致思维混乱。当然，讲话速度过慢，缺乏，气氛沉闷，也会使人生厌。为了避免这一点，一般开始谈话时可以有意识地放慢讲话速度，等自己进入状态后再适当增加语气和语速。这样，既可以稳定自己的紧张情绪，又可以扭转面试的沉闷气氛。

(3) 回答问题时，目光可以对准提问者的额头。有的人在回答问题时眼睛不知道往哪儿看。经验证明，魂不守舍，目光不定的人，使人感到不诚实;眼睛下垂的人，给人一种缺乏自信的印象;两眼直盯着提问者，会被误解为向他挑战，给人以桀骜不驯的感觉。如果面试时把目光集中在对方的额头上，既可以给对方以诚恳、自信的印象，也可以鼓起自己的勇气，消除自己的紧张情绪。

3、面试技巧：如何运用语言

面试场上你的语言表达艺术标志着你的成熟程度和综合素养。对求职应试者来说，掌握语言表达的技巧无疑是重要的。那么，面试中怎样恰当地运用谈话的技巧呢?

(1) 口齿清晰，语言流利，文雅大方。交谈时要注意发音准确，吐字清晰。还要注意控制说话的速度，以免磕磕绊绊，影响语言的流畅。忌用口头禅，更不能有不文明的语言。

(3)注意听者的反应。求职面试不同于演讲，而是更接近于一般的交谈。交谈中，应随时注意听者的反应。比如，听者心不在焉，可能表示他对自己这段话没有兴趣，你得设法转移话题;侧耳倾听，可能说明由于自己音量过小使对方难于听清;皱眉、摆头可能表示自己言语有不当之处。根据对方的这些反应，就要适时地调整自己的语言、语调、语气、音量、修辞，包括陈述内容。这样才能取得良好的面试效果。

有哪些经典的 Web 前端或者 JaScript 面试笔试题

但其实，无论是社招还是校招，面试的时候都会问到一些曾经作过的项目，尤其是大厂，或者热门高薪部门，面试官除必问的技术经验外，也会对技术深度进行一个基础的考核，那在这种情况下如何hold住大厂面试呢？

一、不定项选择题 （每题3分，共30分）

方法：Alert() confirm() prompt() open() close()

1. 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）

A. var obj = [name:"zhangsan",show:function(){alert(name);}];

B. var obj = {name:”zhangsan”,show:”alert(this.name)”};

C. var obj = {name:”zhangsan”,show:function(){alert(name);}};

D. var obj = {name:”zhangsan”,show:function(){alert(this.name);}};

2. 以下关于Array数组对象的说法不正确的是（ CD ）

A. 对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数

B. rrse用于对数组数据的倒序排列

C. 向数组的位置加一个新元素，可以用pop方法

D. unshift方法用于向数组删除个元素

3. 要将页面的状态栏中显示“已经选中该文本框”，下列JaScript语句正确的是（ A ）

A. window.status=”已经选中该文本框”

B. document.status=”已经选中该文本框”

C. window.screen=”已经选中该文本框”

D. document.screen=”已经选中该文本框”

4. 点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JaScript代码中可行的是（ AD ）

A.

onclick=”open(‘new.html’, ‘_blank’)”/>

B.

onclick=”window.location=’new.html’;”/>

C.

onclick=”location.assign(‘new.html’);”/>

D.

5. 使用JaScript向网页中输出

hello

，以下代码中可行的是（ BD ）

A.

document.write(

hello

);

B.

document.write(“

hello

”);

C.

hello

D.

document.write(“hello”);

6. 分析下面的代码：

function writeIt (value) { document.myfm.first_text.value=value;}

以下说法中正确的是（ CD ）

A. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，个文本框的内容不变

B. 在页面的个文本框中输入内容后，当鼠标离开个文本框时，将在第二个文本框中个文本框的内容

C. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，将在个文本框中第二个文本框的内容

D. 在页面的个文本框中输入内容后，当鼠标离开个文本框时，第二个文本框的内容不变

A. for(vari=0;i< form1.elements.length;i++) {

if(form1.elements.type==”text”)

form1.elements.value=”";}

B. for(vari=0;i

if(forms[0].elements.type==”text”)

forms[0].elements.value=”";

}C. if(document.form.elements.type==”text”)

form.elements.value=”";

D. for(vari=0;i

for(var j=0;j

if(document.forms.elements[j].type==”text”)

document.forms.elements[j].value=”";

}}

8. 在表单(form1)中有一个文本框元素(fname)，用于输入电话号码，格式如：010-82668155，要求前3位是010，紧接一个“-”，后面是8位数字。要求在提交表单时，根据上述条件验证该文本框中输入内容的有效性，下列语句中，（ A ）能正确实现以上功能

A. var str= form1.fname.value;

if(str.substr(0,4)!=”010-”|| str.substr(4).length!=8 ||

isNaN(parseFloat(str.substr(4))))

alert(“无效的电话号码！”);

B. var str= form1.fname.value;

if(str.substr(0,4)!=”010-” && str.substr(4).length!=8 &&

isNaN(parseFloat(str.substr(4))))

alert(“无效的电话号码！”);

C. var str= form1.fname.value;

isNaN(parseFloat(str.substr(3))))

alert(“无效的电话号码！”);

D. var str= form1.fname.value;

if(str.substr(0,4)!=”010-”&& str.substr(4).length!=8 &&

!isNaN(parseFloat(str.substr(4))))

alert(“无效的电话号码！”);

9. 关于正则表达式声明6位数字的邮编，以下代码正确的是（ C ）

A. var reg = /d6/;

B. var reg = d{6};

C. var reg = /d{6}/;

D. var reg = new RegExp(“d{6}”);

10. 关于JaScript里的xml处理，以下说明正确的是（ BCD ）

A. Xml是种可扩展标记语言，格式更规范，是作为未来html的替代

B. Xml一般用于传输和存储数据，是对html的补充，两者的目的不同

C. 在JaScript里解析和处理xml数据时，因为浏览器的不同，其做法也不同

D. 在IE浏览器里处理xml，首先需要创建ActiveXObject对象

二、问答题

1. 列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个 （10分）

对象：Window document location screen history nigator

2. 简述列举文档对象模型DOM里document的常用的查找访问的方法并做简单说明 （10分）

Document.getElementById 根据元素id查找元素

Document.getElementByName 根据元素name查找元素

Document.getElementTagName 根据指定的元素名查找元素

三、程序题

1、补充按钮的函数，确认用户是否退出当前页面，确认之后关闭窗口； （10分）

//在此处添加代码

if(confirm(“确定要退出吗？”)){

window.close();

}}

2、写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉（15分）

var str = “

里面的段落

”;

varreg = //gi;

varstr = “

里面的段落

”;

alert(str.replace(reg,”"));

3、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。（10分）

function foo() {

//在此处添加代码

var rdo =document.form1.radioGroup;

for(var i =0 ;i

alert(“您选择的是第”+(i+1)+”个单选框”);

}}

}4、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新的显示 （15分）

function showImg (oSel) {

//在此处添加代码

var str = oSel.value;

document.getElementById(“pic”).src="/uploads/b679952b17ff7ce7ad207fc320bbc131.png" data-original= str+”.jpg”;

}

小猿圈web前端面试题汇总

现如今开发语言从早的iOS、Android发展到了ja、python、linux、html5多种多样，学习的人群也是越来越多，程序员是高薪职业，所以很多年轻的大学生以及高中生都会选择自学，而学习web前端开发的朋友也是相对人群较多的群体，但是web前端开发工程师仍旧供不应求，那么为什么学习的人那么多，但是岗位还没有得到满足呢，是以为大部分程序员只是会写，面试的时候笔试就被s了，下面小猿圈HTML5视频教程讲师给你讲解web前端面试中会遇到的问题。

1、 px 和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。

2 、如何消除一个数组里面重复的元素？

// 方法一：

var arr1 =[1,2,2,2,3,3,3,4,5,6],

arr2 = [];

for(var i = 0,len = arr1.length; i< len;i++){

if(arr2.indexOf(arr1[i]) < 0){

arr2.push(arr1[i]); }

}document.write(arr2); // 1,2,3,4,5,6

// 方法二

// 去除数组的重复成员使用es6的set数this.a = a;据结构

[..(1) 把握重点，简捷明了，条理清楚，有理有据。一般情况下回答问题要结论在先，议论在后，先将自己的中心意思表达清晰，然后再做叙述和论证。否则，长篇大论，会让人不得要领。面试时间有限，如果多余的话太多，容易走题，反倒会将主题冲淡或漏掉。这一点在面试自我介绍的时候尤其需要注意。.new Set(array)]

3 、所了解到的Web攻击技术

（1）XSS（Cross-Site Scripting，跨站脚本攻击）：指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的HTML标签或者JaScript进行的一种攻击。（2）SQL注入攻击（3）CSRF（Cross-Site Request Forgeries，跨站点请求伪造）：指攻击者通过设置好的陷阱，强制对已完成的认证用户进行非预期的个人信息或设定信息等某些状态更新。

想要学好HTML5开发并不难，难就难在怎么找到一个靠谱的学习网站，小猿圈HTML5视频教程为大家提供更好、更专业的视频教程，为你的升值加薪、转行创业找到新的方向。想要学好HTML5开发技术的小伙伴快快行动吧。

前端面试需要掌握哪些html问题？

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

程序员技术面试是永远都不会缺席的，所以为了能够让大家顺利的通过面试，我们今天就一起来了解一下，与html相关的一些面试题都有哪些。 1、什么是盒子模型?

1.下面代码的输出值是?

有些面试官会问你对盒子模型的理解，在我们平时看到的网页中，内部的每一个标签元素它都是有几个部分构成的：内容(content)、外边距(margin)、内边距(padding)、边框(border)，四个部分组成，当你说完这些面试官是不会满意这个的，因为还有一个重点(IE盒模型和标准盒模型的区别)———IE盒模型的content包括border、padding 本文由@IT·平头哥联盟-席填坑官?苏南分享

2、页面导入样式时有几种方法，它们之间有区别? link标签引入，也是当下用的多的一种方式，它属于XHTML标签，除了能加载css外，还能定义rel、type、media等属性;

@import引入，@import是CSS提供的，只能用于加载CSS; style嵌入方式引入，减少页面请求(优点)，但只会对当前页面有效，无法复用、会导致代码冗余，不利于项目维护(缺点)，此方式一般只会项目主站页使用(腾讯、淘宝、、搜狐)等大型网站主页，之前有看到过都是这种方式，但后来有些也舍弃了

小结：link页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载,且link是XHTML标签，无兼容问题;link支持动态js去控制DOM去改变样式，而@import不支持， 3、简单讲述一下块元素、内联元素、空元素有哪些，它们之间的区别?

行内元素有：a、b、span、img、input、select、textarea、em、img、strong(强调的语气); 块级元素有：ul、ol、li、dl、dt、dd、h1、h2、h3、h4p、section、div、form等;

空元素：inputtype="hidden"/>、br>、hr>、link>、meta>; 小结：块元素总是独占一行，margin对内联元素上下不起作用;

4、说说cookies，sessionStorage、localStorage你对它们的理解? cookie是网站为了标示用户身份而储存在用户本地终端上的数据(通常经过加密)，cookie数据始终在同源的请求中携带，记会在浏览器和间来回传递。

sessionStorage和localStorage不会自动把数据发给，仅在本地保存。 大小：cookie数据大小不能超过4k,sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

时效：localStorage存储持久数据，电脑培训发现浏览器关闭后数据不丢失除非用户主动删除数据或清除浏览器/应用缓存;sessionStorage数据在当前浏览器窗口关闭后自动删除。

web前端初级面试要求

function closeWin(){

想要通过前端面试顺利进入一线大厂成就高薪前端梦。那么首先，我们得知道前端面试中，社招和校招究竟有啥区别？

评论区可以留下近你想学习的知识点，或面试题类型！

对于前端开发来说，如果说社招更看重对前端技术体系的深入理解，以及解决问题的能力话，那校招更看重的其实是基本功和学习能力（或者说是潜力）。

前端面试三要素：、个人介绍、技术能力。下面，就来分别聊一聊。

HR一般会去看中所提的技术栈是否匹配，怎么看呢？我们可以抓住中的技术名词，一般来说如果一点技术名词都没有提到，那么大概有以下几种可能：很水、很牛但概率很小、不会写。所以，一部分人可能会因为的问题没有了面试机会，这点是需要非常注意的。

2、个人介绍关：

3、项目经验表达：

对前端开发学习者而言，JS并不陌生，但大厂的JS面试题却总是显得很“陌生”，怎么样能够真正做到深入理解与高级应用？这不仅是面试过程中对前端求职者的要求，也是大多数前端开发者的痛点。

大厂面试中，面试官除了关注你的项目经验外，还往往喜欢和面试者深入探讨前端某些技术领域成体系的前端知识。比如：模块化、异步解决方案、网络、框架及原理、线程等，但在与面试官的正面battle中，求职者总会败下阵来。