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+"次");
}