JavaScript

這個系列的第一部分介紹了Javascript模組的基本寫法，今天介紹如何規範地使用模組。  （接上文） 七、模組的規範 先想一想，為什麼模組很重要？ 因為有了模組，我們就可以更方便地使用別人的代碼，想要什麼功能，就載入什麼模組。

隨著網站逐漸層成"互連網應用程式"，嵌入網頁的Javascript代碼越來越龐大，越來越複雜。  網頁越來越像傳統型程式，需要一個團隊分工協作、進度管理、單元測試等等......開發人員不得不使用軟體工程的方法，管理網頁的商務邏輯。 Javascript模組化編程，已經成為一個迫切的需求。理想情況下，開發人員只需要實現核心的商務邏輯，其他都可以載入別人已經寫好的模組。 但是，Javascript不是一種模組化程式設計語言，它不支援"類"（class），更遑論"模組"（module）了。

Javascript聲明變數的時候，雖然用var關鍵字聲明和不用關鍵字聲明，很多時候運行並沒有問題，但是這兩種方式還是有區別的。可以正常啟動並執行代碼並不代表是合適的代碼。var num = 1；是在當前域中聲明變數. 如果在方法中聲明，則為局部變數（local variable）；如果是在全域域中聲明，則為全域變數。而 num = 1；事實上是對屬性賦值操作。首先，它會嘗試在當前範圍鏈（如在方法中聲明，則當前範圍鏈代表全域範圍和方法局部範圍etc。。。）中解析 num；

複製代碼 代碼如下: repaint(重繪) ，repaint發生更改時，元素的外觀被改變，且在沒有改變布局的情況下發生，如改變outline,visibility,background color，不會影響到dom結構渲染。reflow(渲染)，與repaint區別就是他會影響到dom的結構渲染，同時他會觸發repaint，他會改變他本身與所有父輩元素(祖先)，這種開銷是非常昂貴的，導致效能下降是必然的，頁面元素越多效果越明顯。何時發生：. DOM元素的添加、修改（內容）、刪除(

在一些DOM操作中我們經常會跟元素的位置打交道，滑鼠互動式一個經常用到的方面，令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果，這篇文章就上滑鼠點擊位置座標擷取做一些簡單的總結，沒特殊聲明代碼在IE8，FireFox，Chrome下進行測試相容滑鼠點擊位置座標相對於螢幕如果是涉及到滑鼠點擊確定位置相對比較簡單，擷取到滑鼠點擊事件後，事件screenX，screenY擷取的是點擊位置相對於螢幕的左邊距與上邊距，不考慮iframe因素，不同瀏覽器下表現的還算一致。複製代碼 代碼如下:

一、顯示資訊的命令 <!DOCTYPE html> <html> <head> <title>常用console命令</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascript">

replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。文法：string.replace(subStr/reg,replaceStr/function)第一個參數可以是字串的子字串，也可以是一個Regex，第二個參數可以是一個字串或者一個處理方法，下面我們分別看看複製代碼 代碼如下:document.write('1234'.replace(1, 'X'));我們可以得到結果：X234，很正常，但是複製代碼 代碼如下:document.write('12

前言CSS3的出現讓瀏覽器的表現更加的豐富多彩，表現衝擊最大的就是動畫了，在日常書寫動畫的時候，很有必要去事先判斷瀏覽器是否支援，尤其是在寫CSS3動畫庫的時候。比如transition的animation-play-state，就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某一個CSS3屬性：第一種：javascript比較常用下面這個代碼：var support_css3 = (function() { var div =

1.清空input標籤值得時候,不能用html("")清空,要用val("")清空2.事件如果綁定多次,觸發事件後,回呼函數也會執行多次,所有最好把綁定事件的函數單獨寫,或者必須重複綁定的時候,每次都解除綁定3.jquery選取器如果返回的是一個jquery的對象數組,要用each做操作,不然如果直接在數組上操作的話,可能只對數組第一個對象操作,不會發生遍曆4.大小寫敏感,比如if 寫成了If。toString()寫成了tostring(),toUpperCase寫成了toUppercase5.

原文：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,

JavaScript 中的 typeof 其實非常複雜，它可以用來做很多事情，但同時也有很多怪異的表現。 本文列舉出了它的多個用法，而且還指出了存在的問題以及解決辦法。閱讀本文的前提是，你現在應該已經知道原始值和對象值的區別了。檢查一個變數是否存在，是否有值typeof在兩種情況下會返回 "undefined":1.變數沒有被聲明2.變數的值是 undefined例如:複製代碼 代碼如下:> typeof undeclaredVariable === "undefined"true>

在之前的介紹中，我們已經知道 Javascript 沒有塊級作用，只有函數級範圍。複製代碼 代碼如下:function test() { // a scope    for(var i = 0; i < 10; i++) { // not a scope        // count    }    console.log(i);

1.null 與 undefined * 從一個對象中擷取某個屬性，如果該對象及其 prototype 鏈 中的對象都沒有該屬性的時候，該屬性的值為 undefined 。 * 一個 function 如果沒有顯式的通過 return 來傳回值給其調用者的話，其傳回值就是 undefined 。有一個特例就是在使用new的時候。 * JavaScript 中的 function 可以聲明任意個形式參數，當該 function

<input type=button value=重新整理 onclick="window.location.reload()"><input type=button value=前進 onclick="window.history.Go(1)"><input type=button value=後退 onclick="window.history.go(-1)"><input type=button value=前進

經常使用window.location，它的結構總是記不住，簡單梳理下，方便以後查詢。樣本URL：http://b.a.com:88/index.php?name=kang&when=2011 屬性 含義 值 protocol: 協議 "http:" hostname: 伺服器的名字 "b.a.com" port:

高亮功能主要是指對頁面中指定地區的指定文字進行高亮顯示，也就是背景著色。一般在搜尋結果頁面會經常用到這個功能。下面就為大家提供一種解決方案，用javascript實現。首先在<head>中引入下面javascript方法：複製代碼 代碼如下:<script type="text/javascript">//<![CDATA[     //--------begin function fHl(o, flag, rndColor, url)

   實現JavaScript繼承的最簡單的方式是call方法（或者apply方法）及原型鏈方法，但這兩種方法都有缺陷，而其混合體就是很好的繼承實現方式。下面舉例說明：複製代碼 代碼如下:function Animal(age){    this.age = age;}Animal.prototype.sayAge = function(){    window.alert("My age is

前言良好的JavaScript書寫習慣的優點不言而喻，今天彬Go向大家推薦Dojo Javascript 編程規範，相當不錯的 Javascript 編程風格規範，建議大家可以借鑒一下此規範編寫 Javascript。感謝i.feelinglucky的翻譯。序Any violation to this guide is allowed if it enhances readability.所有的代碼都要變成可供他人容易閱讀的。快讀參考核心 API 請使用下面的風格： 結構

在我們日常開發中，操作和轉換數組是一件很常見的操作，下面我們來看一個執行個體：複製代碼 代碼如下:var desColors = [],    srcColors = [        {r: 255, g: 255, b: 255 }, // White        {r: 128, g: 128, b: 128 }, //