原创 前端面試-HTML

原创 前端面試-Vue

原创 background-image和的區別

是否佔位: background-image是背景圖片,是css的一個樣式,不佔位;  <img />是一個塊狀元素,它是一個圖片,是html的一個

原创 Vue中的計算屬性(computed)與偵聽屬性(Watch)

computed計算屬性:當依賴的屬性的值發生變化時,計算屬性會重新計算,否則使用緩存中的屬性值。 功能:雙向綁定、緩存值、分離邏輯 基本用法: computed: { rooms(){ return t

原创 this的指向

作爲對象的方法調用          當函數作爲對象的方法被調用時,this指向該對象。           var a = { b:1, getB:function(){ console.log(thi

原创 jQuery.change()

jQuery.change()  描述:JavaScript 的 "change" 事件綁定一個處理函數,或者觸發元素上的 "change" 事件。  參數:Function(),當change事件出發時執行一個函數;          

原创 jQuery.extend()

jQuery.extend( target,obj1 ,obj2 ) 描述: 將兩個或更多對象的內容合併到第一個對象。 參數:一個參數,jQuery對象本身被默認爲目標對象。這樣可以在jQuery的命名空間下添加新的功能;        

原创 js的getBoundingClientRect()

getBoundingClientRect():獲取元素位置,該方法沒有參數。 <div id="box"></div> var object=document.getElementById('box'); Var rectObje

原创 jQuery中this與$(this)的區別

$()的作用:  1.傳入一個選擇器字符串,獲取選擇器對應的DOM的內容,保存在數組中,也就是所說的jquery對象。例如:`$('.class') 、$('#id‘)、$('tag')`  2.傳入一個匿名函數,該匿名函數在頁面加載完畢

原创 實現頁面跟隨可視窗口縮放

1.使用:vh、vw和flex html: <div class="contents"> <div class="content left">left</div> <div class="conte

原创 Vue組件間的傳值

Vue父子組件間的通信:props、ref、ref、ref、emit 通過prop實現通信 靜態傳值:父組件調用子組件時綁定屬性: 子組件通過props接受父組件傳遞來的數據props:['ti

原创 Vue中的計算屬性(computed)

computed計算屬性:當依賴的屬性的值發生變化時,計算屬性會重新計算,否則使用緩存中的屬性值。 功能:雙向綁定、緩存值、分離邏輯 基本用法: computed: { rooms(){ return t