Web前端高薪的诱惑，学习门槛低，无论是学生党还是工作者，都渴望着凭借着自己的能力，空余的时间，想学一下前端。或许是爱好，或许是想从事这份工作。但是真的那么容易吗？如今初级前端的工作，已经接近饱和，并且供过于求的状态，企业需要的更多的是基础牢固，至少会一门后端技能的前端开发工程师。已经不再是以前所说的切图仔，美工。前端开发岗位在很多大企业属于独立的，需要专业技能的岗位。
你想知道自己的技术水平与高薪匹不匹配吗？下面分享了一些Web前端的面试题，限时一小时，你看看自己能够答出多少道！
这些面试题都是一些非常基础的知识，如果你能一个小时答出来，说明你的基础还是挺不错的。
你试一下自己究竟能够答出个什么水平！有没有真本领？答案尽在这些面试题里！
一、HTML常见题目
01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
02、HTML5为什么只需要写？
03、行内元素有哪些？块级元素有哪些？空(void)元素有那些？
04、页面导入样式时，使用link和@import有什么区别？
05、介绍一下你对浏览器内核的理解？
06、常见的浏览器内核有哪些？
07、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？
08、如何区分HTML和HTML5？
09、简述一下你对HTML语义化的理解？
10、HTML5的离线储存怎么使用，工作原理能不能解释一下？
二、CSS类的题目
01、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
02、CSS选择符有哪些？哪些属性可以继承？
03、CSS优先级算法如何计算？
04、CSS3新增伪类有那些？
05、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
06、display有哪些值？说明他们的作用。
07、position的值relative和absolute定位原点是？
08、CSS3有哪些新特性？
09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
三、JavaScript类的题目
01、JavaScript 中 this 是如何工作的
02、请解释原型继承 的原理。
03、什么是闭包 (closure)，如何使用它，为什么要使用它？
04、.call 和 .apply 的区别是什么？
05、请指出 JavaScript 宿主对象 (host objects) 和原生对象 (native objects) 的区别？
06、请指出以下代码的区别：function Person(){}、var person = Person()、var person = new Person()？
07、请解释变量声明提升 (hoisting)。
08、什么是 “use strict”; ? 使用它的好处和坏处分别是什么？
09、什么是事件循环 (event loop)？
10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。
如果你答出了绝大多数的或者是全部的题，并且答案也正确了，那么恭喜你……
你这时心里是不是有点小窃喜，认为自己有能力拿高薪了？虽然也很想这么告诉你，但事实上这只能表明你的基础扎实，毕竟这只是一些基础的面试题。
如果你只答出了小部分或者答出了大部分题但答案不正确，那么我只想说：“骚年，你的水平还差的远呢。”连这么基础的题你都打不出来，还想拿高薪？回去再练一段时间吧！
扎实的基础是你拿高薪的重要武器，如果你连基础都不扎实，那么想要攻克“高薪”这个厚实的堡垒，那只是痴人说梦罢了。
本文转载自： https://segmentfault.com/a/1190000017283341
更多web开发知识，请查阅 HTML中文网 ！！
以上就是30个Web前端的面试题（收藏）的详细内容，更多请关注0133技术站其它相关文章！
