前端面试（面试碰到的）一

1.移动端响应式布局

移动端响应式布局参考

rem   百分比%   利用UI框架实现响应式布局  flexible.js  媒体查询

 2.绝对定位、相对定位和固定定位

position : absolute / relative / fixed 

• 没有滚动条的情况下没有差异
• 在滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动

3.垂直和居中对齐

 text-align;center

line-height：200px

display；flex；

align-items: center

4.微信登录获取code给后台

    //请求code
    wx.login({
      success(res) {
        if (res.code) {
             //把获取到的code通过一个request的请求发给java服务器
            wx.request({
            url:你的url地址,
            data: {
              code: res.code
            },  
            method: 'POST',
            dataType: 'json',
            success: function (res) {
                //请求成功的处理
            }
        }
      },
      fail: function () {
        console.log("发送code失败：", res.data);  
      }
    })

 5.防止二次点击

var isclick= true;
function click(){
    if(isclick){
        isclick= false;
        //下面添加需要执行的事件
            ...
 
        //定时器
        setTimeout(function(){ 
            isclick = true;
        }, 500);
    }
}