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)