原创 js中數組操作之includes&&indexOf
includes Array.includes(searchElement[, fromIndex]) 參數： （1）searchElement: 必填，需要查找的元素， （2）fromIndex: 非必填，默認是0，從該索引處開始搜
2019-04-08 14:26:33
原创 JavaScript設計模式之工廠模式
適用場景： 對象的構建比較複雜； 根據不同的條件創建不同的對象； 應用場景：根據不同的節點類型創建不同的DOM節點。 下面用代碼實現一個最簡單的工廠模式 ES5實現方式 var PhoneShop = function()
2019-04-04 23:02:06
原创 js中的相等性判斷
嚴格相等(全等，===) 在判斷兩個操作數是否完全相等，這裏在比較時不會進行隱式類型轉換，會帶上操作數的類型進行比較。 這裏有兩個需要注意的number數據 NaN === NaN //false -0 === +0 //true
2019-03-29 14:27:21
原创 js中數組操作函數之some
some 用法： Array.some(callback, thisArg) 參數： callback： 必選項，對數組中的每個值執行的回調函數。 thisArg： 可選項，callback中使用的this值。 返回值：布爾值。 （1
2019-03-29 14:27:21
原创 層(堆)疊順序和層(堆)疊上下文
層（堆）疊順序 由上圖可知，在僅存在html這一個根元素層疊上下文的情況下，頁面上的堆疊順序爲（序號越大，層級越高）： (0) z-index < 0 (1) background (2) border (3) div(塊級)
2019-03-27 23:07:16
2
原创 JavaScript設計模式之單例模式
JS中的單例模式一般爲：代碼模塊實例化後僅返回一個唯一的對象。在ES6有了類的概念之後，更加接近通常所說的單例：一個類實例化後僅可以返回唯一的一個實例。 應用場景：頁面中的某個組件僅渲染一次。 下面用代碼實現一個最簡單的單例（惰性單例
2019-03-27 23:07:16
原创 Node對象的insertBefore方法
var node = parentNode.insertBefore(node, referenceNode) 作用：將node節點插入到referenceNode節點之前，parentNode爲對應的父節點。返回值node是插入
2019-03-27 14:25:20
原创 JS中的異常捕獲
JS中的異常捕獲： (1) try …catch (2) try…finally (3) try…catch…finally 用法主要有以上三種，try語句必須搭配catch語句或者finally語句或者三個在一起使用。 作用：針對t
2019-03-22 14:28:29
原创 js中數組操作函數之every
every 用法： Array.every(callback, thisArg) 參數： callback： 必選項，對數組中的每個值執行的回調函數。 thisArg： 可選項，callback中使用的this值。 返回值：布爾值。
2019-03-13 20:31:29
原创 js中的slice和splice
slice(startIndex[, endIndex]) 功能：字符串和數組原型上都有slice方法，字符串調用slice方法可以返回子串，數組調用slice方法可以返回子數組。 參數： startIndex: 可選，表示子串截取
2019-02-16 16:56:04
原创 Object.assign和Object.create的基本用法
let obj = Object.assign(targetObj, …sourceObj) 作用：將一個或多個源對象自身的可枚舉屬性與目標對象的屬性合併 返回值：合併後的目標對象 var obj1 = {name: 'zyp1
2019-01-22 14:47:03
原创 Object.defineProperties和Object.defineProperty的基本用法
Object.defineProperties(obj, props) 作用：在對象上定義多個新的屬性或者修改多個原有屬性 返回值： 修改後的目標對象obj 參數含義： obj: 在其上定義或修改屬性的目標對象 props: 屬性對
2019-01-18 21:25:13
原创 NodeList對象
NodeList是DOM節點的集合，由Node.childNodes和document.querySelectorAll()返回，不同的是node.ChildNodes返回的是動態（live）的NodeList，而document.q
2019-01-11 15:02:39
原创 js正則表達式中的零寬斷言
首先要說的是js正則表達式只支持零寬先行斷言，而零寬先行斷言又可以分爲正向零寬先行斷言（判斷字符後面必須匹配regexp）和負向零寬先行斷言(判斷字符後面不能匹配regexp) 正向零寬先行斷言 例： var str = 'abA
2019-01-11 15:02:39
原创 談談js中的繼承
我們這裏這裏主要討論js中的主要繼承方式，包括構造函數繼承，原型繼承，組合式繼承（原型繼承和構造函數繼承的組合），寄生繼承（原型繼承的變形）和寄生組合式繼承（寄生繼承和構造函數繼承的組合）。 構造函數繼承 func
2019-01-03 22:55:00