Time of Update: 2017-02-27
當 jQuery 在2006年1月現身時,給我的第一印象,是這玩意兒構造得很精明。基於CSS選取器(CSS selectors)來打點一切,其思路相當靈巧(參考getElementsBySelector)。但鏈盒工事(chaining
Time of Update: 2017-02-27
DOH 架構介紹Dojo 作為一個功能豐富、高度模組化的 JavaScript 庫,註定需要 大量的單元測試來確保每一個功能模組的穩定。Dojo 內建的單元測試架構 DOH(Dojo Objective Harness)為編寫各類單元測試提供了堅實的基礎。開發人員可以利用 DOH 架構快 速地編寫以下單元測試:普通 Javascript 單元測試非同步 Javascript 單元測試Javascript 效能測試Web UI 互動測試其中,通過 DOH 普通 Javascript
Time of Update: 2017-02-27
Mootools是一個很好的JavaScript架構,它簡潔、模組化,使用很簡單,開發人員能夠很快上手,編寫擴充能力強、相容性好的JavaScript代碼。我這兩天用了用,感覺和Prototype用法簡直一模一樣,不過功能似乎更加強,有很多效果,拖拽等。而且它的物件導向,繼承比Prototype更直觀好用,所以我開始學習這個架構。首先看看Mootools的基本用法吧,更加詳盡的解釋可以在官方網站上找到。1.? 如果我們要寫一個Animal類,我們可以這樣寫: var Animal = new
Time of Update: 2017-02-27
在實際工作中,記住瀏覽器中對象的屬性、方法幾乎是件不可能完成的任務,保持一份資料或網址是個好辦法。但是查閱資料也是要花費不少時間,如果能有個指令碼將對象的結構列印出來,將會加速開發進程。下面是我編寫的查看對象結構例子,請下載附件擷取可執行代碼://Animal是一個對象 Animal = { createNew: function( bundle ) { var animal = {}; var protect =
Time of Update: 2017-02-27
javascript架構多呀,令人眼花繚亂。javascript既然是解釋執行,那麼天然的就具備了開源的基因。為了少些限制,傾向於挑選基於MIT/BSD/APL協議的架構。以下排名不分先後,都是搜尋結果:1)Mojito是一個JavaScript
Time of Update: 2017-02-27
最近利用一周時間閱讀了《精通Regex(第3版)》前6章,希望能夠精通Regex,並且能夠撰寫《javascript深度理解Regex》這樣的文章。一周時間太短,我自認為僅僅是達到了“不再畏懼”、“更有信心”的程度,因而本文的目標只能是協助讀者“掌握”Regex。我想Regex之所以難,主要體現在以下幾個方面:1)Regex的符號晦澀難懂2)不支援排版(至少javascript目前還不支援)3)不能設定斷點,不能跟蹤調試4)
Time of Update: 2017-02-27
我理解javascript中call和apply的區別僅在於文法不同。下例中分別調用call和apply對myObj進行修改,文法不同,但使用效果是一樣的:var myObj = { "a":1, "b":2, "c":3 } var myFunc = function(a,b,c){ this.a=a; this.b=b;
Time of Update: 2017-02-27
javascript數組分配記憶體是非線性,這樣會犧牲效能,好處就是更加靈活,例如:數組元素不要求同樣的類型,給數組添加元素不會越界。數組下標從0開始,length取值為最大下標加1。數組下標不必連續,你也可以改變length的值,數組元素記憶體是動態分配的,僅僅是設定更大的length不會佔用更多的空間,而將length的值改小,則大於等於該下標的元素會被清除掉,記憶體得以釋放。數組和對象的主要差別有兩點,一是數組對象屬性名稱不能自訂,二是數組對象會有一些處理數組的方法,在對象中沒有。使用pu
Time of Update: 2017-02-27
我在<<javascript遍曆DOM結構和對象結構>>一文中提供了一個遍曆對象結構的函數,利用這個函數,展現IE10中window對象的結構(還真是不少啊~調試代碼也在呢~)如下:調試資訊: [Object] window |--[function] addEventListener = function addEventListener() { [native code] } |--[function] alert = function
Time of Update: 2017-02-27
一、基本的JavaScript 開發環境JavaScript Reference與JavaScript API:JavaScript Reference是用於建立包含JavaScript runtime的Library或 DLL,然後編譯成小的 "shell" 程式,串連Library後產生互動JavaScript解譯器,也可以用來解釋.js 檔案。該程式不依賴Navigator代碼。產生的"shell"
Time of Update: 2017-02-27
javascript讀寫刪除cookie的操作.function GetCookieVal(offset)//獲得Cookie解碼後的值{var endstr = document.cookie.indexOf (";", offset);if (endstr == -1)endstr = document.cookie.length;return unescape(document.cookie.substring(offset, endstr));}-----------
Time of Update: 2017-02-27
1、javascript ,設定一個變數,只允許提交一次。<script language="javascript"> var checkSubmitFlg = false; function checkSubmit(){ if (checkSubmitFlg == true) { return false; } checkSubmitFlg = true; return true; } document.ondblclick =
Time of Update: 2017-02-27
非常不錯的提示輸入內容,動態提示,給人親切感<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class="text" onchange="CHECKCONTENT()"
Time of Update: 2017-02-27
最近研究下JS日期級聯效果 感覺還不錯,然後看了下kissy也正好有這麼一個 組件,也看了下源碼,寫的還不錯,通過google最早是在2011年 淘寶的虎牙(花 名)用原審JS寫了一個(貌似據說是從YUI那邊重構下的) 具體的可以看他的 博 客園 , 感覺kissy組件源碼 思路也是和YUI類似 所以我今天的基本思路也和他們 的一樣 只是通過自己分析下及用自己的方式封裝下。基本原理1.傳參中有 '年份下拉框dom節點', '月份下拉框dom節點', '天數下拉框dom-節點',
Time of Update: 2017-02-27
1) 當一個函數被儲存為對象的一個屬性時,我們稱它為一個方法。當一個方法被調用時,this被綁定到該對象。2) 當一個函數並非一個對象的屬性,那麼當它被調用時,this被綁定到全域對象。這一缺陷導致內建函式的this不一定是調用它的函數的this,解決辦法是在外部函數定義一個新的變數指向this(例如var that = this; )。3) 在一個函數前面帶上new,將建立一個新對象,this綁定到新對象。4)
Time of Update: 2017-02-27
理解javascript函數的關鍵就是拋棄主流物件導向語言中“類”的觀念。主流的物件導向語言,例如C++,先寫好“類”的定義。當需要對象時,用new關鍵字去划出一片記憶體來,賦上初值,就有了一個對象(“類”的“執行個體”)。混淆的來源是javascript語言模仿了物件導向的文法,看到Object,new之類的關鍵字,很難不讓人去聯想那些傳統的物件導向的經典概念。我們可以優雅的模仿“類&r
Time of Update: 2017-02-27
傳說某間寺院有三根柱子,在創世之初,第一根柱子串有64個金盤,盤的尺寸由下到上一個比一個小。寺院裡的僧侶依照一個古老的預言,每天移動一個盤;大盤不能疊在小盤上面,預言說盤子全部移動到到第三根柱子時,世界就會滅亡。最少移動步數是隨著盤子的個數呈指數增長(2^n-1)的。對指數增長有概念的同學應該能夠看出移動64個盤子所需的步數是個天文數字,即使僧侶們每秒可完成一個盤子的移動,也需要5846億年才能完成,整個宇宙現在也不過137億年。這個世界滅亡傳說的本意大概是在祝福世界不要滅亡吧。在《猩球崛起》故
Time of Update: 2017-02-27
html實現 頁面禁止右鍵 禁止複製 禁止圖片拖動 禁止複製和剪下, 眾所周知,一般的屏蔽的方法是用JS來編寫的指令碼,但是也可以直接通過修改網頁屬性的方法來屏蔽右鍵 禁止複製。 禁止右鍵 oncontextmenu="return false" 禁止複製和剪下:oncopy="return false;"oncut="return false;" 禁止複製 onselectstart="return
Time of Update: 2017-02-27
HTML語言中img標籤的alt屬性和title屬性的作用與區別,imgtitlealt屬性是在你的圖片因為某種原因不能載入時在頁面顯示的提示資訊,它會直接輸出在原本載入圖片的地方,而title屬性是在你滑鼠移至上方在該圖片上時顯示一個小提示,滑鼠離開就沒有了,有點類似jQuery的hover,你可以自己試試,另外,HTML的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的。
Time of Update: 2017-02-27
學習有關浮動和BFC的整理轉述,浮動bfc整理轉述前言:這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方,請大家指正,我會持續更新! 文檔流的概念:html中block塊元素預設是單獨佔據一行的,從上到下排列,也就是我們說的文檔流;脫離文檔流的概念:A元素定義了float屬性之後,就會"浮"起來,原來佔據的空間由後面的B元素佔據;如果浮動起來的A元素和B元素髮生重疊,浮動起來的A元素就會覆蓋B元素;浮動元素具有內嵌元素的特性,不在單獨佔據一行,相鄰的浮動元素,最前面的具有le