前端面经2

1.flex弹性布局

(1)水平居中用哪个属性做的?
display:flex;
justify-content: center;
align-items: center;
(2)flex的轴默认是水平还是垂直?

flex的轴默认水平

2.transition和animation区别?

transition为过渡属性,强调起点与终点的定义,中间由浏览器渲染。
animation为动画属性,强调过程,可以设置多个关键帧(由keyframe定义)

3.关于get请求和post请求。

(1)get请求与post请求的区别?

1.get将请求的数据放在url上,即http协议头上;post将数据放在http的包体内(request body)。
2.get提交的数据最大限制为2k,原则上其实没有限制,但是浏览器和服务器限制了url的长度,所以有限制。而post没有限制。
3.相对来说,post请求比get更为安全。

(2)post比get安全,携带的内容也比get多,为什么还要用get?

1.get请你去是一种只读、纯粹的操作,即它除了返回结果不会产生其他副作用(比如产生数据库)。而且绝大多数get请求都被CDN缓存了,减少了web服务器的负担。

小注

CDN:内容分发网络
2.get请求的最大优势是get请求可以手动输入url(比如,CSDN的文章链接,只要是get方式请求查询到的,分享给他人,对方复制粘贴就可以查看。)

4.原生js

(1)闭包的概念

嵌套的内部函数引用了外部函数的变量或者函数时,就形成了闭包。
比如:函数a里面有函数b,b调用a的变量

(2)实例化场景:统计页面中20个按钮,每个按钮被点击的次数,怎么做?
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
   
				margin: 0;
				padding: 0;
			}
			button{
   
				width: 100px;
				height: 50px;
				background-color: #4CAF50;
				padding: 0px 12px;
				font-size: 14px;
				color: white;
				border: none;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<button type="button">按钮1</button>
			<button type="button">按钮2</button>
			<button type="button">按钮3</button>
			<button type="button">按钮4</button>
			<button type="button">按钮5</button>
		</div>
		<script>
			var butt = document.getElementsByTagName("button");
			// 使用闭包,为每一个按钮开辟一块内存存储变量num
			function getNum(){
   
				var num = 0;
				return(function(){
   
					num++;
					alert("您点击了我"+num+"次");
				}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值