2022【前端面试】前端面试题【含答案】最全面试题
2022【前端⾯试】前端⾯试题【含答案】最全⾯试题
1. ⼀个200*200的div 在不同分辨率屏幕上下左右居中，⽤css 实现
这⾥主要是靠flex布局实现的，这个是重点
display:flex; justify-content:center; align-items:center;
-----------------------------------------------------------------------------------------------------------------------------
2，阐述清楚浮动的⼏种⽅式（常见问题）
这个问题很常见，经常问到务必记住
1.⽗级div 定义 height
原理：⽗级div⼿动定义height，就解决了⽗级div⽆法⾃动获取到⾼度的问题。
优点：简单、代码少、容易掌握
缺点：只适合⾼度固定的布局，要给出精确的⾼度，如果⾼度和⽗级div不⼀样时，会产⽣问题
2.⽗级div 定义 overflow:hidden
原理：必须定义width或zoom:1，同时不能定义height，使⽤overflow:hidden时，浏览器会⾃动检查浮动区域的⾼度优点：简单、代码少、浏览器⽀持好初中语文知识竞赛题
4. 结尾处加空div 标签 clear:both
原理：添加⼀个空div，利⽤css提⾼的clear:both清除浮动，让⽗级div能⾃动获取到⾼度植物大战僵尸无尽模式最佳阵容
优点：简单、代码少、浏览器⽀持好、不容易出现怪问题
缺点：不少初学者不理解原理；如果页⾯浮动布局多，就要增加很多空div，让⼈感觉很不好
-----------------------------------------------------------------------------------------------------------------------------
3.解释css sprites ，如何使⽤？
CSS Sprites其实就是把⽹页中⼀些背景图⽚整合到⼀张图⽚⽂件中，再利⽤CSS的“background-image”，“background-repeat”，“background-position”的组合进⾏背景定位，background-position可以⽤数字能精确的定位出背景图⽚的位置。优点：CSS Sprites为⼀些⼤型的⽹站节约了带宽，让提⾼
qq网络游戏大全了⽤户的加载速度和⽤户体验，不需要加载更多的图⽚，提⾼了性能-----------------------------------------------------------------------------------------------------------------------------
4.请描述⼀下 cookies sessionStorage 和localstorage 区别
**他们的相同点：**都存储在客户端<div>  <div >    上下左右居中  </div></div>css div{    width:500px;    height:500px;    border:1px solid red;    display:flex;    justify-content:center;    align-items:center;}
1
2
3
4
5
6
7
8
9
10
11
感恩教师节的内容12
13
14
15
16
他们的不同点：
1.存储⼤⼩
这⾥需要区分：
·cookie数据⼤⼩不能超过4k。法律小常识
·sessionStorage和localStorage 虽然也有存储⼤⼩的限制，但⽐cookie⼤得多，可以达到5M或更⼤。
2.有效时间
· localStorage 存储持久数据，浏览器关闭后数据不丢失除⾮主动删除数据；
· sessionStorage 数据在当前浏览器窗⼝关闭后⾃动删除。
· cookie 设置的cookie过期时间之前⼀直有效，即使窗⼝或浏览器关闭
3. 数据与服务器之间的交互⽅式
·cookie的数据会⾃动的传递到服务器，服务器端也可以写cookie到客户端
·sessionStorage和localStorage不会⾃动把数据发给服务器，仅在本地保存。
-
------------------------------------------------------------------------------------------------------------------------------5，数组去重（机试容易考）
战士天赋编写⼀个⽅法去掉数组⾥⾯重复的内容 var arr=[1,1,3,4,5,1,2,3]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。