前端面试题

Html面试题
1.如何理解语义化（人跟搜索引擎（SEO）都容易读懂）
2.块级标签 div p h1 table ul ol（display：block、table）
span img input button display:inline 

CSS面试题
1.盒模型 context + padding+border+margin 怪异盒模型 box-sizing：border-box  context（包含P+B） +margin   offsetwidth（c+p+b）
2.margin纵向重叠 空标签忽略
3.margin 负值 top 上移 left 左移 right右元素右 bottom下方元素向上
4.BFC理解应用（常考）独立渲染区域 内部渲染不影响外部
形成条件 float position fixed absoult overflow hidden displayblock inline-block
5.Float布局 清除浮动（额外标签（clear：both） BFC 伪元素）
圣杯双飞翼
两边固定 中间自适应先加载中间内容
Float 两侧margin负值 以便和中间横向重叠
防止中间被两侧覆盖 一个padding 一个margin   
6.Flex画筛子 
7.CSS定位 absolute relative
8.居中对齐实现方式
9.图文样式（line-hight 继承问题）
10.rem 响应式（em px）
11.Css3 不是重点

React面试题
1.组件之间通信 (props 自定义函数 context redux )
2,jsx的本质是什么（React.createElement函数的引用）
3.context用途（非父子组件之间通信）
4.shouldComponentUpdate用途（防止不必要渲染）
5.redux单项数据流（dispatch action reducer 修改state store）
6.setState场景题（异步的 定时器自定义dom操作同步的）
7.什么是纯函数（传入props 返回jsx）
8.组件生命周期（单组件 父子组件）
9.react发起ajax请求应该放在那个生命周期（挂载）
10.渲染列表为什么使用key（方便react 识别元素，确定唯一防止diff算法不必要的dom操作）
11.函数组件和类组件的区别（输入参数输出props 无state无生命周期）
12.什么是受控组件（值受state控制）什么是非受控组件
13.何时使用异步组件（lazy suspense）
14.多个组件有公共逻辑如何抽离（高阶组件）
15.redux如何进行异步处理（thunk middleWare）
16.react-router 路由懒加载
17.purcomponent有何区别（浅比较SCU）
18.react事件和dom事件的区别（document上 合成事件 dispatchevent机制）
19.react性能优化（imutable.js SSR SCU）