1. 程式人生 > 其它 >前端面經-個人經歷

前端面經-個人經歷

//使用原生 js 怎麼實現資料渲染到頁面

    1. 內部<script><script>直接寫     2. DOM中的createElement,createTextNode(),innerHTML,insert,appendChild



//左邊定長右邊自適應的佈局? A: 我說了三種 flex, 絕對定位, 和float 沒有問題     1.左邊設定左浮動,右邊寬度設定100%     2.父容器設定 display:flex;Right部分設定 flex:1 自適應     3.父元素相對定位,左邊絕對定位並給固定寬度,右邊margin-left+左邊的寬度



//relative 和 absolute 的區別 A: 文件流 && absolute和relative分別是以什麼為基準的 && BFC 沒有問題     relative:相對定位,受父元素裡其他元素影響,不脫離文件流,以其他子元素為基準     absolute:絕對定位,不受父元素裡其他元素影響,脫離文件流,以父元素為基準     BFC:塊級格式上下文,清除浮動,限制範圍



//CSS的animation 瞭解嗎?     過渡transition:元素在兩個狀態間切換時的過渡效果     動畫animation:通過@keyframe設定動畫關鍵幀,可以同時設定多組動畫,animation-name,animation-duration,animation-delay



//CSS的transform 瞭解嗎? A: 說了 translate和rotate 問題不大     transform:旋轉 div 元素。translate=2D轉化,translate3d=3D轉化,rotateX/Y/Z=沿著 X/Y/Z 軸的 3D 旋轉  

 

//純CSS實現一個tab頁如何實現? A:我就把實現輪播圖的方法說了一下....     :target用於接收點選事件     display先都設定為none,然後target接收到點選時間,就出發#id的css屬性{display:block;}

 

//let和const     let 宣告的變數只在 let 命令所在的程式碼塊內有效。     const 宣告一個只讀的變數,一旦宣告,常量的值就不能改變。

 

//const和其他語言中const的區別....A:懵的....執行時常量和編譯時常量...



//Promise async await 介紹一下....A:介紹一下唄, 自我感覺不會有問題     都可以實現非同步流程問題     Promise:ES6,使用鏈式寫法,用類似try catch then 的形式來處理 [成功|失敗] 這樣的資料,大量非同步互動的話,then會堆積     async await: ES7,async宣告的函式的返回本質上是一個Promise;await的本質是可以提供等同於”同步效果“的等待非同步返回能力的語法糖

 

//判斷Array的方法 A: isArray //typeof 返回值 A:基本型別除了null (null是 obj) 加上function 和 object //map和forEach A: map 有 return balabala.... //H5的標籤. A:專案中用到了video audio ...給他說了一個audio的拖拽和點選跳轉播放的功能.. webstorage,附贈把生命週期作用域告訴他了&&  history...都一一說了一遍, 感覺問題不大 //defer async A: 延遲和非同步 defer不會阻塞後續html載入, async 也不會阻塞但是載入完即執行, 所以不應該包括操作dom的方法 //readytstate中的狀態 A:loading/interactive/complete這三個 //webpack bundle 怎麼做 A:import() or require ensure balabala.... //webpack怎麼處理這些依賴的原理 A:母雞阿.... //常用的loader ? (是為了看我真的是否用過嗎...不知道為什麼問這個) 寫過loader嗎? A:沒寫過

 

//Vue怎麼實現的MVVM A: 就是能百度到的答案差不多那個樣子 //Vue生命週期.. A:生命週期 (注意答keep-alive多了兩個哦)+ 每個 生命週期應該做些什麼 //元件優化...動態元件 keep-alive 路由拆分成bundle //父子通訊 兄弟通訊: A:父子 props $emit.兄弟 new一個新的Vue例項當bus,or 藉助共同父親 不然就Vuex