JavaScript

1.typeof 操作符：用於檢測給定變數的資料類型 複製代碼 代碼如下:var message="some string"; alert(typeof message); //"string" alert(typeof(message)); //"string" alert(typeof 100); //"number" typeof操作符可能返回下列字串： "undefined","boolean","string","number","object","function".

1. 大多數遊覽器的組件構成 在最底層的三個組件分別是網路，UI後端和js解譯器。作用如下： （1）網路－ 用來完成網路調用，例如http請求，它具有平台無關的介面，可以在不同平台上工作 （2）UI 後端－ 用來繪製類似組合選擇框及對話方塊等基本組件，具有不特定於某個平台的通用介面，底層使用作業系統的使用者介面 （3）JS解譯器－ 用來解釋執行JS代碼 ps：和知識點主要來自《HOW BROWSERS WORK: BEHIND THE SCENES OF MODERN WEB

前言 在第12章關於變數對象的描述中，我們已經知道一個執行內容 的資料（變數、函式宣告和函數的形參）作為屬性儲存區在變數對象中。 同時我們也知道變數對象在每次進入上下文時建立，並填入初始值，值的更新出現在代碼執行階段。 這一章專門討論與執行內容直接相關的更多細節，這次我們將提及一個議題——範圍鏈。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文參考：http://www.denisdeng.com/?p=9

前言 　　當前,在軟體開發中單元測試越來越受到開發人員的重視,它能提高軟體的開發效率,而且能保障開發的品質。以往，單元測試往往多見於服務端的開發中，但隨著Web編程領域的分工逐漸明細，在前端Javascript開發領域中，也可以進行相關的單元測試，以保障前端開發的品質。 　　在伺服器端的單元測試中，都有各種各樣的測試架構，在JavaScript中現在也有一些很優秀的架構，但在本文中，我們將自己動手一步步來實現一個簡單的單元測試架構。

1、函數的建立 由於前面已經用了很多的函數，我就不在這裡多分享了。 2、嵌套函數 複製代碼 代碼如下:function china() { function people()//嵌套函數，只有china用它 { document.write("我的心愿是當杜甫，最近網上他的漫畫，他活的好瀟洒"); } people(); } 3、函數的直接量 Javascript允許函數用直接量來定義，說白了就是一個運算式，（匿名函數）。細節：匿名函數以後會用，要明白！ 複製代碼 代碼如下:function

另外這篇文章是一篇入門文章，我也是才開始學習Javascript，有一點心得，才想寫一篇這樣文章，文章中難免有錯誤的地方，還請各位不吝吐槽指正 吐槽Javascript

首先，什麼事Regex呢，其實引入概念很多時候並不能幫我們明白它到底是什麼，所以我先簡單描述下，Regex，其實就是一個記錄字串規則則的字串，等我們看完這一部分，也就能明白它到底是什麼了。 基本文法：Regex就是“/expression/”+表示搜尋範圍的符號。例如我們要找function這個關鍵詞，就是/function/gi，其中g表示global，就是全域搜尋，i表示ignor，就是忽略大小寫。 在js中，我們通過RegExp類來實現。 這個類裡面有很多很多的符號用來表示不同的索引方法，

建立Array對象 複製代碼 代碼如下://one var aValues=new Array(); //two var aValues=new Array(20); //three var aColors=new Array(); aColors[0]="red"; aColors[1]="green"; aColors[2]="blue"; //four var aColors=new Array("red","green","blue"); //five var

2.6 原始類型 　　ECMAScript有5種原始類型(primitive type)，即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof來判斷值的類型。 1、typeof運算子： 複製代碼 代碼如下:var sTemp="test string"; alert(typeof sTemp);//outpus "string" alert(typeof 95);//outpus "number"

1. 取整同時轉成數值型： '10.567890′|0 結果: 10 '10.567890′^0 結果: 10 -2.23456789|0 結果: -2 ~~-2.23456789 結果: -2 2. 日期轉數值： var d = +new Date(); //1295698416792 3. 類數組對象轉數組： var arr = [].slice.call(arguments) 4. 漂亮的隨機碼： Math.random().toString(16).substring(2);

與動態指令碼類似，所謂動態樣式是指在頁面剛載入時不存在的樣式；動態樣式是在頁面載入完成後動態添加到頁面中。 我們以下面這個典型的<link>元素為例： <link rel="stylesheet" type="text/css" href="style.css">使用DOM代碼可以很容易的動態建立出這個元素： 複製代碼 代碼如下:var link = document.createElement("link"); link.rel = "stylesheet";

javascript插入樣式在前端開發中應用比較廣泛，特別是在修改前端表現和頁面換膚的時候。最近做的這個任務是使用者在別人的網站上點擊一個按鈕，就會在別的網站頁面下插入一個指令碼，執行，這其中包含了樣式的插入。 一般情況下javascript動態插入樣式有兩種，一種頁面中引入外部樣式,在<head>中使用<link>標籤引入一個外部樣式檔案，另一種是在頁面中使用<style>標籤插入頁面樣式（這裡說的不是style屬性）。 一、頁面中引入外部樣式： 在<

function add(x) {________}; alert(add(2)(3)(4)); //填空，使結果為9 解法一， 複製代碼 代碼如下://貘大 function add(x) { var c = 0; return function(x) { c = c + x ; arguments.callee.toString = function(){ return c; }; return arguments.callee; }(x); }; alert(add(2)(3)(4));

js操作xml源，作為頁面的動態新聞 參考JS源碼如下（存為rss.js檔案）： 複製代碼 代碼如下:var main = document.getElementById("content").getElementsByTagName("DIV"); /* * 目前的目錄下面有一個名為xml的子檔案夾，下面引用的源儲存在目錄下。 * 下面每一行的冒號前面是檔案名稱，後面是xml源地址（可以從源址下載得到xml檔案，下載後儲存為對應檔案名稱） *

解決方案，用以下方法載入js: 複製代碼 代碼如下:var loadScript = function(url, callback, charset){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); if(charset){ script.charset = charset; } script.src = url; if(!callback){

要求如下： 可以開始、暫停（線性、非線性tween都支援）、繼續、結束 支援多個樣式並行 最好不依賴於某個架構下運行 檔案尺寸越小越好 他找了一下現有的一些外掛程式或者庫，鮮有能滿足或者比較均衡的，我在這個要求下，寫了一個比較簡陋的動畫組件，基本滿足了這個需求。先上代碼 線上示範：http://demo.jb51.net/js/2012/animate/打包下載：animate_jquery.rarhtml部分： 複製代碼 代碼如下:<!DOCTYPE html> <html&

Niceforms Niceforms是一款獨立的表單美化工具，目前的版本為2.0 官方首頁：http://www.emblematiq.com/lab/niceforms/ 官方示範：http://www.emblematiq.com/lab/niceforms/demo/niceforms.html GitHub：https://github.com/emblematiq/Niceforms 使用方法，在頁面頭部引入以下指令碼及樣式即可： 複製代碼 代碼如下:<link

複製代碼 代碼如下:/*! * jLip JavaScript Library v0.1 * * Copyright 2012, Lip2up (lip2up@qq.com) * Just for free use, NO LICENSE */ (function() { function extend(target, props) { for (var m in props) { if (target[m] === undefined) target[m] = props[m]; } }

同時，我們知道在物件導向的進階語言中，建立包含私人成員的對象是最基本的特性之一，提供屬性和方法對私人成員進行訪問來隱藏內部的細節。雖然JS也是物件導向的，但沒有內部機制可以直接表明一個成員是公有還是私人的。還是那句話，依靠JS的語言靈活性，我們可以建立公用、私人和特權成員，資訊隱藏是我們要實現的目標，而封裝是我們實現這個目標的方法。我們還是從一個樣本來說明：建立一個類來儲存圖書資料，並實現可以在網頁中顯示這些資料。 1.

就足以說明介面在物件導向的領域中有多重要。但JS卻不像其他物件導向的進階語言(C#,Java,C++等)擁有內建的介面機制，以確定一組對象和另一組對象包含相似的的特性。所幸的是JS擁有強大的靈活性(我在上文已談過)，這使得模仿介面特性又變得非常簡單。那麼到底是介面呢？ 介面，為一些具有相似行為的類之間(可能為同一種類型，也可能為不同類型)提供統一的方法定義，使這些類之間能夠很好的實現通訊。 那使用介面到底有哪些好處呢？簡單地說，可提高系統相似模組的重用性，使得不同類的通訊更加穩固。一旦實現介面，