JavaScript

標籤：閉包（closure）是Javascript語言的一個痛點，也是它的特色，很多進階應用程式都要依靠閉包實現。下面就是我的學習筆記，對於Javascript初學者應該是很有用的。一、變數的範圍要理解閉包，首先必須理解Javascript特殊的變數範圍。變數的範圍無非就是兩種：全域變數和局部變數。Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); //

標籤：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript">var icon = "*";var n=prompt("請輸入要列印的行數","5")//“5”預設行數for(var i=1;i<=n;i++){for(var j=i

標籤：對於語句，說明如下：1、關於語句要不要加上分號結束符（;），我的觀點是給每條語句都加上，不要讓引擎去猜測你的程式。不過昨天看到一篇文章和我的觀點正好相反，也頗能言之成理，雖然並沒有改變我的觀點，不過倒也令我的眼界更為寬闊。2、對於var語句，由於ECMAScript中有聲明提升現象，建議將一個範圍中用到的變數都放到頂部，用一個var語句定義多個變數，這樣容易理解，也不易出錯。目前很多JS庫也多採用這種形式，下面是取自jQuery開始中的代碼：var document =

標籤：一、概述除了正常運行模式，ECMAscript 5添加了第二種運行模式："strict 模式"（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運行。設立"strict 模式"的目的，主要有以下幾個：　　- 消除Javascript文法的一些不合理、不嚴謹之處，減少一些怪異行為;　　- 消除代碼啟動並執行一些不安全之處，保證代碼啟動並執行安全；　　- 提高編譯器效率，增加運行速度；　　- 為未來新版本的Javascript做好鋪墊。"strict 模式"

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

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

包含塊、BFC、margin collapse，bfccollapse 　　寫這篇文章的起因是源於這篇文章：談談面試與面試題 中關於position的討論，文中一開始就說的這句話：面試的時候問個css的position屬效能刷掉一半的人這是啥情況……其實這問題我本來打算的是可以順著一路扯到normal flow、containing block、bfc、margin collapse，base line，writing

【轉】CSS中position屬性( absolute | relative | static | fixed )詳解，relativefixed我們先來看看CSS3

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原型的修改與重寫(覆蓋)差別每個JavaScript函數都有prototype屬性(javascript對象沒有這個屬性)，這個屬性引用了一個對象，這個對象就是原型對象。javascript允許我們修改這個原型對象。修改有2種方式：方式1：在原有的原型對象上增加屬性或者方法 function Person(){}Person.prototype.add = function(){alert(this.name);};Person.prototype.name = &

canvas繪製彈跳小球，canvas繪製小球<!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><meta http-equiv="Content-Type"

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

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

js實現的牛頓擺效果，js牛頓擺牛頓擺是一個1960年代發明的案頭示範裝置，五個品質相同的球體由吊繩固定，彼此緊密排列。又叫：牛頓擺球、動量守恒擺球、永動球、物理撞球、碰碰球等。(function(window,undefined){ window.None || (window.None = {}); //重力加速度 var G=9.8; var PI=Math.PI; //幀頻 var FPS=48; /*//IE角度轉換function rorateIt(node,deg){

JavaScript製作簡易的打飛機，javascript打飛機簡單的用JavaScript類比打飛機，部分功能還不完善，剛開始寫，還有很多不足，還望大家多多指出。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title></title>

60行js代碼實現俄羅斯方塊，60行js俄羅斯方塊這是我之前網上看到的,很牛逼的一位大神寫的,一直膜拜中<!doctype html><html><head></head><body><div id="box" style="width:252px;font:25px/25px 宋體;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px

JS實現控製表格只顯示行邊框或者只顯示列邊框的方法，js邊框本文執行個體講述了JS實現控製表格只顯示行邊框或者只顯示列邊框的方法。分享給大家供大家參考。具體分析如下：通過下面的JS代碼你可以控製表格只顯示行與行之間的分隔線，也可以只顯示列與列之間的分隔線，主要用到了表格對象的rules屬性<!DOCTYPE html><html><head><script>function

JavaScript製作windows經典掃雷小遊戲，javascript掃雷代碼其實很簡單，這裡就不多廢話了<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>掃雷-JavaScript Mine Sweeper&

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