前言
全系列分为四个章节，分别是电话面试部分、一面部分、二面部分、三面部分。全系列不光有题目还有详细答案，收藏转发就完事了！
第一章：电话面试部分已经放出：万字长文系列：Web前端百度面经（含答案）第一章
希望这个系列能够助力大家，今年一帆风顺！！
接下来，长文预警~大家有所心理准备
正文：一面
自我介绍以及之前工作流程和模式
这里面试官估计想了解以前的工作状态，是否是一个公认的合理的开发和工作模式，从实习到百度，经历告诉我，不同量级不同类型的公司在这方面差别很大，同时也能反映出之前的公司技术水平和能力，从而面试官判断对面的人是否能够和自己愉快的进行合作开发。
也可能是我想多了，就是简单问问，减轻点被面试者的压力
一个基本的语义化布局的页面你想怎么规划
这个问题说实话没明白想问啥，难不成只是想问语义化？这么简单？
主体框架(简单的瀑布流布局)
CSS上有没有什么书写注意点或者可优化的角度
说了这个问题我明白了，这是让我说一说在基础层面的页面优化方向，只不过把大问题分化成细节了
这里不说很细了，之前专门写过这方面优化的文章，详细内容可以点击下方链接去阅读
Web前端性能优化：JavaScript细节篇
能用html/css解决的问题就不要用js比如hover显示隐藏比如导航高亮自定义原始样式巧用伪类解决问题使用预编译器不滥用高消耗的样式选择器合并0值去单位，小于1的值去掉0使用Float进行布局容易产生什么问题？解决方式呢？
子元素在设置float后会脱离文档流，造成父元素高度塌陷解决方式：父元素设置高度清除浮动
简单说几种垂直水平居中的方式
固定宽高
不固定宽高
盒子模型
box-sizing:content-box（W3C盒子模型）：元素的宽高大小表现为内容的大小。box-sizing:border-box（IE盒子模型）：元素的宽高表现为内容+内边距+边框的大小。背景会延伸到边框的外沿。什么情况下回发生回流和重绘
回流页面一开始渲染显示隐藏元素浏览器窗口变化元素位置变化元素尺寸变化重绘样式改变不影响元素的位置时，比如color、background，当然还有visiability追问：回流和重绘的关系是什么样的
重绘不一定会发生回流回流一定触发重绘追问：怎么避免回流产生
避免多级嵌套避免使用内联样式避免使用计算样式尽量少的使用JS去操作DOM结构使用CSS3属性以被动启动GPU加速事件委托
详细的原理要从DOM的事件机制说起：捕获事件阶段、冒泡事件阶段、目标时间阶段事件委托是利用冒泡机制来实现的，可以减少内存消耗，减少注册事件。平常开发遇到涉及数组遍历或对象遍历问题都是用什么方式
这里说的可能不是很全，记得之前阅读过一篇全面分析各种循环方式的文章，找到后再为大家总结一遍，敬请