JavaScript

在JavaScript開發中，被人問到：null與undefined到底有啥區別？ 一時間不好回答，特別是undefined，因為這涉及到undefined的實現原理。 總所周知：null == undefined 但是：null !== undefined 那麼這兩者到底有啥區別呢？ null 這是一個對象，但是為空白。因為是對象，所以 typeof null 返回 'object' 。 null 是 JavaScript 保留關鍵字。

有時候為了簡潔設計，當使用者滑鼠未經過時，我們不用向使用者顯示操作提示。直到使用者滑鼠經過了，就顯示相應的操作提示。這種設計在很多地方都用得上。先看看下面的示範。 效果示範 這個是第1行的文字，大家看清楚了 這個是第2行的文字，大家看清楚了 這個是第3行的文字，大家看清楚了 這個是第4行的文字，大家看清楚了 這個是第5行的文字，大家看清楚了 這個是第6行的文字，大家看清楚了 這個是第7行的文字，大家看清楚了

JSON定義 JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式，易於閱讀和編寫，同時也易於機器解析和產生。它基於ECMA262語言規範（1999-12第三版）中JavaScript程式設計語言的一個子集。 JSON採用與程式設計語言無關的文字格式設定，但是也使用了類C語言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的習慣，這些特性使JSON成為理想的資料交換格式。

程式示範： 擷取瀏覽器當前視窗大小。當瀏覽器視窗大小變化時，顯示的值會隨時變化。 程式主要使用了Document對象關於視窗的一些屬性，這些屬性的主要功能和用法如下： 要得到視窗的尺寸，對於不同的瀏覽器，需要使用不同的屬性和方法：若要檢測視窗的真實尺寸，在Netscape下需要使用Window的屬性；在IE下需要深入Document內部對body進行檢測；在DOM環境下，若要得到視窗的尺寸，需要注意根項目<html>的尺寸，而不是<body>元素。

多重迴圈在編程中會經常遇到，那麼在JavaScript中如何指定跳出那層的迴圈呢。其實這也是break的一個用法，下面是一個不錯的例子，來自《JavaScript權威指南》，可以參考下： Code <script type="text/javascript">outerloop://命名外圈語句for(i=0; i<10; i++){innerloop://命名內圈語句for(j=0; j<10; j++){// 跳出內圈迴圈if(j>3){break;}//

在過去，JavaScript只是被用來做一些簡單的網頁效果，比如表單驗證、浮動廣告等，所以那時候JavaScript並沒有受到重視。自從AJAX開始流行後，人們發現利用JavaScript可以給使用者帶來更好的體驗，甚至利用這一優點開發了大型網頁遊戲，於是這門小語言被重視了起來。現在，很多公司會招專門的JavaScript工程師，通常JavaScript是WEB前端開發的必備技能。簡單介紹了JavaScriptr的好處，並不代表大家就會去學習甚至把它學好，興趣是很關鍵的，我認為興趣是最好的老師，

前端開發，要學會吝嗇： 吝嗇你的代碼，用最少的代碼做最合適的事情； 比如你的代碼中用到了很多document.getElementById()，你是否考慮寫一個簡單的ID選取器。 function $(Id){ return document.getElementById(Id);} 吝嗇你的補丁，不要為了實現功能在現有架構上打補丁，而是架構擴充上寫實現，如果架構不能擴充，是否考慮部分重構？

有時在顯示某段文字的時候，可能會太長，影響我們頁面的顯示效果。如果僅是英文，那麼我們可以用String.substring(start, end)函數就已經夠用了。但是通常我們都會遇到既有英文，又有漢字的情況。而漢字是佔用2個位元組的，如果用String.substring(start, end)截取字串的話，會發現漢字截取後比英文截取後個數雖然相同，但是長度還是長出去不少（具體要視字元個數來決定）。下面是一個實現這個功能的函數：<script language="javascript"

有時候我們需要提醒使用者，有新的訊息，這個可以使用下面的方法實現。 效果就是網頁視窗在沒有擷取焦點並且最小化的時候，網頁視窗的標題列“title”顯示的內容為“【 】”，“【新訊息】”的閃爍效果。 <script language="JavaScript"> setTimeout('flash_title()',2000); //2秒之後調用一次function flash_title() { //當視窗效果為最小化，或者沒焦點狀態下才閃動

JavaScript是解釋型語言是毋庸置疑的，但它是不是僅在運行時自上往下一句一句地解析的呢？事實上或某種現象證明並不是這樣的，通過《JavaScript權威指南》及網上相關資料瞭解到，JavaScript有“預解析”行為。理解這一特性是很重要的，不然在實際開發中你可能會遇到很多無從解析的問題，甚至導致程式bug的存在。為瞭解析這一現象，也作為自己的一次學習總結，本文逐步引導你來認識JavaScript“預解析”，如果我的見解有誤，還望指正。我們先來看一個例子：var lastName =

基本上，所有JS資料類型都擁有valueOf和toString這兩個方法，null除外。它們倆解決javascript值運算與顯示的問題。 JavaScript 的 valueOf() 方法 valueOf() 方法可返回 Boolean 對象的原始值。 用法booleanObject.valueOf()，傳回值為booleanObject 的原始布爾值。如果調用該方法的對象不是 Boolean，則拋出異常 TypeError。 <script type="

單例模式的基本結構： MyNamespace.Singleton = function() {return {};}(); 比如： MyNamespace.Singleton = (function() {return { // Public members.publicAttribute1: true,publicAttribute2: 10,publicMethod1: function() {...},publicMethod2: function(args)

“prototype”字面翻譯是“原型”，是javascript實現繼承的主要手段。粗略來說就是：prototype是javascript中的函數(function)的一個保留屬性，並且它的值是一個對象（我們可以稱這個對象為"prototype對象"）。通過以此函數作為建構函式構造出來的對象都自動的擁有建構函式的prototype對象的成員屬性和方法。其中的要點是：prototype是函數(function)的一個必備屬性(書面一點的說法是"保留屬性")(只要是function,就一定有一個pr

JavaScript無非就是script標籤引入頁面，但當項目越來越大的時候，單頁面引入N個js顯然不行，合并為單個檔案減少了請求數，但請求的檔案體積卻很大。這時候最好的做法就是按需引入，動態引入組件js和樣式，檔案load完成後調用callback，運行js。代碼還是很簡便的。1. 判斷檔案load完成。載入狀態ie為onreadystatechange，其他為onload、onerrorif(isie){Res.onreadystatechange =

可拖動的層在Web設計中用處很多，比如在某些需要自訂風格布局的應用中，控制項就需要拖動操作，下面介紹一個，希望可以滿足你的需求，順便學習一下可拖動的層是如何?的。 下面是效果示範： 這個DIV可以移動，你可以測試下。 JavaScript code <script type="text/javascript">// <![CDATA[var $j=function(id){return

在textarea中斷行符號，會產生逸出字元\r\n，有些時候我們不需要這兩個轉移字元，也就是清空textarea。下面的方法並不是清空，但是能夠起到差不多的效果。 如果在textarea中按斷行符號，內容提交之後，在textarea中會留下\r\n這兩個逸出字元，游標會在第二行。下面的程式通過alexa將焦點轉出去，再通過onfocus="this.value=''"這段代碼，將游標拉回到textarea最開始處，這樣就起到簡易的清空效果 效果示範 程式碼

有些時候我們需要計算兩個日期間的天數，或者小時數等等。下面用JavaScript實現這個需求，然後學習一下需要用到的一些JavaScript函數。 JavaScript程式如下： <script type="text/javascript"> var getOffDays = function(startDate, endDate) { //得到時間戳記相減 得到以毫秒為單位的差 var mmSec = (endDate.getTime() -

JavaScript中最有特色而又讓你困惑的function算一個了，下面看一下常用操作：function doit(){.....}doit(); JavaScript中的函數我們可以把它當作方法使用var obj=new Object();obj.say=function(){.....}obj.say(); 而function實際上就是對象(即Function類型的執行個體)function result(num1, num2) { return

本文講到的是如何從資料訪問層面上提高JS 代碼的執行效率。總的來講有以下幾條原則： 函數中讀寫局部變數總是最快的，而全域變數的讀取則是最慢的； 儘可能地少用with 語句，因為它會增加with 語句以外的資料的訪問代價； 閉包儘管強大，但不可濫用，否則會影響到執行速度以及記憶體； 嵌套的對象成員會明顯影響效能，盡量少用；

YUI Compressor 壓縮 JavaScript 的內容包括： 移除注釋 移除額外的空格 細微最佳化 標識符替換（Identifier Replacement） YUI Compressor 包括哪些細微最佳化呢？ object["property"] ，如果屬性名稱是合法的