React
-
介绍一下react
-
React单项数据流
-
react生命周期函数和react组件的生命周期
-
react和Vue的原理,区别,亮点,作用
-
reactJs的组件交流
-
有了解过react的虚拟DOM吗,虚拟DOM是怎么对比的呢
-
项目里用到了react,为什么要选择react,react有哪些好处
-
怎么获取真正的dom
-
选择react的原因
-
react的生命周期函数
-
setState之后的流程
-
react高阶组件知道吗?
-
React的jsx,函数式编程
-
react的组件是通过什么去判断是否刷新的
-
如何配置React-Router
-
路由的动态加载模块
-
Redux中间件是什么东西,接受几个参数
-
redux请求中间件如何处理并发
开源分享:docs.qq.com/doc/DSmRnRG…
margin-top:-盒子高一半;
left:50%;
margin-left:-盒子宽一半
第二种方法:
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
-
relative相对定位:基于元素本身的位置定位,不会脱离文档流,元素所占空间不会关闭
-
absolute绝对定位:基于最近的被设置非静态定位的上级元素进行定位,如果没有基于浏览器第一屏定位
注:当基于根元素(html)定位时,如果你想让它基于整个页面,它有可能在浏览器最底部
使用:子绝父相
===============================================================================
-
数据从数据库来,经常跟换,是页面结构的一部分用img
-
精灵图用背景图
=============================================================================
===============================================================================
| 前缀 | 浏览器内核 | 代表浏览器 |
| :-: | :-- | :-- |
| -o- | presto | 欧朋 |
| -ms- | trident | IE |
| -moz- | gecko | 火狐 |
| -webkit - | webkit | 谷歌 |
| | blink | 欧朋 谷歌 |
==================================================================================
精灵图:多张图组合实现图片sprites
- 实现一个指定大小的盒子
- 将精灵图设置为盒子背景图
- 通过background-position来调整背景图片位置
优点:减少请求,提升性能。减少文件数量,降低命名难度。占用内存小。
缺点:步骤繁琐,增删图标麻烦
最后
整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》