JavaScript

在開發中大家也都會注意盡量使用StringBuilder而不採用普通的字串拼接方式。但是可能大部分開發人員卻忽略了js中也需要注意這種效率問題。 下面進行一項效能測試，用事實來說話！ 複製代碼 代碼如下:function xntest(){ var d1=new Date(); var str=""; for(var i=0;i<10000;i++){ str+="stext"; } var d2=new Date();

後來是一技術群問到以下一段代碼： 複製代碼 代碼如下:function html2node(s) { var d = document.createElement('div'); d.innerHTML = s; if (d.childNodes.length == 1) return d.childNodes[0]; var df = document.createDocumentFragment(); while (d.firstChild)

在瀏覽器中，我們一旦把節點添加到document.body（或者其他節點）中，頁面就會更新並反映出這個變化，對於少量的更新，一條條迴圈插入也會運行很好，也是我們常用的方法。代碼如下： 複製代碼 代碼如下:for(var i=0;i<5;i++){ var op = document.createElement("span"); var oText = document.createTextNode(i); op.appendChild(oText);

核心代碼:複製代碼 代碼如下:var T$ = function(id) { return document.getElementById(id); }var $extend = function(des, src) { for (var p in src) { des[p] = src[p]} return des; }var Bubble = function() { // 小球隨機樣式 var clss = ['ball_one', 'ball_two',

一、javascript的資料 javascript的資料分為兩種：簡單資料和複雜資料。簡單資料包含number，string，boolean，undefined和null這五種；複雜資料只有一種即object。【此處友情鳴謝李戰老師，<<悟透JavaScript>>寫得太傳神，印象太深刻了】 二、javascript的資料類型檢測 1、萬能的typeof 我們先測試一下通過typeof來擷取單一資料型別。什麼也別說了，上代碼是王道： 複製代碼 代碼如下://

比如： 複製代碼 代碼如下:var anchors = document.getElementsByTagName("a"); for (i = 0; i < anchors.length; i++) { var ele=anchors[i];//取某一個元素 //some code here } 上面的代碼錶示擷取文檔中的所有連結元素，然後遍曆做一些事情。

使用類庫可以比較容易的解決相容性問題.但這背後的機理又是如何呢? 下面我們就一點點鋪開來講.首先,DOM Level2為事件處理定義了兩個函數addEventListener和removeEventListener, 這兩個函數都來自於EventTarget介面. 複製代碼 代碼如下:element.addEventListener(eventName, listener, useCapture); element.removeEventListener(eventName, listener,

問題： 使得在訪問頁面的時候能夠沿用上次的設定，或者在不同的頁面間共用資料。比如使用者在訪問網站的時候設定了頁面字型的大小，那麼會希望下次訪問的時候仍然能使用同樣的設定進行瀏覽，而不用重複設定。 解決方案： 在使用者瀏覽頁面並進行設定時，將這些設定儲存在cookie中，下次訪問的時候讀取cookie中的設定。 參考下面的指令碼： 複製代碼 代碼如下:// utility function to retrieve an expiration data in proper format;

【程式源碼】 這個效果主要體現在CSS和javascript的配合上 CSS代碼 複製代碼 代碼如下:ul, li {margin: 0; padding: 0; border: 0;} .shop-rating { height: 25px; overflow: hidden; zoom: 1; padding: 2px 0; position: relative; z-index: 999; font:12px Arial; color:#000; line-height:1.2em } .

雖然現在慢慢減少了對jQuery的使用（項目上還是用，效率高點。平時基本不用了），希望從而減少對jQuery的依賴度。 但是這鏈式操作的方式實在吸引人（貌似現在不少新庫都採用了鏈式操作）。 新手無畏嘛，所以寫了以下代碼。主要是避免以後又忘了，呵呵。 複製代碼 代碼如下:window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length = 0

代碼依然簡單。所以依然沒什麼好解釋的。。 複製代碼 代碼如下:/** KOverLoad 一個建立重載函數的輔助方法。 補充上次的函數。 @Author ake 2010-07-03 @weblog http://www.cnblogs.com/akecn */ var KOverLoad = function(scope) { this.scope = scope || window; //預設添加方法到這個對象中。同時添加的方法的this指向該對象。 this.list = {};

程式源碼 複製代碼 代碼如下:function Animate(el, prop, opts) { this.el = el; this.prop = prop; this.from = opts.from; this.to = opts.to; this.time = opts.time; this.callback = opts.callback; this.animDiff = this.to - this.from; } Animate.prototype._setStyle =

不就利用window對象的setTimeout方法嗎？Bingo,一點沒錯!如果你在一個應用裡面常常要“延時執行某某函數”，那末基於DRY的原則，可以針對Function全域對象進行擴充,為函數增加一個延時方法如delay，這樣會讓你的代碼更簡潔有效。 擴站Function對象增加delay方法如下： 複製代碼 代碼如下:Function.prototype.delay=function(this1,timeout){ this1=this1||null; timeout=timeout||0;

JavaScript的重載函數，一般是靠對arguments判斷來操作的。 比如： 複製代碼 代碼如下:var afunc = function() { args = arguments; if(args.length == 1) { console.log(1); }else if(args.length == 2) { console.log(2); }else if (args.length == 3) { console.log(3); } }

在前端開發必須知道的JS之原型和繼承一文中說過下面寫篇閉包，加之最近越來越發現需要加強我的閉包應用能力，所以此文不能再拖了。本文講的是函數閉包，不涉及對象閉包（如用with實現）。如果你覺得我說的有偏差，歡迎拍磚，歡迎指教。一. 閉包的理論 　　首先必須瞭解以下幾個概念： 　　執行環境 　　每調用一個函數時（執行函數時），系統會為該函數建立一個封閉的局部的運行環境，即該函數的執行環境。函數總是在自己的執行環境中執行，如讀寫局部變數、函數參數、運行內部邏輯。建立執行環境的過程包含了建立函數的範圍，

windows對象　　每個HTML文檔的頂層對象.　　屬性 　　frames[] 子楨數組.每個子楨數組按來源文件中定義的順序存放.　　feames.length 子楨個數.　　self 當前視窗.　　parent 父視窗(當前視窗是中一個子視窗).　　top 頂層視窗(是所有可見視窗的父視窗).　　status 瀏覽器狀態視窗上的訊息.　　defaultStatus 當status無效時,出現在瀏覽器狀態視窗上的預設訊息.　　name

如果你真正理解Javascript函數是如何調用工作的，那麼就可以避免一些bug的發生； 首先讓我們建立一個簡單的函數,這個函數將在下文中使用,這個函數僅僅返回當前的this的值和兩個提供的參數. 複製代碼 代碼如下:function makeArray(arg1, arg2){ return [ this, arg1, arg2 ]; } 調用這個函數非常的簡單,我們需要做的僅僅是： 複製代碼 代碼如下:makeArray('one', 'two'); 傳回值：=> [ window,

一、變數的範圍 要理解閉包，首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種：全域變數和局部變數。 Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。 Js代碼 　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函數外部自然無法讀取函數內的局部變數。 Js代碼 　　function f1(){　　　　var n=999;　　}　　alert(n); //

xmlns="http://www.w3.org/1999/xhtml"> 欄目1 欄目1->菜單1欄目1->菜單2欄目1->菜單3欄目1->菜單4欄目2 欄目2->菜單1欄目2->菜單2欄目2->菜單3欄目2->菜單4欄目2->菜單5欄目3 欄目3->菜單1 菜單1->子功能表1菜單1->子功能表2菜單1->子功能表3菜單1->子功能表4欄目3->菜單2欄目3->菜單3

效果要基本實現以下功能： （1）滑鼠滑過文章中的連結文字，要在相應位置彈出提示框，提示框的樣式由css來控制，高度自適應；滑鼠可以點擊提示框的中的連結,滑離提示框時，框自動消失； （2）把提示框的位置控制在文本域範圍之內，如果連結文字處在文本域左側，提示框要居右顯示，使其不會出離文本域；反之，如果連結文字處在文本域右側，提示框要居左顯示； （3）如果文本域內容很多，而連結文字恰巧處於瀏覽器底部，為了使提示框不出離於瀏覽器的可視範圍，提示框的位置要自動調整到連結文字的上面； 1.css 複製代碼