原创 爲什麼typeof Object結果爲function

1.首先在控制檯看看typeof Object 結果是什麼? 2.再打印Objct看看 是不是恍然大悟了呢?沒錯Object是構造函數,同樣的Array,String,Boolean,Date,RegExp也都是構造函數。

原创 npm install時 npm ERR! zlib: unexpected end of file 錯誤

解決方法 1.清理本地npm緩存包 npm cache clean --force 2.安裝 npm install --no-package-lock 參數 --no-package-lock 將阻止 npm 創建 packag

原创 CSS選擇符、優先級算法以及內聯和important哪個優先級高?

css選擇符類型: 1、通用選擇器:* 2、類別選擇器:.class 3、id選擇器:#id 4、標籤選擇器:p 5、後代選擇器:div p 6、子選擇器:div > p 7、羣組選擇器:div , p 8、相鄰同胞選擇器:di

原创 頁面實現三欄佈局的幾種方式

問題:假設高度已知,請寫出三欄佈局,左欄、右欄寬度300px,中間寬度自適應。 實現改佈局的方式有下面五種: 1、浮動方式 ;2、絕對定位方式;3、flex方式 ;4、表格方式–display:table及display:tabl

原创 對於異步的一些理解

1、什麼是單線程,和異步有什麼關係 單線程:同一時間,只能做一件事; js中單線程的原因:避免DOM渲染的衝突。 js執行和DOM渲染是共用一個線程的:兩段js不能同時執行,js執行的時候DOM渲染會暫停; 單線程的解決方案–異步

原创 :first-child與:first-of-type的區別

<div> <p>div的第一個子元素</p> <h1>div的第二個子元素</h1> <span>div的第三個子元素</span> <span>div的第四個子元素</span> </d

原创 vue:怎麼理解vue中的diff算法

1.diff算法是虛擬DOM技術的必然產物,通過新舊虛擬DOM作對比(即diff),將變化的地方更新再真實DOM上,另外也需要diff高效的執行對比過程,從而降低時間複雜度爲O(n); 2.vue 2.x中爲了降低watcher粒

原创 vue:v-if和v-for哪個優先級更高,如果兩個同時,出現應該怎麼優化得到更好的性能?

1)v-for優先於v-if;在vue源碼src\compiler\codegen\index.js中 可以看出將AST轉化爲render字符串時,v-for處理在v-if前面。 2)因此如上圖,如果同時出現,每次渲染都會先執

原创 call() 、 apply() 、bind()方法的作用和區別!

call() 、apply()、bind()這三個方法的作用都是:改變函數執行的上下文,換句話說就是改變函數體內部的this的指向,以此來擴充函數賴以運行作用域。 舉個栗子 沒有call()函數時 函數foo中的this指向的是win

原创 CSS選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?內聯和important哪個優先級高?

css選擇符類型: 1、通用選擇器:* 2、類別選擇器:.class 3、id選擇器:#id 4、標籤選擇器:p 5、後代選擇器:div p 6、子選擇器:div > p 7、羣組選擇器:div , p 8、相鄰同胞選擇器:div

原创 淺談MVVM。

淺談MVVM。 1、什麼是MVVM? MVVM即 Model-View-ViewModel 的縮寫,是一種基於前端開發的架構模式。MVVM最早由微軟提出來,它借鑑了桌面應用程序的MVC思想,在前端頁面中,把Model用純JavaS

原创 DOM事件的理解

1、DOM事件級別(DOM標準指定的級別) DOM0: 在js中寫法element.onclick = function(){}, 在html中onclick屬性上加js語句; DOM2: element.addEventListen

原创 三欄佈局的幾種實現方式

問題:假設高度已知,請寫出三欄佈局,左欄、右欄寬度300px,中間寬度自適應。 實現改佈局的方式有下面五種: 1、浮動方式 ;2、絕對定位方式;3、flex方式 ;4、表格方式–display:table及display:table-

原创 移動端0.5px實現過程入的坑---有的下邊框無法顯示

衆所周知在移動的端寫1px邊框,顯示出來的效果看起來比較粗,那麼下面介紹一種常見的0.5px 的實現方案; 利用css3的縮放方式實現,其原理是:transform:scale()來達到壓縮一半的目的。 html部分: <ul cl

原创 js獲取容器的大小(寬高)

通過JS獲取盒模型對應的寬和高,有以下幾種方法: 1. dom.style.width/height 這種方式只能取到dom元素內聯樣式所設置的寬高,也就是說如果該節點的樣式是在style標籤中或外聯的CSS文件中設置的話,通過這