前言
本文主要是javascript和css方面的基础面试题，适合面试前以及平时复习食用。
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。
什么？你问我要好的面试题文章，这不是就在你眼前吗
面试准备
1）准备面试简历：
- 个人基本信息：如姓名、年龄、联系电话、邮箱，专业，学校等
- 工作经历：包括工作时间、公司、岗位、职责、技术栈、突出业绩等。
- 对工作理解和掌握情况：说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。
- 其他：技术博客、开源项目，GitHub等（如果你有写博客的习惯，放上你的博客地址，是非常不错的加分项）
2）知识点复习
- 前端知识点学习笔记
- 前端常见面试题整理
- 应聘公司以往面试题针对性复习
- 以往面试经验总结回顾，吸取经验教训
3）调整好心态 过度自信和极度自卑都不会给面试带来好的结果，只有明确自己的目标并积极备战，才能更有可能拿到offer。即使面试失败了也不要气馁，而是要从失败的经历中总结经验，每一次的面试失败都可能是你下一次面试成功的铺垫。
基础面试题
HTML
1，你如何理解HTML结构的语义化2，说说 title 和 alt 属性3，Html5 有哪些新特性、移除了哪些元素4，Label的作用是什么？是怎么用的？5，浏览器是怎么对 Html5 的离线储存资源进行管理和加载的呢6，iframe有那些缺点？7，HTML W3C的标准8，Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?9，HTML全局属性(global attribute)有哪些10，viewport的content属性作用11，meta 相关12，div+css的布局较table布局有什么优点13，简述一下src与href的区别14，知道的网页制作会用到的图片格式有哪些15， 如何在 HTML5页面中嵌入音频与视频？
CSS
1，水平居中的方法2，垂直居中的方法3，link 与 @import 的区别4，三列布局（中间固定两边自适应宽度）5，BFC 有什么用6，清除浮动的几种方式7，CSS3有哪些新特性8，css3 新增伪类 - 伪元素9，为什么要初始化CSS样式10，IE盒子模型 、W3C盒子模型11，请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景12，display:inline-block 什么时候不会显示间隙？13，行内元素float:left后是否变为块级元素？14，如果需要手动写动画，你认为最小时间间隔是多久，为什么？15，display:inline-block 什么时候会显示间隙？16，CSS权重，计算规则17，Sass、LESS是什么？大家为什么要使用他们？18，stylus，sass，less区别19，rgba() 和 opacity 的透明效果有什么不同？20，px和em的区别21，使用css实现一个持续的动画效果22，重排和重绘23，什么情况会触发重排和重绘？
JavaScript
1，说几条JavaScript的基本规范2，闭包3，变量对象4，作用域5，说说你对作用域链的理解6，JavaScript原型，原型链 ? 有什么特点？7，什么是事件委托8，类的创建9，如何实现继承？10，谈谈This对象的理解11，事件模型12，new操作符具体干了什么呢?13，Ajax原理14，Ajax解决浏览器缓存问题15，如何解决跨域问题?16，说说你对AMD和Commonjs的理解17，js的7种基本数据类型18，介绍js有哪些内置对象19，JS有哪些方法定义对象20，你觉得jQuery源码有哪些写的好的地方21，null，undefined 的区别22，谈谈你对ES6的理解23，面向对象编程思想24，如何通过JS判断一个数组25，异步编程的实现方式26，对原生Javascript了解方向27，sort 快速打乱数组28，数组去重操作29，JS 原生拖拽节点30，深拷贝、浅拷贝31，节流防抖32，变量提升33，JS中的垃圾回收机制34，如何理解前端模块化35，js单线程36，说说event loop37，描述下this38，ajax、axios、fetch区别
浏览器
1，浏览器存储的方式有哪些2，浏览器内核的理解3，HTTP 的请求方式场景4，HTTP状态码5，从浏览器地址栏输入URL后发生了什么？6，请你谈谈Cookie的优缺点7，cookies ， sessionStorage 和 localStorage 的区别8，浏览器缓存9，浏览器渲染的步骤10，GET 和 POST 请求的区别11，什么是reflow12，什么时候会导致reflow发生呢？13，减少reflow对性能的影响
性能优化
1，SEO优化2，server优化3，css优化4，js方面5，webpack优化点6，加载优化7，页面渲染优化8，图片优化9，脚本优化10，为什么利用多个域名来存储网站资源会更有效？
最后：
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。
面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。
