JavaScript

標籤：閉包是Javascript的一個痛點，但也是一個很重要的知識點。1、首先我們要知道變數範圍鏈變數的範圍分兩種：全域變數和局部變數。沒有定義到任何函數中的變數為全域變數，在函數中定義的變數為局部變數，注意在函數內部定義變數時一定要使用var關鍵字，不帶var關鍵字的變數為全域變數。javascript中每一段代碼都有與之關聯的範圍鏈，這個範圍鏈是一個對象列表或者鏈表，定義了這段代碼“範圍”中的變數。頂層代碼的範圍由全域變數組成；不包含嵌套的函數的範圍鏈有兩個對象：一個

標籤：1.物件導向的編程1.1.什麼是物件導向編程物件導向編程：即是把能夠完成獨立完成一部分功能的代碼封裝在一起，組成一個類。　　舉個例子來說：   這裡有一把槍, 槍的種類很多，有步槍，機關槍，阻擊槍....。但是無論怎麼說，這些都是槍的概念，如果把這種抽象的概念剝離出來，就是我們經常說的“類”。那麼槍有什麼特點呢？ 威力大小,型號,長度,子彈型號，能承載子彈的數量，槍口半徑......ok！ 這些一切的一切都是為了描素槍，把這些抽象出來，就組成了&

標籤：一、裝飾者模式的作用為函數或者對象的方法添加一些行為。  二、裝飾者模式的原理裝飾者模式不是直接修改對象，而是以要修改的對象為基礎，建立一個對象。不過這個建立的對象看起來就像在原對象的基礎上增添了一些行為而已。1、在對象中使用裝飾者模式：就是把對象作為參數傳入另一個建構函式中，然後這個建構函式裡面就利用這個對象，創造出一個新的附加了一些行為的對象。2、在函數中使用裝飾者模式：把函數傳入另一個函數中，然後返回一個以參數函數為基礎的函數。  三、裝飾者模

標籤：資料名稱資料地址JS重新整理頁面【源碼】http://down.51cto.com/data/45292667.成績表排序(2)-CJ-JavaScript視頻教程http://down.51cto.com/data/422466OpenLayers 英文原版本API文檔http://down.51cto.com/data/443003類似Google圖片的圖片展示代碼【源碼】http://down.51cto.com/data/446663Ext2.2API中文版（最終完成版）http:

css水平置中，豎直置中技巧，css豎直置中技巧要點1：容器設定【position: absolute;】要點2：容器設定【top: 50%;left: 50%;】要點3：要知道容器實際的width和heigh（可以是預設的，也可以是運行時動態擷取到的）要點4：水平置中：margin-left = -1*（width/2），例如width是280px，則設定【margin-left:140px;】要點5：豎直置中：margin-top =

js：簡單的拖動效果 html:movebox css#boxmove{ position: absolute; width: 200px; border:1px solid #ccc; height: 200px; color: red; background-color: blue; text-align: center; font-size: 30px;

javascript之BOMBOM(BrowserObjectModel)也叫瀏覽器物件模型，描述與瀏覽器進行互動的方法和介面。BOM由多個對象組成，其中代表瀏覽器視窗的Window對象是BOM的頂層對象，其他對象都是該對象的子物件。JavaScript由三部分組成：ECMAScript,BOM，DOM。BOM提供了很多個物件，用於訪問瀏覽器的功能。下面介紹瀏覽器的三個公用對象：window對象，location對象，history對象。 一、window對象BOM的核心對象，它表示瀏

AngularJS自學之路——初識AngularJS和資料繫結AngularJS 是什麼AngularJS的官方文檔是這樣介紹它的。完全使用JavaScript編寫的用戶端技術。同其他曆史悠久的Web技術（HTML、CSS和JavaScript）配合使用，使Web應用開發比以往更簡單、更快捷。AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發工作單位之間的抽象層級，使構建互動現代Web應用變得更加簡單。AngularJS的Team

JavaScript學習2：物件導向很多人都知道，面向過程和物件導向的軟體開發思想，同樣我們的JavaScript也具有這兩種開發模式。今天我們來看看JavaScript中的物件導向的東西。物件導向的語言有一個非常重要的特性，那就是類的概念，通過類我們可以建立任意多個具有相同屬性和方法的對象，而JavaScript卻沒有類的概念，但是它有對象，只是此對象非彼對象。建立對象 //建立對象var person =new Object();person.name='lian'

JS動態改變表格邊框寬度的方法 本文執行個體講述了JS動態改變表格邊框寬度的方法。分享給大家供大家參考。具體如下：下面的JS代碼通過表格對象的border屬性修改表格邊框寬度 1 2 3 4 5 6 7 8 9 10

JavaScript判斷是否為數位4種方法及效率比較 注意：通過Regex僅能用於字串中的內容是否是純數值，而不能用於判斷是否是數值對象。放在此處僅用於對比。其代碼如下： 1 2 3 4 5 6 7 8 9 10

JavaScript中使用Object.prototype.toString判斷是否為數組 　　為什麼要用Object.prototype.toString而不是Function.prototype.toString或者其它?這是和他們的toString解釋方式有關係的。下面是ECMA中對Object.prototype.toString的解釋：　　代碼如下:　　Object.prototype.toString( )　　When the toString method is

js使用onmousemove和onmouseout擷取滑鼠座標的方法 本文執行個體講述了js使用onmousemove和onmouseout擷取滑鼠座標的方法。分享給大家供大家參考。具體如下：下面的js代碼示範了onmousemove和onmouseout事件的用法，滑鼠在指定地區內移動時會動態顯示滑鼠座標資訊 1 2 3 4

JavaScript操作DOM元素的childNodes和children區別 對於DOM元素，children是指DOM Object類型的子物件，不包括tag之間隱形存在的TextNode，而childNodes包括tag之間隱形存在的TextNode對象。具體看一下針對children和childNodes在chrome環境下的測試： 1 2 3

60行js代碼實現俄羅斯方塊 這是我之前網上看到的,很牛逼的一位大神寫的,一直膜拜中 1 2 3 4 5 6 7 8 9 10 11 12 13

javascript製作遊戲開發碰撞檢測的封裝代碼，遊戲開發碰撞檢測在JavaScript開發Web遊戲時，需要使用到碰撞檢測時，為了方便開發，封裝了矩形和圓形的兩個碰撞檢測方式。【附帶案例操作捕獲一枚】【注意：代碼上未做最佳化處理】示範圖角色攻擊地區碰撞檢測.gif塔防案例.gif矩形地區碰撞檢測/** * 矩形地區碰撞檢測 * Created by Administrator on 14-4-7. * author: marker */function Rectangle(x, y,

jQuery選取器源碼解讀（五）：tokenize的解析過程，jquerytokenize以下分析基於jQuery-1.10.2.js版本。下面將以$("div:not(.class:contain('span')):eq(3)")為例，說明tokenize和preFilter各段代碼是如何協調完成解析的。若想瞭解tokenize方法和preFilter類的每行代碼的詳細解釋，請參看如下兩篇文章：http://www.bkjia.com/article/63155.htmhttp://www.b

JavaScript中事件回顧事件其實在第一次學習JavaScript的時候就接觸了，一行非常簡單的代碼 alert('Hello

jQuery選取器源碼解讀（六）：Sizzle選取器匹配邏輯分析，jquerysizzle近期看了一些網上關於Sizzle的分析文章，就匹配次序往往就說使用了從右至左的逆向匹配法，但是具體如何並沒有詳細介紹，或者就像我之前的幾篇文章一樣，就代碼一行一行做詳細介紹，但缺乏整體概念，這裡就jQuery-1.10.2版本的Sizzle的匹配邏輯（先行編譯結果）做一整體說明，這裡就不談過多的細節了。Sizzle的匹配過程採用的是以從右至左的逆向匹配法為基礎的改進版本，因為HTML的搜尋畢竟和文本匹配有差

JS顯示下拉式清單方塊內全部元素的方法，js下拉式清單方塊元素本文執行個體講述了JS顯示下拉式清單方塊內全部元素的方法。分享給大家供大家參考。具體如下：下面的JS代碼可以通過alert框顯示指定下拉式清單的全部元素<!DOCTYPE html><html><head><script>function getOptions(){var x=document.getElementById("mySelect");var txt="All