原创 [js高手之路]原型式繼承與寄生式繼承

一、原型式繼承本質其實就是個淺拷貝,以一個對象爲模板複製出新的對象function object( o ){             var G = function(){};             G.prototype = o;   

原创 [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】詳解與應用

本文主要講解DOM常用的CURD操作,appendChild(往後追加節點),insertBefore(往前追加節點),removeChild(移除節點),replaceChild(替換節點),cloneNode(克隆節點)的語法與實戰應用

原创 [js高手之路] es6系列教程 - var, let, const詳解

function show( flag ){             console.log( a );             if( flag ){                 var a = 'ghostwu';         

原创 [js高手之路]立即表達式的多種寫法與注意點以及in操作符的作用

立即表達式,在javascript中非常常見, 採用立即表達式可以形成一個局部作用域, 常配合閉包實現模塊化編程等其他用途,接下來我們看看,在大多數的框架中,立即表達式都有哪些寫法,以及需要注意的點,另外再介紹下in操作符的用法一、通過小括

原创 [js高手之路]使用原型對象(prototype)需要注意的地方

我們先來一個簡單的構造函數+原型對象的小程序function CreateObj( uName, uAge ) {             this.userName = uName;             this.userAge = 

原创 [js高手之路]使用原型對象(prototype)需要注意的地方

我們先來一個簡單的構造函數+原型對象的小程序function CreateObj( uName, uAge ) {             this.userName = uName;             this.userAge = 

原创 [javascript高手之路]寄生組合式繼承的優勢

在之前javascript面向對象系列的文章裏面,我們已經探討了組合繼承和寄生繼承,回顧下組合繼承:function Person( uName ){             this.skills = [ 'php', 'javascri

原创 [js高手之路] es6系列教程 - var, let, const詳解

function show( flag ){             console.log( a );             if( flag ){                 var a = 'ghostwu';         

原创 [js高手之路]設計模式系列課程-發佈者,訂閱者重構購物車

發佈者訂閱者模式,是一種很常見的模式,比如:一、買賣房子生活中的買房,賣房,中介就構成了一個發佈訂閱者模式,買房的人,一般需要的是房源,價格,使用面積等信息,他充當了訂閱者的角色中介拿到賣主的房源信息,根據手頭上掌握的客戶聯繫信息(買房的人

原创 HTML5新特性:元素的classList屬性與應用

在html5新增的classList之前, 操作元素的class用的是className這個屬性,而如果要向jquery封裝的hasClass, removeClass, addClass, toggleClass一樣優雅的操作calssN

原创 [js高手之路]從原型鏈開始圖解繼承到組合繼承的產生

於javascript原型鏈的層層遞進查找規則,以及原型對象(prototype)的共享特性,實現繼承是非常簡單的事情一、把父類的實例對象賦給子類的原型對象(prototype),可以實現繼承function Person(){      

原创 [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】詳解與應用

本文主要講解DOM常用的CURD操作,appendChild(往後追加節點),insertBefore(往前追加節點),removeChild(移除節點),replaceChild(替換節點),cloneNode(克隆節點)的語法與實戰應用

原创 [js高手之路]面向對象+設計模式+繼承一步步改造簡單的四則運算

到目前爲止,我已經寫完了面向對象完整的一個系列知識,前面基本屬於理論,原理的理解,接下來,我們就用學到的知識來實戰下吧.看看理解原理和理論是否重要?例子從簡單到複雜一、單體(字面量)封裝加減乘除var Oper = {           

原创 [js高手之路] dom常用節點屬性兼容性詳解與應用

一、每個DOM節點都有一個nodeType屬性,表示節點類型, NodeType一共有12種類型,我們可以通過遍歷內置的Node構造函數獲取window.onload = function(){             var str = 

原创 [js高手之路]原型對象(prototype)與原型鏈相關屬性與方法詳解

一,instanceof:instanceof檢測左側的__proto__原型鏈上,是否存在右側的prototype原型. 我在之前的兩篇文章[js高手之路]構造函數的基本特性與優缺點[js高手之路]一步步圖解javascript的原型(p