Time of Update: 2014-05-09
複製代碼 代碼如下: 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: 2014-05-09
看到一個問題,大概是這個樣子得。 複製代碼 代碼如下: 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: 2014-05-09
今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在樣本中羅列了一組動畫,可以被應用到頁面切換過程中,創造出很有趣的導航效果。雖然有些效果都非常簡單,只是簡單的滑動動作,但另外的一些則是利用了視角(Perspective)和 3D 轉換(3D Transforms)來創造一些立體動感的效果。 線上示範 溫馨提示: CSS 動畫根據它們的實現的效果分為不同的組。為展示頁面過渡效果,我們使用以下結構:<div id="pt-
Time of Update: 2014-05-09
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //初始化一個二維數組儲存城市清單項目 var cities=[ ["安慶","合肥","桐城"], ["石家莊","保定","唐山"],
Time of Update: 2014-05-09
在網頁設計製作過程中,新人往往會遇到一個問題,就是瀏覽器的不相容問題。這種狀況在大學學習過程中會經常遇到,但一直也沒有得到很好的解決,今天有機會仔細研究了一下,這是有關瀏覽器標準模式與怪異模式之間的問題。標準模式(strict mode)和怪異模式(quirks
Time of Update: 2014-05-09
在做使用者尋找時 因為要把尋找的結果動態載入和顯示,所以,那些html元素要由Ajax動態產生。使用者開啟尋找介面時,有系統推薦的使用者,而當使用者按條件尋找後,尋找的結果動態載入和顯示。所以考慮到用js來搞。 這個for迴圈就是移除已有的表單。然後根據Ajax請求過來的資料,動態產生新的表單對象。一定要注意j變數從大往小迴圈,否則,刪除div元素後會引起serchResultLenth=serchResult.children.length;長度的變化(這個問題摸索了好久,才搞定,切記)
Time of Update: 2014-05-09
javascript, jquery的事件中都存在事件冒泡和事件捕獲的問題,下面將兩種問題及其解決方案做詳細總結。 事件冒泡是一個從子節點向祖先節點冒泡的過程; 事件捕獲剛好相反,是從祖先節點到子節點的過程。 給一個jquery點擊事件的例子: 代碼如下: 複製代碼 代碼如下: <!DOCTYPE html> <meta charset="utf-8"> <title>test</title> <head> <script
Time of Update: 2014-05-09
有時需要擷取圖片的尺寸,這需要在圖片載入完成以後才可以,求方法? 一、load事件 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - load event</title> </head> <body> <img id="img1"
Time of Update: 2014-05-09
Ajax 無重新整理複製代碼 代碼如下:var xmlHttp; uName() //使用者名稱失去焦點時 { if(all.uname.=="") { all.l1.innerHTML="不可為空!"; setTimeout("close(1)",1500); return; }
Time of Update: 2014-05-09
話說今天只是粗略瀏覽了一下Proxy SwitchySharp的源碼,就收穫了不少東西,其中就包括本文要介紹的讀取和儲存檔案。因為Google還不提供同步外掛程式資料的功能,所以匯入和匯出外掛程式配置就必須和檔案打交道了。而出於安全原因,只有IE才提供訪問檔案的API;但隨著HTML 5的到來,其他瀏覽器也紛紛支援了。首先說讀取檔案。W3C提供了一些File API,其中最重要的是FileReader這個類。先列出需要用到的HTML標籤:複製代碼 代碼如下:<input
Time of Update: 2014-05-09
Promise 編程模式也被稱為 thenable,可以理解為 延遲後執行。每個 Promise 都擁有一個叫做 then 的唯一介面,當 Promise 失敗或成功時,它就會進行回調。它代表了一種可能會長時間運行而且不一定必須完成的操作結果。這種模式不會阻塞和等待長時間的操作完成,而是返回一個代表了承諾的(promised)結果的對象。當前的許多 JavaScript 庫(如 jQuery 和 Dojo、AngularJS)均添加了這種稱為 Promise
Time of Update: 2014-05-09
簡單說,它有三個特徵:複製代碼 代碼如下:* 狀態總數(state)是有限的。* 任一時刻,只處在一種狀態之中。* 某種條件下,會從一種狀態轉變(transition)到另一種狀態。它對JavaScript的意義在於,很多個物件可以寫成有限狀態機器。舉例來說,網頁上有一個菜單元素。滑鼠移至上方的時候,菜單顯示;滑鼠移開的時候,菜單隱藏。如果使用有限狀態機器描述,就是這個菜單只有兩種狀態(顯示和隱藏),滑鼠會引髮狀態轉變。代碼可以寫成下面這樣:複製代碼 代碼如下:var menu = { /
Time of Update: 2014-05-09
複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <div
Time of Update: 2014-05-09
函數:原型每一個建構函式都有一個屬性叫做原型(prototype,下面都不再翻譯,使用其原文)。這個屬性非常有用:為一個特定類聲明通用的變數或者函數。prototype的定義你不需要顯式地聲明一個prototype屬性,因為在每一個建構函式中都有它的存在。你可以看看下面的例子:Example PT1複製代碼 代碼如下:function Test(){}alert(Test.prototype); // 輸出
Time of Update: 2014-05-09
在ECMAScript v3中,給Function原型定義了這兩個方法,這兩個方法的作用都是一樣的:使用這兩個方法可以像調用其他對象方法一樣調用函數,這句話是從書上抄的,至少我是沒讀明白這是什麼意思。 下面說簡單易懂的,先看段代碼: 複製代碼 代碼如下:function Introduce(name,age) { document.write("My name is "+name+".I am "+age); } var p=new People();
Time of Update: 2014-05-09
複製代碼 代碼如下: /** * lowerValue 最小值 * upperValue 最大值 */ function selectFrom(lowerValue, upperValue){ //取值範圍總數 var choices = upperValue - lowerValue + 1; return Math.floor(Math.random() * choices + lowerValue); } var num = selectFrom(2, 10); alert(num);//
Time of Update: 2014-05-09
毋庸置疑,這種方式是比較容易理解的,在子類中調用父類的建構函式。另外,這種方法最大的一個優點就是說構造繼承可以實現多繼承,複習下這個代碼:複製代碼 代碼如下:function A(){ }function B(){ }function C(){ this.father=A; this.father(); delete
Time of Update: 2014-05-09
Javascript究竟是一門物件導向的語言,還是一門支援對象的語言,我想每個人都有著自己的看法。那些Javascript忠實的Fans一定講Javascript是一門物件導向的語言,像《Javascript王者歸來》一書中對Javascript的說法是基於原型的物件導向。我談談我個人的看法。物件導向的三個特徵,繼承,多態,封裝,Javascript雖然實現起來不像Java,C#等物件導向的語言來得快,但是畢竟也有著一定的支援。因此說Javascript是物件導向的語言是有著一定道理的,但是從繼
Time of Update: 2014-05-09
FizzBuzzWhizz 你是一名體育老師,在某次課距離下課還有五分鐘時,你決定搞一個遊戲。此時有100名學生在上課。遊戲的規則是: 1. 你首先說出三個不同的特殊數,要求必須是個位元,比如3、5、7。2. 讓所有學生拍成一隊,然後按順序報數。3. 學生報數時,如果所報數字是第一個特殊數(3)的倍數,那麼不能說該數字,而要說Fizz;如果所報數字是第二個特殊數(5)的倍數,那麼要說Buzz;如果所報數字是第三個特殊數(7)的倍數,那麼要說Whizz。4.
Time of Update: 2014-05-09
有時我們需要一個可選的下拉框來選取內容,但是但是又有可以自訂輸入的需求。對於這種需求,大部分網站使用的都是一個下拉框和一個 input text ,並列或分行給出選擇。那麼,我們希望它看上去像一個可以輸入也可以選擇的下拉框,那該如何做呢?其實我們可以通過 css position 定位及少許的 javascript 代碼,類比出來這種效果。複製代碼 代碼如下:<!DOCTYPE