JavaScript

Js中的函式宣告是指下面的形式：function functionName(){ }這樣的方式來聲明一個函數，而函數運算式則是類似運算式那樣來聲明一個函數，如：var functionName = function(){

傳統上，載入Javascript檔案都是使用<script>標籤。就像下面這樣：<script type="text/javascript"

將近20年前，Javascript誕生的時候，只是一種簡單的網頁指令碼語言。如果你忘了填寫使用者名稱，它就跳出一個警告。如今，它變得幾乎無所不能，從前端到後端，有著各種匪夷所思的用途。程式員用它完成越來越龐大的項目。Javascript代碼的複雜度也直線上升。單個網頁包含10000行Javascript代碼，早就司空見慣。2010年，一個工程師透露，Gmail的代碼長度是443000行！編寫和維護如此複雜的代碼，必須使用模組化策略。目前，業界的主流做法是採用"物件導向編程"。

這個系列的第一部分和第二部分，介紹了Javascript模組原型和理論概念，今天介紹如何將它們用於實戰。我採用的是一個非常流行的庫require.js。一、為什麼要用require.js？最早的時候，所有Javascript代碼都寫在一個檔案裡面，只要載入這一個檔案就夠了。後來，代碼越來越多，一個檔案不夠了，必須分成多個檔案，依次載入。下面的網頁代碼，相信很多人都見過。<script src="1.js"></script><script

這個系列的第一部分介紹了Javascript模組的基本寫法，今天介紹如何規範地使用模組。（接上文）七、模組的規範先想一想，為什麼模組很重要？因為有了模組，我們就可以更方便地使用別人的代碼，想要什麼功能，就載入什麼模組。但是，這樣做有一個前提，那就是大家必須以同樣的方式編寫模組，否則你有你的寫法，我有我的寫法，豈不是亂了套！考慮到Javascript模組現在還沒有官方規範，這一點就更重要了。目前，通行的Javascript模組規範共有兩種：CommonJS和AMD。我主要介紹AMD，但是要先從Co

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

你可能知道，Javascript語言的執行環境是"單線程"（single

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

這是2.0版之前的最後一個新版本，有很多新功能，其中一個就是支援Source Map。訪問 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js，開啟壓縮後的版本，滾動到底部，你可以看到最後一行是這樣的：//@ sourceMappingURL=jquery.min.map這就是Source Map。它是一個獨立的map檔案，與源碼在同一個目錄下，你可以點擊進去，看看它的樣子。這是一個很有用的功能，本文將詳細講解這個功能。

有限狀態機器（Finite-state machine）是一個非常有用的模型，可以類比世界上大部分事物。簡單說，它有三個特徵：* 狀態總數（state）是有限的。* 任一時刻，只處在一種狀態之中。*

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

製作網頁的過程中，你有時候需要知道某個元素在網頁上的確切位置。下面的教程總結了Javascript在網頁定位方面的相關知識。一、網頁的大小和瀏覽器視窗的大小首先，要明確兩個基本概念。一張網頁的全部面積，就是它的大小。通常情況下，網頁的大小由內容和CSS樣式表決定。瀏覽器視窗的大小，則是指在瀏覽器視窗中看到的那部分網頁面積，又叫做viewport（視口）。很顯然，如果網頁的內容能夠在瀏覽器視窗中全部顯示（也就是不出現捲軸），那麼網頁的大小和瀏覽器視窗的大小是相等的。如果不能全部顯示，則滾動瀏覽器視

this是Javascript語言的一個關鍵字。它代表函數運行時，自動產生的一個內部對象，只能在函數內部使用。比如，function test(){ 　　this.x = 1; }隨著函數使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，調用函數的那個對象。下面分四種情況，詳細討論this的用法。情況一：純粹的函數調用這是函數的最通常用法，屬於全域性調用，因此this就代表全域對象Global。請看下面這段代碼，它的運行結果是1。function

這個系列的第一部分介紹了"封裝"，第二部分介紹了使用建構函式實現"繼承"。今天是最後一個部分，介紹不使用建構函式實現"繼承"。一、什麼是"非建構函式"的繼承？比如，現在有一個對象，叫做"中國人"。var Chinese = {　　　　nation:'中國'　　};還有一個對象，叫做"醫生"。var Doctor ={　　　　career:'醫生'　　}請問怎樣才能讓"

這個系列的第一部分，主要介紹了如何"封裝"資料和方法，以及如何從原型對象產生執行個體。今天要介紹的是，對象之間的"繼承"的五種方法。比如，現在有一個"動物"對象的建構函式。function Animal(){this.species = "動物";}還有一個"貓"對象的建構函式。function Cat(name,color){this.name = name;this.color =

學習Javascript，最難的地方是什嗎？我覺得，Object（對象）最難。因為Javascript的Object模型很獨特，和其他語言都不一樣，初學者不容易掌握。下面就是我的學習筆記，希望對大家學習這個部分有所協助。我主要參考了以下兩本書籍：《物件導向的Javascript》（Object-Oriented JavaScript）《Javascript進階程式設計（第二版）》（Professional JavaScript for Web Developers, 2nd

日本程式員norahiko，寫了一個排序演算法的動畫示範，非常有趣。這個周末，我就用它當做教材，好好學習了一下各種排序演算法。排序演算法（Sorting algorithm）是電腦科學最古老、最基本的課題之一。要想成為合格的程式員，就必須理解和掌握各種排序演算法。目前，最常見的排序演算法大概有七八種，其中"快速排序"（Quicksort）使用得最廣泛，速度也較快。它是圖靈獎得主C. A. R.

Flex最終會產生swf檔案以ActiveX的方式部署網頁上（html,jsp,asp,aspx等），由於ActiveX是一個獨立體它並不能直接擷取頁面的元素資料，同樣asp,aspx等服務端代碼也不對它進行操作，這樣Flex的資訊互動就變得很孤立。在Web使用者程式中不同頁的資訊交換是非常重要，通常這些資訊明確下一個頁面應該做什麼；如果Flex得不到這些資訊那麼Flex在實際應用中就大打折扣！於是到網上找一下資料，發現自己的擔心是多餘的。Flex提供相關對象可以靈活地和當前網頁的javascr

標籤：比較   方法   script   集合   rtb   class   理解   實現   ascii   sort文法:arrayObject.sort(sortby)；參數sortby可選。規定排序次序。必須是函數。

標籤：style   方式   world   關心   運算式   on()   script   自訂對象   aaa   對象有三種:內建對象,DOM對象,自訂對象那函數是什麼類型,先看這樣一段代碼function fn()