1.2021最新前端面試題及答案

5.10面試vue1.vue的好處有哪些？1）雙向數(shù)據(jù)綁定：會自動對頁面中某些數(shù)據(jù)的變化做出同步的響應(yīng)，通過MVVM思想實現(xiàn)數(shù)據(jù)的雙向綁定，讓開發(fā)者不用再操作dom對象，有更多的時間去思考業(yè)務(wù)邏輯2）組件化的前端開發(fā)。

2.前端面試題2020及答案 知乎

3）視圖,數(shù)據(jù),結(jié)構(gòu)分離4）虛擬D豐順快遞OM：因為瀏覽器處理DOM也是有性能瓶頸的，尤其是在傳統(tǒng)開發(fā)中，用JQuery或者原生的頻繁操作DOM的時候，瀏覽器要不停的渲染新的DOM樹，導(dǎo)致頁面看起來非?？D虛擬DOM: 屬于預(yù)處理操作，并沒有真實的操作DOM，

3.2021前端面試問題以及答案

2.雙向數(shù)據(jù)綁定原理？vue數(shù)據(jù)雙向綁定是通過數(shù)據(jù)劫持結(jié)合發(fā)布者-訂閱者模式的方式來實現(xiàn)的.通過Object.defineProperty()來實現(xiàn)數(shù)據(jù)劫持，其中會有g(shù)etter()和setter()方法，讀取和設(shè)置屬性

4.前端面試題基礎(chǔ)篇

1)定義：監(jiān)聽器Observer，用來劫持并監(jiān)聽所有屬性，如果有變動的，就通知訂閱者Watcher2)當(dāng)監(jiān)聽的豐順快遞屬性發(fā)生變化時則告訴訂閱者Watcher3)此時當(dāng)訂閱者Watcher接收到相應(yīng)屬性的變化，就會執(zhí)行對應(yīng)的更新函數(shù)，從而更新視圖。

5.前端面試題匯總.pdf

簡單的說：雙向綁定就是一個去發(fā)現(xiàn)是否有數(shù)據(jù)變化來通知另一個去更新相應(yīng)的視圖3.computed和watch的區(qū)別？哪些場景使用？4.路由跳轉(zhuǎn)和普通跳轉(zhuǎn)的區(qū)別？5.v-for的key是做什么?key的作用主要是為了高效的更新虛擬DOM

6.2021前端的面試題及答案

6.vue修飾符有哪些，各是什么意思？1）.事件修飾符.prevent 阻止默認(rèn)事件(在指定的事件后進(jìn)行默認(rèn)事件的阻止).stop阻止事件冒泡(在指定事件后阻止事件冒泡,阻止指定在最豐順快遞內(nèi)層事件的標(biāo)簽里).self (控制事件操作對象是自己本身的時候才起作用)

7.2020最新前端面試題

.capture 捕獲事件，它會改變事件冒泡的執(zhí)行順序 (先外后內(nèi)).once 控制元素指定的事件只執(zhí)行一次2）表單元素修飾符(number,trim,lazy)number能夠強制的指定表單元素的內(nèi)容數(shù)據(jù)類型是number

8.前端面試題簡書

trim能夠去除輸入內(nèi)容左右兩邊的空格lazy只有標(biāo)簽的change事件執(zhí)行后才會執(zhí)行數(shù)據(jù)的雙向綁定css1.display：flex怎么用？三個塊元素，二個靠邊，一個居中怎么寫？https://www.runoob.com/w3cnote/flex-gra豐順快遞mmar.html

9.2021前端面試最新筆試題

6個屬性設(shè)置在容器上flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content1）flex-direction屬性決定主軸的方向（即項目的排列方向）。

10.前端面試題及答案 知乎

box { flex-direction: row | row-reverse | column | column-reverse;}row（默認(rèn)值）：主軸為水平方向，起點在左端row-reverse：主軸為水平方向，起點在右端。

column：主軸為垂直方向，起點在上沿column-rev豐順快遞erse：主軸為垂直方向，起點在下沿2）flex-wrap：項目都排在一條線（又稱”軸線”）上flex-wrap屬性定義，如果一條軸線排不下，如何換行。

.box{ flex-wrap: nowrap | wrap | wrap-reverse;}它可能取三個值（1）nowrap（默認(rèn)）：不換行（2）wrap：換行，第一行在上方（3）wrap-reverse：換行，第一行在下方。

（4）justify-content屬性定義了項目在主軸上的對齊方式3）justify-content屬性定義了項目在主軸上的對齊方式.box { justify-content: flex-start | flex-e豐順快遞nd | center | space-between | space-around;。

}它可能取5個值，具體對齊方式與軸的方向有關(guān)下面假設(shè)主軸為從左到右flex-start（默認(rèn)值）：左對齊flex-end：右對齊center： 居中space-between：兩端對齊，項目之間的間隔都相等。

space-around：每個項目兩側(cè)的間隔相等所以，項目之間的間隔比項目與邊框的間隔大一倍4）align-items屬性定義項目在交叉軸上如何對齊.box { align-items: flex-start | flex-end | center | baseline | stretch;。

}flex豐順快遞-start：交叉軸的起點對齊flex-end：交叉軸的終點對齊center：交叉軸的中點對齊baseline: 項目的第一行文字的基線對齊stretch拉伸（默認(rèn)值）：如果項目未設(shè)置高度或設(shè)為auto，將占滿整個容器的高度。

2.外部引入，頁面內(nèi)的，行內(nèi)的，優(yōu)先級順序？jq和vue比較1.jq和vue的區(qū)別，使用場景？jq操作DOM2.jq前面插入一個值，后面加一個值？3.添加屬性值？