Time of Update: 2013-10-17
複製代碼 代碼如下: <!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></title> <script
Time of Update: 2013-10-17
與動態指令碼類似,所謂動態樣式是指在頁面剛載入時不存在的樣式;動態樣式是在頁面載入完成後動態添加到頁面中。 我們以下面這個典型的<link>元素為例: <link rel="stylesheet" type="text/css" href="style.css">使用DOM代碼可以很容易的動態建立出這個元素: 複製代碼 代碼如下: var link = document.createElement("link"); link.rel = "stylesheet";
Time of Update: 2013-10-17
JQuery的extend擴充方法: Jquery的擴充方法extend是我們在寫外掛程式的過程中常用的方法,該方法有一些重載原型,在此,我們一起去瞭解瞭解。 一、Jquery的擴充方法原型是: 複製代碼 代碼如下: extend(dest,src1,src2,src3...); 它的含義是將src1,src2,src3...合并到dest中,傳回值為合并後的dest,由此可以看出該方法合并後,是修改了dest的結構的。如果想要得到合并的結果卻又不想修改dest的結構,可以如下使用:
Time of Update: 2013-10-17
同時,我們知道在物件導向的進階語言中,建立包含私人成員的對象是最基本的特性之一,提供屬性和方法對私人成員進行訪問來隱藏內部的細節。雖然JS也是物件導向的,但沒有內部機制可以直接表明一個成員是公有還是私人的。還是那句話,依靠JS的語言靈活性,我們可以建立公用、私人和特權成員,資訊隱藏是我們要實現的目標,而封裝是我們實現這個目標的方法。我們還是從一個樣本來說明:建立一個類來儲存圖書資料,並實現可以在網頁中顯示這些資料。 1.
Time of Update: 2013-10-17
但在我們自己寫jQuery代碼的時候,卻很少關注或使用過pushStack(). 如果我們需要寫個涉及DOM遍曆的外掛程式,它就會顯得尤其有用. 在jQuery內部,pushStack()方法通過改變一個jQuery對象的prevObject屬性來"跟蹤"鏈式調用中前一個方法返回的DOM結果集(被jQuery封裝過,也是個jQuery對象,說是"跟蹤",是因為實際儲存的是個引用). 當我們再鏈式調用end()方法後, 內部就返回當前jQuery對象的prevObject. 具體更多細節,
Time of Update: 2013-10-17
前言 JavaScript 不包含傳統的類繼承模型,而是使用 prototypal 原型模型。 雖然這經常被當作是 JavaScript 的缺點被提及,其實基於原型的繼承模型比傳統的類繼承還要強大。實現傳統的類繼承模型是很簡單,但是實現 JavaScript 中的原型繼承則要困難的多。 由於 JavaScript 是唯一一個被廣泛使用的基於原型繼承的語言,所以理解兩種繼承模式的差異是需要一定時間的,今天我們就來瞭解一下原型和原型鏈。 原型
Time of Update: 2013-10-17
最近用javascript寫了一個簡單的計算機,自己測試感覺還好,先給大家觀賞下介面:介面就是這樣了,但是功能如何呢?現在只是個簡單的標準計算機,能進行加減乘除連續運算,以及求餘運算。如果發生被除數為零的錯誤,下面會給出提示,就像這樣:自己不知道寫的怎麼樣,但是對於新手來說,這肯定是一份大餐,裡面可以接觸到的東西不少,可以拿來學習。如果有高手看出裡面的疏漏、錯誤等望不吝賜教,給予指點。下面貼上代碼,希望裡面的注釋足夠多了。js部分: 複製代碼 代碼如下: var
Time of Update: 2013-10-17
Number部分方法比較少,一共有8個: toColorPart: 將 Number 對象轉換為具有兩位元字的十六進位形式 succ: 返回當前 Number 對象的下一個值,即當前值加一 times: 採用 Ruby 的風格來封裝一個標準的 [0...n] 迴圈 toPaddedString:將當前 Number 對象轉換為字串,如果轉換後的字串長度小於 length 指定的值,則用 0 在左邊補足其餘的位元 abs: 返回當前 Number 對象的絕對值。 round: 返回當前
Time of Update: 2013-10-17
簡介 從本章開始,我將陸續(翻譯、轉載、整理)http://dmitrysoshnikov.com/網站關於ECMAScript標標準理解的好文。 本章我們要講解的是ECMAScript標準裡的執行內容和相關可執行代碼的各種類型。 原始作者:Dmitry A. Soshnikov 原始發布: 2009-06-26 俄文原文:http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/ 英文翻譯:Dmitry A.
Time of Update: 2013-10-17
javaScript的類型函數(如Number/String/Boolean/Array/Date/Obejct等)都是繼承於 Function.prototype,所以給Function.prototype增加方法,同時也會影響到由它衍生的下層類型函數。如: 複製代碼 代碼如下: Function.prototype.addMethod=function(methodName,func){ if(!this[methodName]){
Time of Update: 2013-10-17
擷取最新代碼 可以到http://ligerui.googlecode.com下載最新代碼。 簡介 jQuery LigerUI 是基於jQuery的一系列UI控制群組合,簡單而又強大,致力於快速打造Web前端介面解決方案。 因為是前端控制項,跟伺服器無關,可以適合.net,jsp,php等等web伺服器環境。目前全部外掛程式的打包壓縮JS只有100K左右,很輕巧。使用外掛程式式的開發模式,以“簡單”為原則的設計,每個外掛程式盡量獨立,並可依賴拓展。 ligerUI是什麼 jQuery
Time of Update: 2013-10-17
以其文法簡單靈活而大受Web
Time of Update: 2013-10-17
在效能方面考慮了由於連續觸發onscroll事件,頻繁調用回呼函數而產生的效能問題。可以將回呼函數緩衝一段時候後執行,即當這段時間內多次觸發了onscroll事件,但回呼函數只會執行一次。 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>結合淡入/淡出/減速運動效果實現的返回頂部功能</title> <style>
Time of Update: 2013-10-17
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實現,不可使 用任何架構,第五題為選作題。 一、 在頁面的固定地區內實現圖片的展示 1. 每點擊一次右箭頭,圖片地區向左滾動出一張圖片,反之相同; 2. 當發現圖片滾動到末尾時,響應的箭頭變成不可點擊狀態; 3. 滑鼠在圖片地區內滑動滾輪,圖片會隨著滑鼠滾輪的方向進行響應的滾動; 二、 用 js、html、css實現一個彈出提示控制項: 1. 分別實作類別似於系統的
Time of Update: 2013-10-17
相信大家都知道jQuery是最優秀的Javascript架構之一。以其文法簡單靈活而大受Web designer歡迎。所以很多網頁設計師結合jQuery的強大功能製作出了許多成熟的圖片滑動外掛程式,我們可以很簡單地直接將這些圖片滑動外掛程式嵌入到網頁中,很容易就得到了即酷又實用的jQuery圖片滑動效果。在這是jQuery滑動切換外掛程式系列的第三部分,我們將向大家分享40多種非常有用,又有創意的jQuery圖片滑動外掛程式,及其示範和。你可以按你網頁風格找到合適的jQuery圖片滑動外掛程式,
Time of Update: 2013-10-17
也就是說,移到對象的子物件上,也算onmouseout了。但這往往會達不到我們想要的預期效果。這是由於javascript自身的冒泡特性導致的(即在子項目上觸發了事件,並冒泡到了父元素-堆棧後進先出演算法)。今天在網上搜了一下,找了以下的解決辦法(相容IE和Firefox)。 在IE下解決問題很簡單,用onMouseEnter、onMouseLeave來代替onMouseOver、onMouseOut就行了,他們的作用基本相同,但前者不會發生冒泡(如果用
Time of Update: 2013-10-17
你好,我們已經加 http://www.114desk.com 為友情連結了, 下面這個網頁裡最後一個連結是你們的 http://www.bole18.com/link.php?result=%0A%0D%3D%3DQbvNmLrNXZkRTMx4yd3d3LvoDc0RHag1r1aHr5DD81dc 我們的GOOGLE PR為4,鏈我們請使用下面代碼,謝謝 <a href="鉑金鑽戒網">http://www.bole18.com</a>
Time of Update: 2013-10-17
我們將使用建構函式模式將原廠模式進行改寫。 複製代碼 代碼如下: function Employee(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function () { alert(this.name); }; } var Jim = new Employee("jim", 22, "SoftWare Engineer"); var Sun = new Employee(
Time of Update: 2013-10-17
查了不少資料,最後結論如下: 複製代碼 代碼如下: function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwise case 90
Time of Update: 2013-10-17
其中大部分是靠scrollHeight(非W3C標準,由IE引入),keyup事件來完成。有一種比較有意思的是 通過“鏡像元素(mirror element)”, 和setTimeout輪詢實現。大致的實現思路如下: 把一個單獨的pre元素,通過position:absolute的方式定位於client