Time of Update: 2017-01-19
毋庸置疑,這種方式是比較容易理解的,在子類中調用父類的建構函式。另外,這種方法最大的一個優點就是說構造繼承可以實現多繼承,複習下這個代碼:複製代碼 代碼如下:function A(){ }function B(){ }function C(){ this.father=A; this.father(); delete
Time of Update: 2017-01-19
Javascript究竟是一門物件導向的語言,還是一門支援對象的語言,我想每個人都有著自己的看法。那些Javascript忠實的Fans一定講Javascript是一門物件導向的語言,像《Javascript王者歸來》一書中對Javascript的說法是基於原型的物件導向。我談談我個人的看法。物件導向的三個特徵,繼承,多態,封裝,Javascript雖然實現起來不像Java,C#等物件導向的語言來得快,但是畢竟也有著一定的支援。因此說Javascript是物件導向的語言是有著一定道理的,但是從繼
Time of Update: 2017-01-19
有時我們需要一個可選的下拉框來選取內容,但是但是又有可以自訂輸入的需求。對於這種需求,大部分網站使用的都是一個下拉框和一個 input text ,並列或分行給出選擇。那麼,我們希望它看上去像一個可以輸入也可以選擇的下拉框,那該如何做呢?其實我們可以通過 css position 定位及少許的 javascript 代碼,類比出來這種效果。複製代碼 代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
Promise 編程模式也被稱為 thenable,可以理解為 延遲後執行。每個 Promise 都擁有一個叫做 then 的唯一介面,當 Promise 失敗或成功時,它就會進行回調。它代表了一種可能會長時間運行而且不一定必須完成的操作結果。這種模式不會阻塞和等待長時間的操作完成,而是返回一個代表了承諾的(promised)結果的對象。當前的許多 JavaScript 庫(如 jQuery 和 Dojo、AngularJS)均添加了這種稱為 Promise
Time of Update: 2017-01-19
HTML精確定位屬性:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight: 擷取對象的滾動高度。scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離scrollWidth:擷取對象的滾動寬度offsetHeight:擷取對象相對於版面或由父座標 offsetParent
Time of Update: 2017-01-19
一、什麼是 QUnitQUnit(http://qunitjs.com/) 是一個非常強大的javascript單元測試架構,可以幫你調試代碼。它是由 jQuery 團隊的成員寫的,而且是 jQuery 的官方測試套裝。但QUnit一般是足以測試任何常規 javascript 代碼,它甚至可能通過一些 javascript 引擎比如 Rhino 或 V8 來測試伺服器端 JavaScript。如果你不熟悉“單元測試”的概念,請不要擔心。這不是很難理解的:複製代碼
Time of Update: 2017-01-19
有時需要擷取圖片的尺寸,這需要在圖片載入完成以後才可以,求方法? 一、load事件 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1"
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //初始化一個二維數組儲存城市清單項目 var cities=[ ["安慶","合肥","桐城"], ["石家莊","保定","唐山"],
Time of Update: 2017-01-19
看到一個問題,大概是這個樣子得。 複製代碼 代碼如下: name = 'out of you' foo = function(){ this.name = 'xxoo'; } foo.prototype.say = function(){ console.log(this.name); } f = new foo(); f.say(); // 這句會輸出xxoo setTimeout(f.say, 500); // 這句會輸出out of you
Time of Update: 2017-01-19
複製代碼 代碼如下: function foo() { } setInterval( "foo()", 1000 ); 如果使用OO的技術,可以這樣, 複製代碼 代碼如下: // constructor function MyObj { function foo() { alert( this.data ); } this.timer = foo; this.data = "Hello"; setInterval( "this.timer()", 1000 ); } function
Time of Update: 2017-01-19
話說今天只是粗略瀏覽了一下Proxy SwitchySharp的源碼,就收穫了不少東西,其中就包括本文要介紹的讀取和儲存檔案。因為Google還不提供同步外掛程式資料的功能,所以匯入和匯出外掛程式配置就必須和檔案打交道了。而出於安全原因,只有IE才提供訪問檔案的API;但隨著HTML 5的到來,其他瀏覽器也紛紛支援了。首先說讀取檔案。W3C提供了一些File API,其中最重要的是FileReader這個類。先列出需要用到的HTML標籤:複製代碼 代碼如下:<input
Time of Update: 2017-01-19
1、實現源碼 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Time of Update: 2017-01-19
全面相容的javascript時間格式化函數,實用總結! 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js日期格式化</title> <script language=
Time of Update: 2017-01-19
複製代碼 代碼如下: <li class="item pin"> <span class="overlabel" style="display: block;">請輸入驗證碼</span> <input type="text" class="txt" id="checkNum" name="checkNum" maxlength="4" onkeydown="keyboardEvent(event);" /> <img
Time of Update: 2017-01-19
小哥我最近在學習javaScript, 學到regular expression的時候見知識點有些雜亂,所以特別寫篇部落格做個總結。 定義 在javascript裡定義reg exp有兩種方法: 1) 用new exp : var exp1 = new exp("abc"); 2) 直接在兩個/中間放pattern: var exp2 = /abc/; //注意。。沒有雙引號喲, 加了就成string了 特殊字元 目測特殊字元和perl的是一樣的。。直接拿來用就好 \d Digit
Time of Update: 2017-01-19
需求如下: 1.在網頁中顯示,班級所有人員的名字。 2.點擊開始按鈕,人員的顏色開始變化,當停止的時候,會有一個顏色不同的位置,那麼這個位置就是被點到的同學了。 大致的圖形介面如下: 下面是對上面的需求分析的具體分析如下: 1.初始化這樣一個頁面,並設定統一顏色-green。 a.同學的名字,用數組儲存 b.在頁面用div塊顯示 2.隨機播放一個位置讓其顏色變化成-red a.顏色的變化用css樣式去控制 b.隨機的位置用隨機函數去產生
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* *1.js 中不存在函數的重載 2.js函數定義時候的形參個數,和執行時候時,傳遞的實參的個數可以不一樣。
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 匿名函數自調的意義: 1.營造了一個封閉的空間 2.防止變數衝突 3.有選擇性的對外開發(第三方架構都是對js這樣封裝的) */ //=======
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.為對象添加屬性 用關鍵字delete刪除屬性 用[]添加屬性 和.的不同 r.name==r["name"]; r.name只能添加字串屬性 [