Time of Update: 2018-12-07
繼承 繼承是物件導向語言的必備特徵,即一個類能夠重用另一個類的方法和屬性。在JavaScript中繼承方式的實現方式主要有以下五種:對象冒充、call()、apply()、原型鏈、混合方式。 下面分別介紹。對象冒充 原理:建構函式使用this關鍵字給所有屬性和方法賦值。因為建構函式只是一個函數,所以可以使ClassA的建構函式成為ClassB的方法,然後調用它。ClassB就會收到ClassA的建構函式中定義的屬性和方法。 樣本:function ClassA(sColor){this.
Time of Update: 2018-12-07
Douban Javascript Core Style Guideline1. Javascript代碼應符合Douban-JSLint檢驗標準 1-1. 語句必須都有分號結尾,除了for, function, if, switch, try, while 1-2. 只有長語句可以考慮斷行,如: TEMPL_SONGLIST.replace('{TABLE}', da['results'])
Time of Update: 2018-12-08
JavaScript 是 Web 開發與設計中不可或缺的東西,不管是一個簡單的網頁還是一個專業的網站,也不管你是高手還是菜鳥,如今 JavaScript 庫越來越強大,可以勝任許多複雜的工作,然而同時,人們在眾多 JavaScript 庫面前又覺得無所適從,本文,我們將使用 Google 搜尋出排名前 10 位的 JavaScript 庫,並對它們逐一進行介紹。 1. jQuery: The Write Less, Do More, JavaScript LibraryjQuery
Time of Update: 2018-12-08
使用方法: 訪問"imagesee.htm的網址+?pic=圖片的網址&page=該圖片相關網頁的網址" 即可,其中page參數可以忽略。 關於ImageSee: ImageSee是開放原始碼的網頁圖片瀏覽器,由JavaScript寫成,是一個完全靜態網頁。同時支援IE Firefox Opera瀏覽器。 透過ImageSee,您可以方便的對網上的高清圖片(大圖片)進行瀏覽,具備常規的圖片瀏覽所需要的全部主要功能:放大縮小、縮圖、圖片滑鼠拖動。 更多特色:
Time of Update: 2018-12-07
1.事件在超連結的點擊裡執行JavaScript:<a href="javascript:alert('哈哈')">哈哈</a>JavaScript中也有事件的概念,當按鈕被點擊的時候也可以執行 JavaScript: • <input type="button" onclick="alert(99)" value="久久"/> •
Time of Update: 2018-12-07
由於各種原因,被逼使用前台模板。看了一下其他JS模板庫的實現,發現其原理並不難,遂決定重造輪子。做一個前台模板,有如下幾個問題需要考量:模板是放置於哪裡?是內嵌於HTML頁面還是像JS檔案那樣獨立出來?如果是內嵌可以減少請求數但無法讓模板重用於另一個HTML頁面,反之亦然。如果是內嵌於HTML頁面,如何存放它?目前有兩種方式,script標籤與textarea。模板界定符的風格,是ASP的<%與%>,還是Django的{{與}},還是其他方式。下面是我一些不成熟的見解:應該存在兩種模
Time of Update: 2018-12-07
首先來說,讓一個遊戲賦有可玩性必須要動靜結合。(哈哈,大家以為我要講作文了。。。但其實我今天要講的是Javascript)靜態東西誰不會做呢?因為東西一生下來就是靜態(除非你是用的gif動畫),所以不需要任何處理就能完成靜態。那麼我將要在下面告訴大家如何運用Javascript將靜態圖片變為動態圖片。 一、圖片準備fight01.pngfight02.pngfight03.pngfight04.png03.png02.png01.png首先,我找了一些出自經典遊戲《三國志曹操傳》裡的素材(這些
Time of Update: 2018-12-07
匿名函數就是沒有名字的函數,有時候也稱為拉姆達(lambda)函數。function functionName(){};這是一個函式宣告在代碼執行以前被載入到範圍中var functionName = function(){};這是一個函數運算式在代碼執行到那一行時才會有定義7.1 遞迴arguments.callee是一個指向正在執行的函數的指標,可以實現函數的遞迴調用function factorial(num){ if(num <= 1){
Time of Update: 2018-12-07
文章目錄 Useful JavaScript and jQuery TechniquesUseful JavaScript / jQuery Tools We are regulalry collecting useful JavaScript and jQuery snippets, libraries, articles, tools and resources and present them in compact
Time of Update: 2018-12-07
有時間重新審視了遍 Javascript 的物件導向機制。與其他的語言不同,Javascript 可以說提供了更靈活的物件導向機制(比如 function 在完成其自身功能的同時也是對象)。由於才疏學淺,我不得不將 《Javascript 進階程式設計》 中的部分內容摘抄過來,這些同時也算是我的讀書筆記吧。由於 Javascript 物件導向機制及其的重要,而且內容非常的繁多,在這裡就分篇章逐個介紹。使用對象首先就是聲明它(內建的對象當然就不需要了)。該死的 Javascript
Time of Update: 2018-12-07
介紹裝飾者提供比繼承更有彈性的替代方案。
Time of Update: 2018-12-07
介紹與建立型模式類似,原廠模式建立對象(視為工廠裡的產品)時無需指定建立對象的具體類。原廠模式定義一個用於建立對象的介面,這個介面由子類決定執行個體化哪一個類。該模式使一個類的執行個體化延遲到了子類。而子類可以重寫介面方法以便建立的時候指定自己的物件類型。這個模式十分有用,尤其是建立對象的流程賦值的時候,比如依賴於很多設定檔案等。並且,你會經常在程式裡看到Factory 方法,用於讓子類類定義需要建立的物件類型。本文下面這個例子中,是應用了Factory
Time of Update: 2018-12-07
Nicholas為您講解如何提升JavaScript函數的運行速度!這 篇是Nicholas討論如果防止指令碼失控的第二篇,主要討論了如何重構嵌套循 環、遞迴,以及那些在函數內部同時執行很多子操作的函數。基本的思想和上一節trunk()那個例子一致,如果幾個操作沒有特定的執行順序,而且互相不是 依賴關係,我們就可以通過非同步呼叫的方式加以執行,不止可以減少執行的次數,還可以防止指令碼失控。本文還介紹了通過memoization技術取代遞迴的 方法。【原文標題】Speed up your
Time of Update: 2018-12-07
介紹組合模式(Composite)將對象組合成樹形結構以表示“部分-整體”的階層,組合模式使得使用者對單個對象和組合對象的使用具有一致性。常見的情境有asp.net裡的控制項機制(即control裡可以包含子control,可以遞迴操作、添加、刪除子control),類似的還有 DOM的機制,一個DOM節點可以包含子節點,不管是父節點還是子節點都有添加、刪除、遍曆子節點的通用功能。所以說組合模式的關鍵是要有一個抽象類別,它
Time of Update: 2018-12-07
在看本文章之前,建議先看看這篇文章javascript設計模式之單體模式
Time of Update: 2018-12-07
CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Javascript求和<script language = "javascript" type = "text/javascript"> function Sum(a) { if ((a instanceof Array) ||
Time of Update: 2018-12-07
qUIpt 是一個很小很小的 JavaScript Library,所有原始碼也才只有 115 行而已(包括批註),我覺得作者 Mario Heiderich 真是太有創意了,他的原理十分簡單,使用的 Cache 方法是將資料儲存在 window 對象的 name 屬性中 ( window.name ),在這裡他是將透過 XHR ( XML Http Request ) 取回的 JavaScript 檔案內容儲存在 window.name 屬性裡。通常 window.name 是用在
Time of Update: 2013-10-16
複製代碼 代碼如下: <script> function GetAbsPosition(obj) { var curleft = 0, curtop = 0; do { curleft += obj.offsetLeft; curtop += obj.offsetTop; } while (obj = obj.offsetParent); return [curleft,curtop]; } function ShowFloatingImage(image, width,
Time of Update: 2013-10-16
html部分代碼: 當點擊show按鈕時,觸發showValue函數,將input value的值動態添加到id="text"的元素節點中! 複製代碼 代碼如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input type="button" value="show" onclick="
Time of Update: 2013-10-16
代碼如下: jquery-highlight.js 複製代碼 代碼如下: /* description:TextBox HighLight author:Allen Liu */ (function($) { $.fn.highlight = function(options) { var defaultOpt = { lightColor: 'yellow', /* 高亮時的顏色 */ lightTime: 1000, /* 高亮時間長度 (單位:毫秒) */ isFocus: true /*