Time of Update: 2018-12-08
複製代碼 代碼如下:Date.prototype.format = function(format) { var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" :
Time of Update: 2018-12-08
:CSS代碼: 複製代碼 代碼如下:<style type="text/css"> *{ margin:0; padding:0; font:10px tahoma; } #calender{ text-align:center; width:147px; font-size:10px; /*color: #27B0C1;*/ margin:12px 0 12px 6px; border-top:1px solid #EEEEEE; border-left:1px solid
Time of Update: 2018-12-08
DOM文件物件模型是HTML和XML的應用程式介面(API),DOM將整個頁面規劃成由節點層次構成的文檔。DOM對象給予開發人員對HTML的存取權限,並且使開發人員能將HTML作為XML文檔來處理和查看。DOM對象是與語言無關的API,意味著它的實現並不是與javascript綁定,這在於初學者來說可能會理解錯誤。DOM是針對XML的基於樹的API,它關注的不僅僅是解析XML代碼,而是用一系列相互關聯的對象來表示這些代碼,而這些對象可以被修改,而且無需重新解析代碼就能直接存取它們。由於DOM的使
Time of Update: 2018-12-08
在這篇文章中,作者介紹了7個在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 訪問一個給定CSS 值的最基本句法是:object.style.property,使用駝峰寫法來替換有串連符的值,例如,訪問某個ID為"header"的<div>的 background-color值,我們使用如下句法: document.getElementById("header").style.backgroundColor= "#ccc";
Time of Update: 2018-12-08
如何用 JavaScript 將 [1,2,3,[4,5, [6,7]], [[[8]]]] 這樣一個 Array 變成 [1,2,3,4,5, 6,7,8] 呢?傳說中的 Array Flatten。 處理這種問題,通常我們會需要遞迴,來讓程式自己按照一種演算法去迴圈。在某書說寫著,“遞迴是一種強大的編程技術”,好吧,她不僅僅屬於
Time of Update: 2018-12-08
入門 Kibo不依賴任何東西。你只要把它放到你的HTML代碼裡就行了: 複製代碼 代碼如下:<script type="text/javascript" src="kibo.js"></script> 下載 kibo.js 建立一個Kibo對象執行個體,事件監聽器就建立起來了: 複製代碼 代碼如下:var k = new Kibo(); Kibo對象的構造器有一個選擇性參數——你指定的接收事件的HTML元素。可以是input, textarea 或
Time of Update: 2018-12-08
<script src='stream-min.js'></script> 下載 stream.js 2Kb minified streams是什嗎? Streams 是一個操作簡單的資料結構,很像數組或連結資料表,但附加了一些非凡的能力。 它們有什麼特別之處? 跟數組不一樣,streams是一個有魔法的資料結構。它可以裝載無窮多的元素。是的,你沒聽錯。他的這種魔力來自於具有延後(lazily)執行的能力。這簡單的術語完全能表明它們可以載入無窮多的元素。 入門
Time of Update: 2018-12-08
它的低學習門檻讓很多人都稱它為學前指令碼語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。 1. 你沒有使用命名空間。
Time of Update: 2018-12-08
複製代碼 代碼如下:$("#div").bindTemplate({ source : json object, template : null | $("#template") | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }); bindTemplate(data) : 綁定資料對象到模板的操作方法 source : json 格式的資料來源
Time of Update: 2018-12-08
比如說,我們想要一個遞迴函式來計算 Fibonacci 數列。一個 Fibonacci 數字是之前兩個 Fibonacci 數字之和。最前面的兩個數字是 0 和 1。 複製代碼 代碼如下:var fibonacci = function (n) { return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2); }; for (var i = 0; i <= 10; i += 1) { document.writeln('// ' +
Time of Update: 2018-12-08
event究竟有多麼複雜?可見前輩的6年前的努力:最佳的addEvent是怎樣誕生的,後起之秀jQuery也付出了一千六百多行血汗代碼(v 1.5.1)搞定了6年後出現的各種核的瀏覽器。 我參考前輩的代碼以及自己的理解嘗試寫了一個事件架構,我的架構完成了一個事件機制的核心,它能提供統一介面實現多事件綁定以及避免記憶體流失等其他一些問題,更重要的是效能還不錯。我的手法:
Time of Update: 2018-12-08
例如: new Boolean(false) 會返回一個對象,該對象有一個 valueOf 方法會返回被封裝的值。這其實完全沒有必要,並且有時還令人困惑。不要使用 new Boolean、 new Number 或 new String。 此外也請避免使用 new Object 和 new Array。可使用 {} 和 [] 來代替。 --------------------------------------------------------------------------------
Time of Update: 2018-12-08
1.簡單類型 javascript的簡單類型包括 數字(Number)、字串(String)、布爾值(Boolean)、null值 和 undefined值。其他所有值都是對象。 2.對象 javascript中的對象是可變鍵控集合。在javascript中,數組、函數、Regex都是對象。 對象是屬性的容器。其中每個屬性都擁有名字和值。屬性的名字可以是包括Null 字元串在內的任一字元串。屬性值可以是除undefined值之外的任何值。 3.對象的定義方法 (1)用字面量定義。例如: var
Time of Update: 2018-12-08
1.標識符與關鍵字 標識符以字母開頭,可以包含字母、數字、底線。標識符不能使用以下保留字元: 複製代碼 代碼如下:abstract, boolean,
Time of Update: 2018-12-08
js中function對象是一個令人著迷的東西,但由於他太過於靈活,常常令人迷惑,下面我貼一些代碼: 大多數人這樣簡寫: 複製代碼 代碼如下:function test () {}《jsvascript語言精粹》整本書這樣寫: 複製代碼 代碼如下:var test = function () {}函數可以立即運行並賦值: 複製代碼 代碼如下:var test = function () {} () // test === undefined var test2 = function ()
Time of Update: 2018-12-08
複製代碼 代碼如下:/** * 複製元素樣式 * @param {HTMLElement} 被複製的元素 * @param {Boolean} 是否啟用緩衝(預設true) * @return {String} css類名 */ var cloneStyle = (function (doc) { var rstyle = /^(number|string)$/, cloneName = '${cloneName}', sData = {}, addHeadStyle = function
Time of Update: 2018-12-08
精妙的 tmpl 前端模板類開源的不少,但最屬 jQuery 作者 John Resig 開發的 “javascript micro templating” 最為精妙,寥寥幾筆便實現了模板引擎核心功能。 它的介紹與使用方式請看作者部落格:http://ejohn.org/blog/javascript-micro-templating/ 讓我們先看看他的源碼: 複製代碼 代碼如下:(function(){ var cache = {}; this.tmpl = function (str,
Time of Update: 2018-12-08
越來越覺得國內沒有教書育人的氛圍,為了弄懂JS的閉包,我使出了我英語四級吃奶的勁去google上搜尋著有關閉包的解釋,當我看到stackoverflow上這一篇解答,我腦中就出現了一句話:就是這貨沒跑了! 不才譯文見下,見笑了。 Peter Mortensen問: 就像老Albert所說的,“如果你不能向一個六歲的孩子解釋清楚,那麼其實你自己根本就沒弄懂。”好吧,我試著向一個27歲的朋友就是JS閉包(JavaScript closure)卻徹底失敗了。
Time of Update: 2018-12-08
範圍是JavaScript最重要的概念之一,想要學好JavaScript就需要理解JavaScript範圍和範圍鏈的工作原理。今天這篇文章對JavaScript範圍和範圍鏈作簡單的介紹,希望能協助大家更好的學習JavaScript。 JavaScript範圍 任何程式設計語言都有範圍的概念,簡單的說,範圍就是變數與函數的可存取範圍,即範圍控制著變數與函數的可見度和生命週期。在JavaScript中,變數的範圍有全域範圍和局部範圍兩種。 1. 全域範圍(Global Scope)
Time of Update: 2018-12-08
一篇關於“JavaScript語言入門”的文章涵蓋了JavaScript語言中許多最基礎的內容,從建立指令碼標籤到使用注釋、把JavaScript檔案包含到HTML文檔中、定義變數、使用運算子、定義數組、使用條件陳述式、定義函數和使用迴圈等。本文從上一篇文章結束的地方開始,解釋其他的一些基本的JavaScript語言概念,繼續為初學者提供對語言的基礎理解。本文提及的基礎內容能夠讓你更好地理解所使用的庫,知道如何就究竟要不要使用庫做出決定,甚至有可能會給你帶來一些編寫自己的庫的勇氣。文章自始至終都