個人前端面試題

時間 2019-11-07

標籤個人端面試題简体版

原文原文鏈接

個人前端面試題

前陣子去湖南幫忙面試，話說仍是第一次正經面試別人，問題是老早之前就開始想了，在這裏整理一下，答案只是簡要，也不必定徹底正確，若有錯誤，勞煩指點

一、初始頁面準備

1.1 css重置如何處理？

怎麼也該說個css

*{
    margin: 0;
    padding: 0;
}

或者詳細點的https://github.com/ccchangkong/article/issues/5前端

1.2 經常使用meta標籤？

頁面不縮放，雙核瀏覽器chrome核優先巴拉巴拉vue

1.3 日常頁面兼容到什麼程度，兼容性怎麼處理？

從W3C或caniuse上查詢巴拉巴拉android

1.4 減小頁面的複雜度？

合理的結構，合理使用僞元素巴拉巴拉webpack

二、css

2.1 盒模型介紹下，引伸雙邊框、多層邊框

https://github.com/ccchangkong/article/issues/6ios

2.2 定位問題，讓一個div垂直左右居中

https://github.com/ccchangkong/article/issues/4git

2.3 佈局問題，浮動致使的高度塌陷如何處理（清浮動）

.clearfix {*zoom:1;}
.clearfix:after {content: '';display: block;height: 0;overflow: hidden;clear: both;}

2.4 佈局問題，inline-block佈局的問題

高低問題，基線致使的，設置vertical-align github

在元素寬度設置沒問題的狀況下，意外的寬度不夠，幽靈字符問題，設置父元素font-size:0web

2.5 佈局問題，flex屬性簡寫和反向排序（若是用到）

flex：none | [ flex-grow ] || [ flex-shrink ] || [ flex-basis ]
flex-direction: row-reverse

2.6 移動端適配

rem佈局，響應式佈局，移動瀏覽器和webview常見問題（ios點擊事件不生效、安卓webview各類權限）面試

三、js

3.1 jQuery選擇器，已經找到了id爲test的元素，往下找class爲a的全部元素，接着往上找最近的一個class爲b的元素，在回退到上一步篩選操做前的結果

$('#test').find('.a').closest('.b').end()

3.2 jQuery動態事件綁定和解綁

.on()和.off()

3.3 js數組和數組的拼接

a=a.concat(b); 
a.push.apply(a,b);
a.push(...b)；

3.4 vue 組件通訊（若是會）

props、events和藉助vuex

3.5 vue-router路由傳參、路由懶加載（若是會）

params

import('./Foo.vue')

3.6 混合開發中與原生代碼互相調用（若是會）

//調用原生代碼暴露的接口
,appFun(state, { funName, val = null }) {
      if (state.dev.type == 2) {
        window.android[funName](val);
      } else if (state.dev.type == 1) {
        window.webkit.messageHandlers[funName].postMessage(val);
      }
    }
 
    // 把函數掛在window對象上來暴露給APP
    let _this = this;   
    window.setGeolocation = function(params) {
      _this.setGeolocation(params);
    };

或者

引用jsbridge