面试题整理
2017-07-09 本文已影响27人
爱喝茶的小姐姐
1.CSS中实现水平垂直居中几种方法(这里举出两种方法)
<div class="box">
<div class="con"></div>
</div>
-
解一（利用flex布局）
.box{
display: flex;
justify-content: center;
align-items: center;
width:400px;
height:400px;
border:1px solid #ddd;
}
.con{
width:100px;
height:100px;
} -
解二（利用CSS定位）
.box{
position: relative;
width:400px;
height:400px;
border:1px solid #ddd;} .con{ position: absolute; top:50%; left:50%; margin-left:-100px; margin-top: -100px; width:200px; height:200px; border:1px solid #ddd; }2.ajax请求的时候get和post方式的区别，用jQ写出ajax请求。
1.首先语义上，GET客户端想获取服务器上资源(img/html/..),POST客户端想传递数据给服务器 2.GET大小限制，安全低，POST则相反，GET请求需考虑缓存问题，POST无需关心，POST请求必须设置Content-Type值为application/x-form-www-urlencoded，GET请求的参数写在url里，所以send函数发送的参数为null，而POST请求的数据需要写在send中3.js中函数split(),join()区别
// 根据传入参数的不同，字符串拆分成数组和数组拆分成字符串 var str = 'my name is moka.'; var arr = str.split(" "); console.log(arr);// ["my", "name", "is", "moka."] str = arr.join(" "); console.log(str);// my name is moka.4.熟悉微信小程序吗？什么是微信小程序？
5.HTTP状态码及其含义
1xx:提示信信息 2xx:成功响应 3xx重定向 4xx客户端请求错误 5xx服务器端运行错误
6.请解释你对盒模型的理解，以及如何在CSS中告诉浏览器使用不同的盒模型来渲染你的布局
box-sizing:content-box(标准盒模型)设置padding，会改变宽度
box-sizing:border-box(怪异盒模型)设置padding，不会改变宽度
7.CSS选择器优先级
内联样式>ID选择器>class选择器>标签选择器
8.前端页面有行为层JS和另外两个层是什么，作用是什么
HTML（结构）和CSS（样式），假如盖一个楼：HTML就是整体楼空荡荡的框架，CSS相当于粉刷装修，JS就是给屋子里面通电后，电视机，空调，电脑等一系列功能性的东西
9.浏览器内核
IE:Trident
Apple Safari和Google chrome:webkit
Mozilla Firefox:Gecko
10.函数声明提前
var a=1;
function func(){
console.log(a);
var a="in function";
}
func();
console.log(a);
等价于:
var a=1;
function func(){
var a
console.log(a);//undefined
a="in function";
}
func();
console.log(a);//1
