前言
本文主要是javascript和css方面的基础面试题,适合面试前以及平时复习食用。
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问我要好的面试题文章,这不是就在你眼前吗
面试知识点
主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等。
html
1.浏览器页面有哪三层构成,分别是什么,作用是什么?
2.HTML5的优点与缺点?
3.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
4.HTML5有哪些新特性、移除了哪些元素?
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
6.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
7.说说你对HTML5认识?(是什么,为什么)
8.对WEB标准以及W3C的理解与认识?
9.HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么优点?
11.请你描述一下 cookies,sessionStorage 和 localStorage 的区别?
12.说说你对HTML语义化的理解?
13.link和@import的区别?
14.说说你对SVG理解?
15.HTML全局属性(global attribute)有哪些?
16.说说超链接target属性的取值和作用?
17.data-属性的作用是什么?
18.介绍一下你对浏览器内核的理解?
19.常见的浏览器内核有哪些?
20.iframe有那些缺点?
21.Label的作用是什么,是怎么用的?
22.如何实现浏览器内多个标签页之间的通信?
23.如何在页面上实现一个圆形的可点击区域?
24.title与h3的区别、b与strong的区别、i与em的区别?
25.实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?
CSS
1.解释一下CSS的盒子模型?
2.请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?
3.请你说说CSS有什么特殊性?(优先级、计算特殊值)
4.要动态改变层中内容可以使用的方法?
5.常见浏览器兼容性问题与解决方案?
6.列出display的值并说明他们的作用?
7.如何居中div, 如何居中一个浮动元素?
8.CSS中 link 和@import 的区别是?
9.请列举几种清除浮动的方法(至少两种)?
10.block,inline和inlinke-block细节对比?
11.什么叫优雅降级和渐进增强?
12.说说浮动元素会引起的问题和你的解决办法
13.你有哪些性能优化的方法?
14.为