前端面试题

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)

相关推荐
yqcoder3 小时前
CSS 外边距重叠(Margin Collapsing):现象、原理与完美解决方案
前端·css
山楂树の4 小时前
图像标注大坑:img图片 + Canvas 叠加标注,同步放大后标注位置偏移、对不齐?详解修复方案及亚像素处理原理
前端·css·学习·canva可画
JYeontu8 小时前
照片墙太死板?做一个会随风摇摆的绳串图片交互效果
前端·javascript·css
吹个口哨写代码9 小时前
小程序图片不显示,直接访问显示,头部配置问题
javascript·css·nginx
遇见~未来9 小时前
第一篇_认识CSS_风格的起点
前端·css
遇见~未来9 小时前
第二篇_CSS核心_盒子_布局_视觉
前端·css
林恒smileZAZ9 小时前
宇宙画布:纯 CSS+JS 实现交互式深空艺术
前端·javascript·css
ZC跨境爬虫11 小时前
跟着 MDN 学 HTML day_5:(原生table表格语义化搭建+CSS轻量化交互美化全实战)
前端·css·ui·html
里欧跑得慢19 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web
心中无石马1 天前
uniapp引入tailwindcss4.x
前端·css·uni-app