文档介绍：web前端开发面试题大全
来源:扣丁学堂
作为热门行业的web前端开发工程师,其竞争也算是比较激烈的,想要在岗位应聘面试中一鸣惊人获得面试官的青睐得到工作机会,那就必须要知道web前端开发工程师面试的一些问题,只有做好充分的准备机会才会降临,下面我们共同来看一下扣丁学堂HTML5教程视频讲师整理的一些web前端开发面试题:
一、HTML 常见题目
01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
02、HTML5 为什么只需要写?
03、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
04、页面导入样式时,使用link和***@import有什么区别?
05、介绍一下你对浏览器内核的理解?
06、常见的浏览器内核有哪些?
07、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?
08、如何区分 HTML 和 HTML5?
09、简述一下你对HTML语义化的理解?
10、HTML5的离线储存怎么使用,工作原理能不能解释一下?
11、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?
12、请描述一下 cookies,sessionStorage 和 localStorage 的区别?
13、iframe有那些缺点?
14、Label的作用是什么?是怎么用的?(加 for 或包裹)
15、HTML5的form如何关闭自动完成功能?
16、如何实现浏览器内多个标签页之间的通信? (阿里)
17、webSocket如何兼容低浏览器?(阿里)
18、页面可见性(Page Visibility)API 可以有哪些用途?
19、如何在页面上实现一个圆形的可点击区域?
20、实现不使用 border 画出1px高的线,pat模式下都能保持同一效果。
21、网页验证码是干嘛的,是为了解决什么安全问题?
22、tite与h1的区别、b与strong的区别、i与em的区别?
二、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创建一个三角形的原理是什么?
11、一个满屏品字布局如何设计?
12、常见兼容性问题?
13、li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?
14、经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧?
15、为什么要初始化CSS样式。
16、absolute的containing block计算方式跟正常流有什么不同?
17、CSS里的visibility属性有个collapse属性值是干嘛用的?在不同浏览器下以后什么区别?
18、position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
19、对BFC规范(块级格式化上下文:block formatting context)的理解?
20、CSS权重优先级是如何计算的?
21、请解释一下为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式?
22、移动端的布局用过媒体查询吗?
23、使用 CSS 预处理器吗?喜欢那个?
24、CSS优化、提高性能的方法有哪些?
25、浏览器是怎样解析CSS选择器的?
26、在网页中的应该使用奇数还是偶数的字体?为什么呢?
27、margin和padding分别适合什么场景使用?
28、抽离样式模块怎么写,说出思路,有无实践经验?[阿里航旅的面试题]
29、元素竖向的百分比设定是相对于容器的高度吗?
30、全屏滚动的原理是什么?用到了CSS的那些属性?
31、什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
32、视差滚动效果,如何给每页做不同的动画?(回到顶部,向下滑动要再次出现,和只出现一次分别怎么做?)
33、::before 和:after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用。
34、如何修改chrome记住密码后自动填充表单