前端面试题汇总（持续更新...）

Posted 2021-02-16 xingguozhiming

html:

1.严格模式与混杂模式如何区分？如何触发这两种模式？

2.html新特新，语义化的目的是什么？常用结构标签及其作用？谈谈对语义化的理解

3.常用浏览器内核

4.img的title和alt属性的区别

5.src和href的区别

6.<strong><em>和<b><i>标签的区别

7.你知道有多少种DOCTYPE?HTML和XHTML的异同

8.iframe优缺点

9.本地存储和会话存储的区别？html5应用缓存？localStorage,sessionStorage和cookie区别？本地存储有生命周期么？

10.web worker 和 websocket的作用，websocket兼容低版本浏览器

11.如何实现浏览器多标签页之间的通信

12.svg和canvas区别

13.如何刷新浏览器的应用缓存，应用缓存中的回退

CSS:

1.基本选择器，权重，优先级

2.css引入方式，link和@import的区别

3.浮动引起的问题，如何解决

4.定位的相对关系

5.为什么要初始化css

6.css哪些样式可以继承，哪些不能继承

7.元素居中（垂直居中，水平居中）

8.两列布局，三列布局,盒子模型

9.如何定义高度很小的容器

10.如何让超出宽度的文字显示为省略号

11.ie6下兼容min-height,position:fixed

12.px和em的区别

13.优雅降级和渐进增强，BFC,GFC,FFC

14.rgba()和opacity的透明效果有什么不同，透明度继承

15.css中自适应的单位，rem和em的区别

16.伪类，css3新增伪类，：first-child和first-of-type区别

17.css3动画的优缺点？animation和transition异同？css3动画如何在动作结束时保持该状态不变？

18.box-sizing

19.媒体查询

 

 

资料来源：

《前端程序员面试秘籍》张容铭