隨著網站逐漸層成"互連網應用程式"，嵌入網頁的Javascript代碼越來越龐大，越來越複雜。 網頁越來越像傳統型程式，需要一個團隊分工協作、進度管理、單元測試等等......開發人員不得不使用軟體工程的方法，管理網頁的商務邏輯。 Javascript模組化編程，已經成為一個迫切的需求。理想情況下，開發人員只需要實現核心的商務邏輯，其他都可以載入別人已經寫好的模組。 但是，Javascript不是一種模組化程式設計語言，它不支援"類"（class），更遑論"模組"（module）了。
前言 說Jquery之前，先來學習一下Javascript（以後簡稱為JS）語言中的基礎知識問題，其時對於每種程式設計語言來說基礎知識都是大同小異的，對變數，函數，條件陳述式塊，迴圈語句塊等等，而對於每種語言在寫法上到是顯得各有不同，如JS裡在定義變數時，你要用var去聲局部變數的聲明，而對於弱類型的語言JS來說，你也可以不加var,但不加它會認為這個變數為全域變數，這是要注意的。變數 在程式運行過程中，其值可以發生改變的（呵呵，１０多年前書上的定義） var people ;
escape定義和用法 escape() 函數可對字串進行編碼，這樣就可以在所有的電腦上讀取該字串。參數描述string必需。要被轉義或編碼的字串。 傳回值 已編碼的 string 的副本。其中某些字元被替換成了十六進位的逸出序列。說明 該方法不會對 ASCII 字母和數字進行編碼，也不會對下面這些 ASCII 標點符號進行編碼： * @ - _ + . / 。其他所有的字元都會被逸出序列替換。提示和注釋 提示：可以使用 unescape() 對 escape()
前言上一篇文章，我們講解了影像處理中的卷積操作和平滑（也就是模糊）處理，這篇文章我們進行亮度和對比的變化。其實，亮度是啥玩意？亮度就是比較亮眼咯……實際上對於RGBA色彩空間，變亮其實就等於R、G、B三個通道同時加大，那麼變暗就等於同時減小咯。這比較好理解，因為最暗的黑色是RGB(0,0,0)，而最亮的白色是RGB(255,255,255)。所以變亮應該RGB各通道都要增大。那麼，對比呢？對比，其實就是顏色差啦。那麼對於RGBA色彩空間，對比變大其實就等於R、G、B三個通道同時乘以一個比例，因為
1、JS中方法和變數都是區分大小寫 2、單引號、雙引號在JS中沒有特殊的區別，都可以用來建立字串。但作為一般性規則，大多數開發人員喜歡用單引號而不是雙引號，但是XHTML規範要求所有屬性值都必須使用雙引號括起來。這樣在JS中使用單引號，而對XHTML使用雙引號會使混合兩者代碼更方便也更清晰。 單引號可以包含雙引號，同理，雙引號也可以包含單引號。 3、括弧 首先需要說明的是：JS中括弧包含兩種語義，可以是分隔字元也可以是運算式。 a、分隔字元大家非常熟悉（1+3）*3等於12
前言 庫是一個飽受爭議的熱門話題。一種觀點認為它是一種非常棒的工具，是任何開發人員都不可或缺的；另一種觀點則認為在不理解庫的內部工作原理的情況下對庫形成依賴，會助長懶惰的風氣從而導致開發人員素質下降。但是不管怎麼樣，好像每個人都贊同編寫自己的庫，況且把自己日常用到的東西合并到一起本身就是一件有意義的事情。 下面我們開始建立自己的JS庫，並編寫兩個自己的方法 複製代碼 代碼如下: //作者： //時間：2012-11-13 (function(){ window['LS']={};
概念引自維基百科：根據由全球資訊網聯盟（W3C）於1996年發行並於1999年修訂的CSS1所指定的，當任意一個區塊層級元素的寬度或高度被顯式指定，它應當只確定這個可見元素自身(內容區)的寬度或高度，而padding, border和margin隨後被應用。Internet Explorer在“怪異模式” 則把內容，內邊距（padding）和邊框（border）全部包括在一個指定的寬度或高度之內；這導致它呈現出一個比遵從標準行為的結果更窄或者更短的盒子。如下圖：應用
Javascript聲明變數的時候，雖然用var關鍵字聲明和不用關鍵字聲明，很多時候運行並沒有問題，但是這兩種方式還是有區別的。可以正常啟動並執行代碼並不代表是合適的代碼。var num = 1；是在當前域中聲明變數. 如果在方法中聲明，則為局部變數（local variable）；如果是在全域域中聲明，則為全域變數。而 num = 1；事實上是對屬性賦值操作。首先，它會嘗試在當前範圍鏈（如在方法中聲明，則當前範圍鏈代表全域範圍和方法局部範圍etc。。。）中解析 num；
通常來說，javascript中的對象就是一個指向prototype的指標和一個自身的屬性列表。javascript建立對象時採用了寫時複製的理念。只有構造器才具有prototype屬性，原型鏈繼承就是建立一個新的指標，指向構造器的prototype屬性。prototype屬性之所以特別，是因為javascript時讀取屬性時的遍曆機制決定的。本質上它就是一個普通的指標。構造器包括: 1.Object2.Function3.Array4.Date5.String下面我們來舉一些例子吧複製代碼
閉包這東西，說難也難，說不難也不難，下面我就以自己的理解來說一下閉包一、閉包的解釋說明
複製代碼 代碼如下: repaint(重繪) ，repaint發生更改時，元素的外觀被改變，且在沒有改變布局的情況下發生，如改變outline,visibility,background color，不會影響到dom結構渲染。reflow(渲染)，與repaint區別就是他會影響到dom的結構渲染，同時他會觸發repaint，他會改變他本身與所有父輩元素(祖先)，這種開銷是非常昂貴的，導致效能下降是必然的，頁面元素越多效果越明顯。何時發生：. DOM元素的添加、修改（內容）、刪除(
在一些DOM操作中我們經常會跟元素的位置打交道，滑鼠互動式一個經常用到的方面，令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果，這篇文章就上滑鼠點擊位置座標擷取做一些簡單的總結，沒特殊聲明代碼在IE8，FireFox，Chrome下進行測試相容滑鼠點擊位置座標相對於螢幕如果是涉及到滑鼠點擊確定位置相對比較簡單，擷取到滑鼠點擊事件後，事件screenX，screenY擷取的是點擊位置相對於螢幕的左邊距與上邊距，不考慮iframe因素，不同瀏覽器下表現的還算一致。複製代碼 代碼如下:
在一些複雜的頁面中經常會用JavaScript處理一些DOM元素的動態效果，這種時候我們經常會用到一些元素位置和尺寸的計算，瀏覽器安全色性問題也是不可忽略的一部分，要想寫出預想效果的JavaScript代碼，我們需要瞭解一些基本知識。基礎概念為了方便理解，我們需要瞭解幾個基礎概念，每個HTML元素都有下列屬性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetLeftclientLeftscroll
1.簡單的例子首先從一個經典錯誤談起，頁面上有若干個div， 我們想給它們綁定一個onclick方法，於是有了下面的代碼複製代碼 代碼如下:<div id="divTest"> <span>0</span> <span>1</span> <span>2</span> <span>3</span>
replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。文法：string.replace(subStr/reg,replaceStr/function)第一個參數可以是字串的子字串，也可以是一個Regex，第二個參數可以是一個字串或者一個處理方法，下面我們分別看看複製代碼 代碼如下:document.write('1234'.replace(1, 'X'));我們可以得到結果：X234，很正常，但是複製代碼 代碼如下:document.write('12
在製作網頁的過程中，我們經常寫類似下面的代碼： [html] 複製代碼 代碼如下: <html> <head> <title>Example HTML Page</title> <script type="text/javascript" src="example1.js"></script> <script type="text/javascript"
一、DOMDOM： DOM= Document Object Model，文件物件模型，DOM可以以一種獨立於平台和語言的方式訪問和修改一個文檔的內容和結構。換句話說，這是表示和處理一個HTML或XML文檔的常用方法。有一點很重要，DOM的設計是以對象管理組織（OMG）的規約為基礎的，因此可以用於任何程式設計語言.D：文檔 – html 文檔 或 xml 文檔O：對象 – document 對象的屬性和方法M：模型DOM
一、元素節點複製代碼 代碼如下://測試元素節點,輸出節點名稱,節點的類型,節點的值 var liElements=document.getElementsByTagName("li"); for(var i=0;i<liElements.length;i++){ alert(liElements[i].nodeName);
原文：Model-View-Controller (MVC) with JavaScript作者：Alex@Net譯文：JavaScript 的 MVC 模式譯者：justjavac本文介紹了模型-視圖-控制器模式在 JavaScript 中的實現。我喜歡 JavaScript，因為它是在世界上最靈活的語言之一。 在 JavaScript 中，程式員可以根據自己的口味選擇編程風格：面向過程或物件導向。 如果你是一個重口味，JavaScript 一樣可以應付自如： 面向過程，物件導向，面向方面，
雖然很多語言宣稱：“一切皆是對象”，但是 javascript 中，並不是所有的值都是對象。原始值 vs 對象javascript 中的值可以被劃分為兩大類：原始值（primitive）和對象（object）。定義javascript 的兩種值的定義：下面的值是原始值。1.字串2.數字：在 JavaScript 中所有的數字都是浮點數3.布爾值4.null5.undefined所有其它的值都是對象（object）。對象可以進一步劃分：1.原始值的封裝器：Boolean, Number,
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
