Time of Update: 2018-12-08
預設情況下,產生的頁面代碼可能與下面的代碼類似: 複製代碼 代碼如下:<!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>
Time of Update: 2018-12-08
1、簡單形式的封裝調用 複製代碼 代碼如下:var userName = function() { return "jeff wong" } (); alert(userName); 上面的代碼確實簡單,我們可以逐步分解成下面的寫法: 複製代碼 代碼如下:var anonymousFunc = function() { return "jeff wong" }; //匿名函數 var name = anonymousFunc(); //執行該函數 返回人名 alert(name); 2、new
Time of Update: 2018-12-08
文章目錄 使用方法工作原理樣本:菜單效果檔案下載及更新說明: 這很酷,因為這使你可以僅通過 css來對錶格行(<tr>)應用滑鼠滑過事件(mouseover)時的特殊效果。然而,萬惡的IE,對 :hover偽類頂多隻提供了有限的支援,具體支援的程度要取決於你的IE瀏覽器的具體版本。 Whatever:hover 是一個小小的指令碼,它可以迅速、自動地為IE6,IE7,IE8添加標準的 :hover、:active
Time of Update: 2018-12-08
函數式編程簡介 說到函數式編程,人們的第一印象往往是其學院派,晦澀難懂,大概只有那些蓬頭散發,不修邊幅,甚至有些神經質的大學教授們才會用的編程方式。這可能在曆史上的某個階段的確如此,但是近來函數式編程已經在實際應用中發揮著巨大作用了,而更有越來越多的語言不斷的加入諸如 閉包,匿名函數等的支援,從某種程度上來講,函數式編程正在逐步“同化”命令式編程。 函數式編程思想的源頭可以追溯到 20 世紀 30 年代,數學家阿隆左 . 丘奇在進行一項關於問題的可計算性的研究,也就是後來的 lambda 演算。
Time of Update: 2018-12-08
如果網頁處於焦點狀態返回true,否則返回fasle 什麼是焦點?焦點是指使用者是否活動在該頁面.確切的說滑鼠是否在該網頁內活動.或者說該網頁中的內容是否有被選中的,或者游標存在於該頁的某個元素內.如果具備其中一個條件那麼該頁就處於焦點狀態.注意hasFocus方法只針對網頁不針對瀏覽器.下面的執行個體中.你用滑鼠點擊網頁時候.該網頁處於焦點狀態.你用滑鼠點擊瀏覽器的地址欄以後.該網頁失去焦點並顯示false. 再次提醒hasFocus方法只能運行在document對像.請看下面執行個體
Time of Update: 2018-12-08
複製代碼 代碼如下:var obj = new Object(); obj.triggerOnce = function(fn) { //控制讓函數只觸發一次 return function() { try { fn.apply(this, arguments); } catch (e) { var txt = "There was an error on this page.\n\n"; txt += "Error message: " + e.message + "\n\n"; txt +=
Time of Update: 2018-12-08
話說在樓豬理解和實踐能力尚欠火候的時候,在這篇裡曾經照搬了李戰老師不少東西寫在自己的部落格裡作為“知識儲備”。這一次還是不能免俗。在翻到第5章的時候,被開篇第二段話深深吸引和折服:“函數具有對象的全部特徵,你完全可以把函數當對象調用。其實,函數就是對象,只不過比一般的對象多了一個括弧“{}”操作符,這個操作符用來執行函數的邏輯,即函數本身還可以被調用,一般對象卻不可以被調用,除此之外完全相同”。寥寥數語,卻深刻闡釋了對象和函數的關係。下面樓豬就通過自己寫的幾段簡單代碼,論證一下javascrip
Time of Update: 2018-12-08
複製代碼 代碼如下:<script type="text/javascript"> var test = { numA: 10, objB: {}, arrC: [], init: function(){ alert(this.numA); }, sayHi: function(name){ alert("hello " + name); }, sayHelloWorld: function(){ this.sayHi("world"); }, get: function(){
Time of Update: 2018-12-08
但不知道大家有沒遇到這樣一種情況,新開的視窗是通過<a href="" />開啟 的,而不是window.opener或showModalDialog開啟的。 尤其是需要注意的是:這個href指向的地址(頁面)不是我們開發的,譬如,我們將href指向www.cnblogs.com。 OK,問題來了:假如我們在a 所在的頁面有個按鈕,可以觸發點擊事件並進行一些操作。 而這個點擊事件需要在href開啟的IE視窗關閉後觸發。。。
Time of Update: 2018-12-08
核心代碼:複製代碼 代碼如下:<script type="text/javascript"> function Marquee() { this.ID = document.getElementById(arguments[0]); this.Direction = arguments[1]; this.Step = arguments[2]; this.Width = arguments[3]; this.Height = arguments[4]; this.Timer =
Time of Update: 2018-12-08
名稱是否免費是否支援輸出多類型介面華麗功能性建設架構EJSchart不是是上無JSchart個人免費是是上無jqPlot是是是中上JqueryFlot是否是下JqueryJGcharts是是一般中Jquery GOOGLE chart APIplotkit是是一般中Mochikitflotr是餅圖不支援是中PrototypeYUI2 chart是是是上YUI2Ext
Time of Update: 2018-12-08
在這篇文章中,作者介紹了7個JavaScript在IE和Firefox中存在的差異。 1. CSS “float” 值 訪問一個給定CSS 值的最基本句法是:object.style.property,使用駝峰寫法來替換有串連符的值,例如,訪問某個ID為”header”的<div>的 background-color值,我們使用如下句法: document.getElementById("header").style.backgroundColor= "#ccc";
Time of Update: 2018-12-08
但javascript我是經常要用,所以是要懂這裡面的概念。 其實javascript裡的閉包概念很簡單,就是函數用到外部變數,不需要傳參就可以擷取。 舉個例子: 複製代碼 代碼如下:<script> var sMessage = "Hello world"; function sayHello(){ alert(sMessage); } sayHello(); addNumber(1,2); var iBaseNum = 10; function addNumber(iNum1,
Time of Update: 2018-12-08
window.event對象差異 IE:有window.event對象 FF:沒有window.event對象。可以通過給函數的參數傳遞event對象。如onmousemove=doMouseMove(event) 擷取滑鼠當前座標 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:兩者都有event.clientX和event.clientY屬性。 滑鼠當前座標(加上捲軸滾過的距離)
Time of Update: 2018-12-08
系列簡介 也許,三百年前的艾薩克·牛頓爵士(Sir Issac Newton, 1643-1727)並沒幻想過,物理學廣泛地應用在今天許多遊戲、動畫中。為什麼在這些應用中要使用物理學?筆者認為,自我們出生以來,一直感受著物理世界的規律,意識到物體在這世界是如何"正常移動",例如射球時球為拋物線(自旋的球可能會做成弧線球) 、石子系在一根線的末端會以固定頻率擺動等等。要讓遊戲或動畫中的物體有真實感,其移動方式就要符合我們對"正常移動"的預期。 今天的遊戲動畫應用了多種物理類比技術,例如運動學類比(
Time of Update: 2018-12-08
複製代碼 代碼如下:<!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" content="text/
Time of Update: 2018-12-08
但我覺得這還不行,畢竟什麼都是人家封裝好的,得自己深入學習下原生的javascript才踏實。今天看到一篇不錯的博文,介紹了一個基於js dom編程的相簿執行個體,雖然這個例子很小,但個人認為還是很有學習價值的,先給出html和,這樣有助於後面js的理解。 複製代碼 代碼如下:<body> <div id="content"> <h1>Snapshots</h1> <ul id="imagegallery"> <li>
Time of Update: 2018-12-08
函數代碼 複製代碼 代碼如下:function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, port: a.port, query: a.search, params: (function(){ var ret = {}, seg = a.search.
Time of Update: 2018-12-08
JSON 格式可以使對象(object)、數組(array)、值(value)、字串(string)、數值(number)。 複製代碼 代碼如下:<script type="text/javascript"> var user = { "Name":"Andy", "Sex" :"man", "Age" :"20", "Phone":{"mobilephone":"123456789","telephone":"1234-12345678"},
Time of Update: 2018-12-08
剛才忽然靈機一動,迭代器我們很少會真的直接傻乎乎的next去遍曆的,那為什麼一定要實現這個傻乎乎的next呢?直接實現each,這樣,這樣反過來,Yeah,一通百通,不一會兒就寫出了第一個超簡潔版本: 複製代碼 代碼如下:function yieldHost(yieldFunction) { return function (processer) { var yield = function (result) { processer(result) }; yieldFunction(yield)