Time of Update: 2013-10-17
複製代碼 代碼如下: $("#div").bindTemplate({ source : json object, template : null | $("#template") | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }); bindTemplate(data) : 綁定資料對象到模板的操作方法 source : json 格式的資料來源
Time of Update: 2013-10-17
在上一篇文章: 覺得豬八戒網左下角的文字滾動,效果不錯,自己摸索了一下,以自己的方法實現了!就有這種效果,不過影響不大。Demo的影響就大了!網上也有人出現過這樣的問題看下面的文章地址: firefox 6下 setInterval的一個問題討論的人很多,但沒給出答案來。怎麼想都想不明白!今天,突然茅塞頓開,可能是線程的概念,但是具體原因還是不明白,希望有人瞭解其原應告知,非常感激!Demo 中黑色的Div是不受瀏覽器標籤切換影響的而紅色的Div會受到影響。HTML: 複製代碼 代碼如下:
Time of Update: 2013-10-17
大家先看一段簡單的jquery ajax 傳回值的js 複製代碼 代碼如下: function getReturnAjax{ $.ajax({ type:"POST", url:"ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src='images/ok.gif'/><b>&
Time of Update: 2013-10-17
緩衝問題: 何謂緩衝問題?即當瀏覽器的輸入內容相同,即請求的URL相同,這樣瀏覽器就會去讀緩衝,兩次的內容一樣,就不會和伺服器端進行互動。 解決方式:在請求的url中加上時間戳記。 通過我的測試,IE、360兩次使用者名稱輸入一致時不會和伺服器端互動,firefox即使兩次使用者名稱輸入的一樣,仍然會和伺服器端互動。 即:firefox的中伺服器端返回的temp值會每次加1,IE、360就不會改變。故加上時間戳記在這三種瀏覽器中都不會再有緩衝問題。 修改的代碼: AJAXServer.java
Time of Update: 2013-10-17
學習新的東西是件可怕的事。對我來說,掌握一項新技能最大的問題是,我不知道自己懂什麼。鑒於此,定個計劃,學習你感興趣的東西應該會有用。這篇文章的主旨就是:你為學習JavaScript 制定的藍圖、路線、行動計劃!你不必擔心找不到最好的資源,先整理些不好的資源,再確定下一步該學什麼。遵循它,一步一步來。任務0:瞭解什麼是JavaScript 在你真正開始學習JavaScript 之前,花一分鐘瞭解一下什麼是JavaScript,它有哪些功能。
Time of Update: 2013-10-17
為了此代碼到您的網頁必須使用像素大小的字型(PX),而不是相對大小的字型,使用“EM”或“%”。當然如果你使用其他字型單位的代碼可以很容易地適應這些。如果指令碼不能找到一個段落的字型大小,它會預設為12px。核心代碼:複製代碼 代碼如下:var min=8;var max=18;function increaseFontSize() { var p = document.getElementsByTagName('p');
Time of Update: 2013-10-17
越來越覺得國內沒有教書育人的氛圍,為了弄懂JS的閉包,我使出了我英語四級吃奶的勁去google上搜尋著有關閉包的解釋,當我看到stackoverflow上這一篇解答,我腦中就出現了一句話:就是這貨沒跑了! 不才譯文見下,見笑了。 Peter Mortensen問: 就像老Albert所說的,“如果你不能向一個六歲的孩子解釋清楚,那麼其實你自己根本就沒弄懂。”好吧,我試著向一個27歲的朋友就是JS閉包(JavaScript closure)卻徹底失敗了。
Time of Update: 2013-10-17
JavaScript 程式設計語言作為最流行的用戶端指令碼語言,早已被眾多 Web 開發人員所熟悉。隨著 Web2.0 時代的到來和 Ajax 技術的廣泛應用,JavaScript 也逐漸吸引著更多的視線。工作中要求越多的是對 JavaScript 語言的深入學習,靈活運用,和對編碼品質的保證。 對於熟悉 C/C++ 或 Java 語言的工程師來說,JavaScript 顯得靈活,簡單易懂,對代碼的格式的要求也相對鬆散。很容易學習,並運用到自己的代碼中。也正因為這樣,JavaScript
Time of Update: 2013-10-17
執行個體 顯示按了哪個鍵: $("input").keydown(function(event){ $("div").html("Key: " + event.which); }); 親自試一試 定義和用法 which 屬性指示按了哪個鍵或按鈕。 文法 event.which參數 描述 event 必需。規定要檢查的事件。這個 event 參數來自事件綁定函數。 jQuery丟棄了標準的 button 屬性採用 which,這有點讓人費解。 which
Time of Update: 2013-10-17
引言 有一個通訊錄系統, 同時部署在幾台伺服器上, 但是首頁上有個通訊錄的連結, 連結到這個系統. 問題是, 有時候連結指向的伺服器出故障, 於是希望在這個伺服器出故障(服務不可用)的情況下, 能指向其他伺服器的連結. 解決方案一: XMLHTTP方案 以下代碼摘自[2]中meizz的回帖: 複製代碼 代碼如下: <script language= "javascript"> function getURL(url) { var xmlhttp = new
Time of Update: 2013-10-17
複製代碼 代碼如下: <div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;"> 請寫很多資料…… </div> <div id="lookMore">more...</div> <script src="jquery-1.7b1.js" type="text/javascript"></script>
Time of Update: 2013-10-17
不過有訊息稱Microsoft已經聯絡Node.js官方,相信很快會有改善。 那麼在不安裝Cygwin的情況下,是否可以在Windows上搭建Node.js環境進行實驗開發哪?我以Node.js + express做了個簡單測試,基本可行。 步驟如下: 1. 下載Node.js官方非穩定版Windows可執行程式: http://nodejs.org/#download 我在實驗中使用了0.5.7版本:http://nodejs.org/dist/v0.5.7/node.exe 2. 建立c:\
Time of Update: 2013-10-17
介紹 在這篇文章裡,我們將討論跟執行內容直接相關的更多細節。討論的主題就是this關鍵字。 實踐證明,這個主題很難,在不同執行內容中確定this的值經常會發生問題。 許多程式員習慣的認為,在程式語言中,this關鍵字與物件導向程式開發緊密相關,其完全指向由構造器新建立的對象。在ECMAScript規範中也是這樣實現的,但正如我們將看到那樣,在ECMAScript中,this並不限於只用來指向新建立的對象。 下面讓我們更詳細的瞭解一下,在ECMAScript中this的值到底是什嗎? 定義
Time of Update: 2013-10-17
不知道,大家對語言中變數的“聲明”與“定義”是怎麼理解的, 我的理解如下: “聲明”變數,只是僅僅聲明,而“定義”變數,指聲明了,並且賦值了。 例如: 複製代碼 代碼如下: var name;//只是聲明 var num = 11;//聲明,並且賦值,即定義了 var password = "yangjiang";//聲明,並且賦值,即定義了 下面是幾點總結: 變數的範圍:全域的和局部的。(注意:如果嘗試讀取一個未聲明的變數的值,javascript會產生一個錯誤)
Time of Update: 2013-10-17
注意: JavaScript 中數組不是 關聯陣列。 JavaScript 中只有對象 來管理索引值的對應關係。但是關聯陣列是保持順序的,而對象不是。 由於 for in 迴圈會枚舉原型鏈上的所有屬性,唯一過濾這些屬性的方式是使用 `hasOwnProperty` 函數,因此會比普通的 for 迴圈慢上好多倍。 遍曆(Iteration) 為了達到遍曆數組的最佳效能,推薦使用經典的 for 迴圈。 複製代碼 代碼如下: var list = [1, 2, 3, 4, 5, ...... 1000
Time of Update: 2013-10-17
document.activeElement擷取文檔當前獲得焦點的元素 document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( "head" )[0] ,可見並非所有瀏覽器支援 document.body獲得當前文檔的HTMLBodyElement元素 document.compatMode擷取當前文檔的渲染方式。傳回值:BackCompat(怪癖模式)和CSS1Compat(標準模式)。由於IE
Time of Update: 2013-10-17
閉包的定義非常晦澀——閉包,是指文法域位於某個特定的地區,具有持續參照(讀寫)位於該地區內自身範圍之外的執行域上的非持久型變數值能力的段落。這些外部執行域的非持久型變數神奇地保留它們在閉包最初定義(或建立)時的值(深連結)。簡單來說,閉包就是在另一個範圍中儲存了一份它從上一級函數或範圍取得的變數(索引值對),而這些索引值對是不會隨上一級函數的執行完成而銷毀。周愛民說得更清楚,閉包就是“屬性工作表”,閉包就是一個資料區塊,閉包就是一個存放著“Name=Value”的對照表。就這麼簡單。但是,必須強
Time of Update: 2013-10-17
例如:我們在擷取ul下所有li元素的時候.或者是某個元素的下一個元素時.都有可能會碰到這討厭的空格問題.當然在IE瀏覽器裡這些空格會被自動過濾.而FF則沒有那麼勤勞.FF瀏覽器會把這些空格也看作為一個元素.如果你對Dom中的空格元素感到疑惑,請運行下面的代碼.至少使用IE和FF兩種瀏覽器測試.你會明白一切! 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8">
Time of Update: 2013-10-17
animate()參數介紹: animate() 方法執行 CSS 屬性集的自訂動畫。 該方法通過CSS樣式將元素從一個狀態改變為另一個狀態。CSS屬性值是逐漸改變的,這樣就可以建立動畫效果。 只有數字值可建立動畫(比如 "margin:30px")。字串值無法建立動畫(比如 "background-color:red")。 PS:但是如果你引用了最新jquery ui架構的話backgroudColor,color之類的屬性也可以實現漸層了。 PS:使用 "+=" 或 "-="
Time of Update: 2013-10-17
代碼如下: 複製代碼 代碼如下: <script type="text/javascript"> $(function() { $("#signupForm").validate( //在上例中新增的部分 { rules: { txtPassword1: "required", //密碼1必填 txtPassword2: { //密碼2的描述多於1項使用物件類型 required: true, //必填,這裡可以是一個匿名方法 equalTo: "#txtPassword1", //