原创 css3 background-clip background-origin屬性詳解

好久沒寫樣式,前2天有個新來的同事問我background-clip這個css3 的屬性,我當時只記這個是裁剪,具體怎麼裁剪已經忘記了,找了下資料整理下方便以後記憶,它有三個屬性: 1.border-box 一.backgroun

原创 js undefined和null區別

js中 underfined和null我們平時開發中都很常見,但是它們什麼區別?下面我們詳細講解下他們! 1.undefined 1.undefined是個基本類型,顧名思義,未定義,沒有定義這個值,所以給個undefined!

原创 && 、 ||和!! 運算符分別能做什麼?

很明顯這幾個都是邏輯運算符!基本用法我就不說了,自己去看文檔,先看幾個簡單的例子吧! var a = null, b = 10; if (b >= 10) { a = 1; } else if (b >= 20)

原创 JS中數據類型的判斷( typeof,instanceof,constructor,Object.prototype.toString.call()區別)

js判斷數據類型很有多種方法,下面主要說下 typeof,instanceof,constructor,Object.prototype.toString.call()區別! 1.typeof 這個最熟悉不過了,判斷數據類型很常用

原创 AngularJs之angular-file-upload上傳組件使用和總結

最近做項目把組件分離,之前用上了第三方組件,裏面的邏輯寫的不是很好,抽空時候研究了下這個組件,然後把它獨立的分離出來了,雖然它是個第三方組件,但是還是有些項目中有些需求它還是實現不了,所以修改了並把它封裝成了一個自己能用的組件。

原创 徹底瞭解toString和valueOf區別

toSring和valueof 兩者都是對象的方法!前者返回對象的字符串,後者返回對象的原始值,如果沒有原始值則返回對象本身! 1.toSring() 直接看代碼 console.log((1).toString());//1 c

原创 js的數據類型有哪些,值是如何存儲的?

js的數據類型有基本類型和引用類型 1.基本數據類型(BS3N) 1.Boolean(B) 2.String(S) 3.underfined(N) 4.Null(N) 5.Number(N) 6.symbol(ES6的) 基本數據

原创 fis3前端工程構建配置總結

憋了好久,還是決定寫下這篇博客,fis3是自動化的構建工具而已,它的構建不會修改源碼,而是會通過用戶設置,將構建結果輸出到指定的目錄。下面我們來談下怎麼配置fis3的(怎麼安裝這裏就不說了) 1.fis3工作流程 FIS3 是基於

原创 幾個簡單例子徹底搞懂箭頭函數this

ES6時代,this 指向前端必須瞭解知識,箭頭函數的出現,所以感覺有必要對 this整理下,先上例子,在下結論 1. var test = () => console.log(this);//window test();

原创 css transform導致像素模糊的問題解決辦法

最近做項目做一個彈出框,然後垂直居中定位,發現很模糊,當時還可以是我屏幕問題,然後在同事上看也是一樣模糊,然後發現是CSS的transform: translate(-50%,-50%)導致的,英文這種垂直居中會出現小數點像素,像

原创 DOM事件綁定的this問題

先上幾道面試題(我們公司面試前端的) 1 <input id="name" type="text" value="name" onclick="alert(this.value);" /> 2 <input id="name"

原创 js 之sort排序原理詳解

看到sort大家應該很熟悉不過了,還是簡單說下它的用法,然後再來一步步來模擬下實現它的原理吧! 1.sort用法 首先sort是數組的一個方法,sort() 方法用於對數組的元素進行排序!然後返回排序後的數組。默認排序順序是升序,

原创 es5和es6類繼承的主要區別

在es5中當我們談到類,就會想到構造函數,原型等,其實在es6中也有這些東西,ES6中的類只是語法糖,它並沒有改變類實現的本質。下面我們來分別看看es5和es6的類的繼承! 1. es5的繼承 function FatherCla

原创 js 對惰性函數的理解

平時我們寫代碼的時候,有時間會經常寫寫if…else判斷語句,比如一些瀏覽器的兼容問題,每次都要判斷到底是哪個瀏覽器,然後再決定用哪個方法,每次執行的時候都需要先判斷,有些情況這個判斷條件很耗性能且又頻繁執行,那麼問題就來了!是不

原创 賦值,淺拷貝,深拷貝的區別

一、賦值(Copy) 賦值是將某一數值或對象賦給某個變量的過程,分爲下面 2 部分: 基本數據類型:賦值,賦值之後兩個變量互不影響 引用數據類型:賦址,兩個變量具有相同的引用,指向同一個對象,相互之間有影響 let a = 10;