面试题整理

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

11.请用JS实现数组的快速排序 实现数组的快速排序