JavaScript

該系列文章是我閱讀《jQuery 1.4 Animation Techniques》後的總結，有興趣的朋友可以去看原版書籍。 　　動畫效果對於豐富網站的互動體驗起到了不可或缺的作用，他可以讓你的網站更酷，更吸引人。 什麼時候使用動畫： 　　1.當顯示或隱藏頁面、彈出框或內容地區的時候； 　　2.當一些內容從頁面的一個地方移動到其他地方的時候； 　　3.當頁面中的一些內容，應使用者的操作而產生狀態改變的時候； 　　4.當一些內容在幾種狀態間轉變的時候；

例遍數組，同時使用元素索引和內容。（i是索引，n是內容） 複製代碼 代碼如下: $.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); }); 例遍對象，同時使用成員名稱和變數內容。（i是成員名稱，n是變數內容） 複製代碼 代碼如下: $.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n

複製代碼 代碼如下:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, 這是Jq中最長的一個正則了，也研究了很久，一直很懵懂，感覺還是通過調試，然後一步一步的分析值理解起來比較容易， 我嘗試做成圖形比較直觀一點，以不同的顏色區分了一下，如：

今天這篇文章向大家分享15款精心挑選的優秀 jQuery 文本特效外掛程式，都帶有詳細的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 架構，它簡化了 HTML 文檔遍曆，事件處理，動畫以及Ajax互動，協助 Web 開發人員更快速的實現各種精美的介面效果。 01. 滑動的字元   線上示範 下載源碼 02. 滑鼠移至上方變換效果   線上示範 下載源碼 03. 旋轉的文本

json字串： 複製代碼 代碼如下:var mcode={"minfo":[{"time":"9:00-10:00","status":2},{"time":"10:00-11:00","status":1},{"time":"11:00-12:00","status":3},{"time":"13:00-14:00","status":1},{"time":"14:00-15:00","status":1},{"time":"15:00-16:00","status":1},{"time":"

需要預設選中時，定義一個變數 var cityId=城市id 下面是js代碼 複製代碼 代碼如下: function readxml() { var XmlDoc = null; if (window.ActiveXObject) { XmlDoc = new ActiveXObject("Microsoft.XMLDOM"); XmlDoc.async = false; XmlDoc.load(path + "/web/common/regions.xml"); browse = "ie";

複製代碼 代碼如下: (function(win) { var toString = Object.prototype.toString; var hasOwn = Object.prototype.hasOwnProperty; var class2type = {}; class2type["[object Boolean]"] = "boolean"; class2type["[object Number]"] = "number"; class2type["[object String]

1、每個函數都包含兩個非繼承而來的方法：apply()和call()。 2、他們的用途相同，都是在特定的範圍中調用函數。 3、接收參數方面不同，apply()接收兩個參數，一個是函數啟動並執行範圍(this)，另一個是參數數組。call()方法第一個參數與apply()方法相同，但傳遞給函數的參數必須列舉出來。 　　例1： 複製代碼 代碼如下: window.firstName = "diz"; window.lastName = "song"; var myObject = {

範圍 全域範圍 局部範圍 範圍鏈 執行內容 使用中的物件 閉包 閉包最佳化 JavaScript中出現了一個以前沒學過的概念——閉包。何為閉包？從表面理解即封閉的包，與範圍有關。所以，說閉包以前先說說範圍。 範圍（scope） 通常來說一段程式碼中使用的變數和函數並不總是可用的，限定其可用性的範圍即範圍，範圍的使用提高了程式邏輯的局部性，增強程式的可靠性，減少名字衝突。 全域範圍（Global Scope） 在代碼中任何地方都能訪問到的對象擁有全域範圍，以下幾種情形擁有全域範圍：

當初ECMAscript的發明者為了簡化這門語言，同時又保持繼承的屬性，於是就設計了這個鏈表。。 在資料結構中學過鏈表不，鏈表中有一個位置相當於指標，指向下一個結構體。 於是乎__proto__也一樣，每當你去定義一個prototype的時候，相當於把該執行個體的__proto__指向一個結構體，那麼這個被指向結構體就稱為該執行個體的原型。 文字說起來有點兒繞，看圖說話 複製代碼 代碼如下: var foo = { x: 10, y: 20 };

1.字元方法charAt() 、charCodeAt()、fromCharCode() 複製代碼 代碼如下: var stringValue = "hello world"; alert(stringValue.charAt(1)); 　　 //"e" alert(stringValue[1]); 　　　　　//"e" alert(stringValue.charCodeAt(1)); 　//101 alert(String.fromCharCode(104,101)); //"he"

之前一直都不曾注意到這一點，今天幸虧看了kuibono的文章，下面是kuibono給出的手動回收xmlHttpRequest對象的代碼片斷： 每次jquery的Ajax請求都會建立一個xmlHttprequest對象，理論上講，長串連的請求是一個無限遞迴，請求數量是非常大的，但是由於每次請求都會建立一個新的xmlhttprequest，而且jquery不會自動回收資源，所以導致了記憶體溢出。 通過查看jquery API，發現jquery還有一個 complete對象，是請求完成後回呼函數

1.URI方法 encodeURI()和encodeURIComponent()對URI進行編碼 encodeURI()不會對本身屬於URI的特殊字元進行編碼，如冒號，正斜杠，問好，井字等 encodeURIComponent()會對任何非標準字元進行編碼 2.eval() 方法：解釋參數中的代碼字串 複製代碼 代碼如下: var msg = "hello world"; eval("alert(msg)"); //"hello world" 3.Math 對象 Math.E 數學中的e的值

1.擷取元素 getElementById()方法，通過元素的id擷取元素，接受一個參數即要擷取元素的id，如果不存在這個id返回 null 注意不要讓表單元素的name和別的元素的id相同，IE8以下的IE瀏覽器用這個方法通過元素的name屬性可以獲得該元素 以下面元素為例 <div id ="myDiv">這裡是id為“myDiv”的div內容</div>var document.getElementById("myDiv");

表單中有多個<input type="file" name="uploadfile" contentEditable="false" style="width:80%">， 提交表單時需要判斷其中至少要有一個input已經選擇好檔案。 複製代碼 代碼如下: <input type="file" name="uploadfile" contentEditable="false" style="width:80%"><br> <input

JQury架構絕對是頁面開發的首選，代碼短小強悍，缺點就是物件導向特性不足，所幸有不少外掛程式!至於Ext就是一個龐然大物了，高度物件導向，類似於MFC的龐大API和控制項陳列庫，運行起來，瀏覽器就累得夠嗆，開發也夠嗆，使用代碼來建立介面絕對是個糟糕的方式，Javascript的弱語言類型使得Ext開發就像行走在雷區，減少bug的唯一方法就是不要寫出bug，一旦出現bug，調試將是一件極為痛苦的事情 ！在幾千行代碼裡跟蹤、跳轉真讓人抓狂！

這是sina同事xiaoniu發現的，如下 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="02E503E2A1C011CFC85B7B701A0677EC0900000000000001"></div> <script> var str = '02E503E2

複製代碼 代碼如下: function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o == "object"){ if(!o.sort){ for(var i in o)

然而，無論有多麼接近，通過用戶端與服務端的一來一回，必定會有等待載入資料的時間。所以，大多數網站都通過一個Gif動態表徵圖或‘Loading...'等字樣來告知使用者資料還在載入中。但有時候這個問題會非常繁瑣和麻煩，要麼將這個‘Loading'顯示在ajax請求之前，然後在ajax成功後隱藏它，或者將它寫在jquery的ajax的全域事件jQuery.ajaxStart()和jQuery.ajaxStop()中來控制整個頁面的ajax狀態。前者方法使用起來太瑣碎，每個請求都要寫一遍這個‘Load

1前言 最近因為項目的需要，使用了一個JQuery外掛程式。把外掛程式下下來後，很快我就發現，很多預設的外掛程式Style不符合項目要求，必須要被修改。 在這個過程中，我發現自己先後使用了多種不同的方法實現外掛程式Style的定製化。很高興最後找到了我認為最好的方法，對CSS的認識也加深了不少，感觸頗多。這篇文章就是對這些新的CSS的認識的一個梳理。 2JQuery 外掛程式Style 定製化方法 2.1 初始化外掛程式時輸入定製化對象 做的比較好的外掛程式會在初始化時允許輸入定製化對象。