原创 Vue面試中,經常會被問到的面試題/知識點(2019改進版)

在第一版的基礎上進行了優化,新增一些面試題/知識點,對一些知識點進行更加深入的描述。 一、對於MVVM的理解? MVVM 是 Model-View-ViewModel 的縮寫。Model代表數據模型,也可以在Model中定義數據修改和操作的

原创 JavaScript:迴流(重排)與重繪

簡單先了解一下瀏覽器的渲染過程(圖片來自於網絡) 瀏覽器生成渲染樹的過程(圖片來自於網絡) 迴流 迴流當render tree中的一部分或全部因爲元素的規模尺寸、佈局、隱藏等改變時,瀏覽器重新渲染部分DOM或全部DOM的過程。迴流也被稱

原创 JavaScript:函數防抖與函數節流

防抖(debounce) 名詞解釋:在事件被觸發n秒後再執行回調函數,如果在這n秒內又被觸發,則重新計時。 使用場景:以百度輸入框例,比如你要查詢XXx,想實現輸完了XXx之後,再進行搜索請求,這樣可以有效減少請求次數,節約請求資源。 函數

原创 四種方法實現──三欄佈局(聖盃佈局、雙飛翼佈局)

聖盃佈局、雙飛翼佈局,本質上都是三欄佈局──中間自適應兩邊固定寬。有一次面試,要求寫出三種實現方式,結果只寫出了兩種,面試官說基礎還不夠紮實~嗚 聖盃佈局 聖盃HTML結構: <div class='main'> <div clas

原创 JavaScript數組遍歷:for、foreach、for in、for of、\$.each、\$().each的區別

一、for Javascript中的for循環,它用來遍歷數組 var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } //1,

原创 高級前端面試題大彙總(只有試題,沒有答案)

面試題來源於網絡,看一下高級前端的面試題,可以知道自己和高級前端的差距。有些面試題會重複。 使用過的koa2中間件 koa-body原理 介紹自己寫過的中間件 有沒有涉及到Cluster 介紹pm2 master掛了的話pm2怎麼

原创 JavaScript:對Object對象的一些常用操作總結

JavaScript對Object對象的一些常用操作總結。 一、Object.assign() 1.可以用作對象的複製 var obj = { a: 1 }; var copy = Object.assign({}, obj); conso

原创 Vue學習—— Vuex學習筆記

組件是Vue最強大的功能之一,而組件實例的作用域是相互獨立的,意味着不同組件之間的數據是無法相互使用。組件間如何傳遞數據就顯得至關重要,這篇文章主要是介紹Vuex。儘量以通俗易懂的實例講述這其中的差別,希望對小夥伴有些許幫助。 一、Vuex

原创 JavaScript字符串操作方法大全,包含ES6方法

一、charAt() 返回在指定位置的字符。 var str="abc" console.log(str.charAt(1))//a 二、charCodeAt() 返回在指定的位置的字符的 Unicode 編碼。 var str="abc

原创 JavaScript常用數組操作方法,包含ES6方法

一、concat() concat() 方法用於連接兩個或多個數組。該方法不會改變現有的數組,僅會返回被連接數組的一個副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.con