Time of Update: 2014-06-08
說明: 單擊某一段文字,改文字變為紅色,再次單擊之後,文字又變回黑色。 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> <style type="text/css">
Time of Update: 2014-06-08
方法一: 複製代碼 代碼如下: <script type="text/javascript" event="onkeydown" for="document"> if(event.keyCode==13) { var button=document.all("<%=ButtonAddorUpdate.ClientID %>"); button.focus(); button.click(); } </script> 方法二: 複製代碼 代碼如下:
Time of Update: 2014-06-08
坑”這個字,在此的意思是“陷阱”。由於 JavaScript “弱語言”的性質,使得其在使用過程中異常的寬鬆靈活,但也極為容易“中招”。這些坑往往隱藏著,所以必須擦亮雙眼,才能在學習與應用 JS 的道路上走的一帆風順。一、全域變數JavaScript 通過函數管理範圍。在函數內部聲明的變數只在這個函數內部,函數外面不可用。另一方面,全域變數就是在任何函數外面聲明的或是未聲明直接簡單使用的。“未聲明直接簡單使用”,指的是不用 var
Time of Update: 2014-06-08
throttle我們這裡說的throttle就是函數節流的意思。再說的通俗一點就是函數調用的頻度控制器,是連續執行時間間隔控制。主要應用的情境比如:1.滑鼠移動,mousemove 事件2.DOM 元素動態定位,window對象的resize和scroll 事件有人形象的把上面說的事件形象的比喻成機關槍的掃射,throttle就是機關槍的扳機,你不放扳機,它就一直掃射。我們開發時用的上面這些事件也是一樣,你不鬆開滑鼠,它的事件就一直觸發。例如:複製代碼 代碼如下:var resizeTimer=
Time of Update: 2014-06-08
複製代碼 代碼如下: <!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> <title>jQuery實現購物車多物品數量的加減+總價計算</title&
Time of Update: 2014-06-08
Javascript裡非同步編程逐漸被大家接受,先前大家一般通過回調嵌套,setTimeout、setInterval等方式實現,代碼看起來非常不直觀,不看整個代碼邏輯很難快速理解。Javascript裡非同步函數大概有I/O函數(Ajax、postMessage、img load、script
Time of Update: 2014-06-08
在Node.js中對模組載入和執行進行了封裝,使得模組檔案中的變數在一個閉包中,不會汙染全域變數,和他人衝突。前端模組通常是我們開發人員為了避免和他人衝突才把模組代碼放置在一個閉包中。如何封裝Node.js和前端通用的模組,我們可以參考Underscore.js 實現,他就是一個Node.js和前端通用的功能函數模組,查看代碼:複製代碼 代碼如下: // Create a safe reference to the Underscore object for use
Time of Update: 2014-06-08
複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="checkbox" name="check"
Time of Update: 2014-06-08
廢話少說 直接上代碼 代碼是程式員交流的最好方式 哈哈: 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath =
Time of Update: 2014-06-08
hasOwnProperty:是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要注意的是,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個成員。isPrototypeOf:是用來判斷要檢查其原型鏈的對象是否存在於指定對象執行個體中,是則返回true,否則返回false。複製代碼 代碼如下:function
Time of Update: 2014-06-08
最近做一個項目,需要javascript動態插入樣式,結果以前的方法失效了!查了2個小時的原因竟然是自己手賤,這個最後再說!javascript插入樣式在前端開發中應用比較廣泛,特別是在修改前端表現和頁面換膚的時候。最近做的這個任務是使用者在別人的網站上點擊一個按鈕,就會在別的網站頁面下插入一個指令碼,執行,這其中包含了樣式的插入。一般情況下javascript動態插入樣式有兩種,一種頁面中引入外部樣式,在<head>中使用<link>標籤引入一個外部樣式檔案,另一種是在
Time of Update: 2014-06-08
有如下步驟:1.建立項目Bejs2.建立檔案package.json3.建立檔案Gruntfile.js4.命令列執行grunt任務 一、建立項目Bejs源碼放在src下,該目錄有兩個子目錄asset和js。js下放selector.js和ajax.js,這在上一篇已經講了如何合并壓縮它們。這篇只關注asset目錄,asset目錄下放了一些圖片和css檔案。一會會把兩個css資源reset.css和style.css合并,壓縮到dest/asset目錄。一個合并版本all.css,一個
Time of Update: 2014-06-08
js擷取可見元素的尺寸還是比較方便的,這個可以直接使用這個方法:複製代碼 代碼如下:function getDefaultStyle(obj,attribute){ // 返回最終樣式函數,相容IE和DOM,設定參數:元素對象、樣式特性 return
Time of Update: 2014-06-08
公司的項目中用到了這個新訊息提示的效果,主要用於提示使用者有新訊息。具體實現代碼如下:複製代碼 代碼如下:var newMessageRemind = { _step: 0, _title: document.title, _timer: null, //顯示新訊息提示 show: function() {
Time of Update: 2014-06-08
洗牌演算法是我們常見的隨機問題,在玩遊戲、隨機排序時經常會碰到。它可以抽象成這樣:得到一個M以內的所有自然數的隨機順序數組。在百度搜“洗牌演算法”,第一個結果是《百度文庫-洗牌演算法》,掃了一下裡面的內容,很多內容都容易誤導別人走上歧途,包括最後用鏈表代替數組,也只是一個有限的最佳化(鏈表也引入了讀取效率的損失)。該文裡的第一種方法,可以簡單描述成:隨機抽牌,放在另一組;再次抽取,抽到空牌則重複抽。“抽到空牌則重複抽”這會導致後面抽到空牌的機會越來越大,顯然是不合理的。可以最佳化一步成:牌抽走後
Time of Update: 2014-06-08
jquery中有個grep()方法用於數組元素過濾篩選,悲劇的是,平時我們用的api文檔中找不到這個說明。查看官方說明:http://api.jquery.com/jQuery.grep/grep()的使用方法:grep(array,callback,invert)array:待過濾數組;callback:處理數組中的每個元素,並過濾元素,該函數中包含兩個參數,第一個是當前數組元素的值,一個是當前數組元素的下標,即元素索引值。此函數應返回一個布爾值。另外,此函數可設定為一個字串,當設定為字串時,
Time of Update: 2014-06-08
最近重構東西,碰到命名空間的設定,搜了一些知識,請教了一些高手,把自己的心得寫下來相信大家都知道,window是頂級的,這裡就不寫window了,先忽略1:關於頂級複製代碼 代碼如下:var ns = ns || {};可以看到,其實就是如果發現沒有這個對象,就自動建立new Object();如果有,就直接使用這個對象,這樣就不會覆蓋。2: 第二級,當然也可以在頂級的ns下建立第二級,即複製代碼 代碼如下:ns.ModuleClass =
Time of Update: 2014-06-08
箭頭函數是ECMAScript 6最受關注的更新內容之一。它引入了一種用「箭頭」(=>)來定義函數的新文法,它…它碉堡了~。箭頭函數與傳統的JavaScript函數主要區別在於以下幾點:1.對 this 的關聯。函數內建 this 的值,取決於箭頭函數在哪兒定義,而非箭頭函數執行的上下文環境。2.new 不可用。箭頭函數不能使用 new 關鍵字來執行個體化對象,不然會報錯。3.this 不可變。函數內建 this
Time of Update: 2014-06-08
自己用的載入js檔案,支援多檔案,不相容ie複製代碼 代碼如下:/** * 載入js檔案 * @param {string || array} url js路徑 * @param {Function} fn 載入完成後回調 * @return
Time of Update: 2014-06-08
用js替換除數字與逗號以外的所有字元複製代碼 代碼如下:<script language="javascript"> var str="asdfk,asdf345345,345345"; //替換除數字與逗號以外的所有字元。str=str.replace(/[^0-9,]*/g,""); //去掉第一個逗號if (str.substr(0,1)==',') str=str.substr(1);//去掉第二個逗號var reg=/,$/gi;