窺探jQuery——面向JavaScript程式員

當 jQuery 在2006年1月現身時,給我的第一印象,是這玩意兒構造得很精明。基於CSS選取器(CSS selectors)來打點一切,其思路相當靈巧(參考getElementsBySelector)。但鏈盒工事(chaining

基於Dojo DOH架構的Javascript效能測試實踐

DOH 架構介紹Dojo 作為一個功能豐富、高度模組化的 JavaScript 庫,註定需要 大量的單元測試來確保每一個功能模組的穩定。Dojo 內建的單元測試架構 DOH(Dojo Objective Harness)為編寫各類單元測試提供了堅實的基礎。開發人員可以利用 DOH 架構快 速地編寫以下單元測試:普通 Javascript 單元測試非同步 Javascript 單元測試Javascript 效能測試Web UI 互動測試其中,通過 DOH 普通 Javascript

使用Mootools開發JavaScript單元測試架構

Mootools是一個很好的JavaScript架構,它簡潔、模組化,使用很簡單,開發人員能夠很快上手,編寫擴充能力強、相容性好的JavaScript代碼。我這兩天用了用,感覺和Prototype用法簡直一模一樣,不過功能似乎更加強,有很多效果,拖拽等。而且它的物件導向,繼承比Prototype更直觀好用,所以我開始學習這個架構。首先看看Mootools的基本用法吧,更加詳盡的解釋可以在官方網站上找到。1.? 如果我們要寫一個Animal類,我們可以這樣寫: var Animal = new

Javascript遍曆DOM結構和對象結構

在實際工作中,記住瀏覽器中對象的屬性、方法幾乎是件不可能完成的任務,保持一份資料或網址是個好辦法。但是查閱資料也是要花費不少時間,如果能有個指令碼將對象的結構列印出來,將會加速開發進程。下面是我編寫的查看對象結構例子,請下載附件擷取可執行代碼://Animal是一個對象 Animal = { createNew: function( bundle ) { var animal = {}; var protect =

javascript架構概覽備忘

javascript架構多呀,令人眼花繚亂。javascript既然是解釋執行,那麼天然的就具備了開源的基因。為了少些限制,傾向於挑選基於MIT/BSD/APL協議的架構。以下排名不分先後,都是搜尋結果:1)Mojito是一個JavaScript

javascriptRegex學習

最近利用一周時間閱讀了《精通Regex(第3版)》前6章,希望能夠精通Regex,並且能夠撰寫《javascript深度理解Regex》這樣的文章。一周時間太短,我自認為僅僅是達到了“不再畏懼”、“更有信心”的程度,因而本文的目標只能是協助讀者“掌握”Regex。我想Regex之所以難,主要體現在以下幾個方面:1)Regex的符號晦澀難懂2)不支援排版(至少javascript目前還不支援)3)不能設定斷點,不能跟蹤調試4)

javascript中call和apply的區別

我理解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;

javascript的數組和數字排序

javascript數組分配記憶體是非線性,這樣會犧牲效能,好處就是更加靈活,例如:數組元素不要求同樣的類型,給數組添加元素不會越界。數組下標從0開始,length取值為最大下標加1。數組下標不必連續,你也可以改變length的值,數組元素記憶體是動態分配的,僅僅是設定更大的length不會佔用更多的空間,而將length的值改小,則大於等於該下標的元素會被清除掉,記憶體得以釋放。數組和對象的主要差別有兩點,一是數組對象屬性名稱不能自訂,二是數組對象會有一些處理數組的方法,在對象中沒有。使用pu

javascript圍觀IE10中window對象的結構

我在<<javascript遍曆DOM結構和對象結構>>一文中提供了一個遍曆對象結構的函數,利用這個函數,展現IE10中window對象的結構(還真是不少啊~調試代碼也在呢~)如下:調試資訊: [Object] window |--[function] addEventListener = function addEventListener() { [native code] } |--[function] alert = function

使瀏覽器實現JavaScript支援的方法解析

一、基本的JavaScript 開發環境JavaScript Reference與JavaScript API:JavaScript Reference是用於建立包含JavaScript runtime的Library或 DLL,然後編譯成小的 "shell" 程式,串連Library後產生互動JavaScript解譯器,也可以用來解釋.js 檔案。該程式不依賴Navigator代碼。產生的"shell"

一個非常實用的javascript讀寫Cookie函數

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));}-----------

JavaScript中避免Form重複提交的兩種方案

1、javascript ,設定一個變數,只允許提交一次。<script language="javascript">  var checkSubmitFlg = false;  function checkSubmit(){   if (checkSubmitFlg == true)  {     return false;   }   checkSubmitFlg = true;   return true;  }  document.ondblclick =

javascript實現textarea打字機效果提示

非常不錯的提示輸入內容,動態提示,給人親切感<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class="text" onchange="CHECKCONTENT()"

Javascript日期級聯組件程式碼分析及demo

最近研究下JS日期級聯效果 感覺還不錯,然後看了下kissy也正好有這麼一個 組件,也看了下源碼,寫的還不錯,通過google最早是在2011年 淘寶的虎牙(花 名)用原審JS寫了一個(貌似據說是從YUI那邊重構下的) 具體的可以看他的 博 客園 , 感覺kissy組件源碼 思路也是和YUI類似 所以我今天的基本思路也和他們 的一樣 只是通過自己分析下及用自己的方式封裝下。基本原理1.傳參中有 '年份下拉框dom節點', '月份下拉框dom節點', '天數下拉框dom-節點',

淺談javascript函數中的this

1) 當一個函數被儲存為對象的一個屬性時,我們稱它為一個方法。當一個方法被調用時,this被綁定到該對象。2) 當一個函數並非一個對象的屬性,那麼當它被調用時,this被綁定到全域對象。這一缺陷導致內建函式的this不一定是調用它的函數的this,解決辦法是在外部函數定義一個新的變數指向this(例如var that = this; )。3) 在一個函數前面帶上new,將建立一個新對象,this綁定到新對象。4)

深度理解javascript函數

理解javascript函數的關鍵就是拋棄主流物件導向語言中“類”的觀念。主流的物件導向語言,例如C++,先寫好“類”的定義。當需要對象時,用new關鍵字去划出一片記憶體來,賦上初值,就有了一個對象(“類”的“執行個體”)。混淆的來源是javascript語言模仿了物件導向的文法,看到Object,new之類的關鍵字,很難不讓人去聯想那些傳統的物件導向的經典概念。我們可以優雅的模仿“類&r

用javascript編製一個遞迴演算法來解決漢諾塔問題

傳說某間寺院有三根柱子,在創世之初,第一根柱子串有64個金盤,盤的尺寸由下到上一個比一個小。寺院裡的僧侶依照一個古老的預言,每天移動一個盤;大盤不能疊在小盤上面,預言說盤子全部移動到到第三根柱子時,世界就會滅亡。最少移動步數是隨著盤子的個數呈指數增長(2^n-1)的。對指數增長有概念的同學應該能夠看出移動64個盤子所需的步數是個天文數字,即使僧侶們每秒可完成一個盤子的移動,也需要5846億年才能完成,整個宇宙現在也不過137億年。這個世界滅亡傳說的本意大概是在祝福世界不要滅亡吧。在《猩球崛起》故

html實現 頁面禁止右鍵 禁止複製 禁止圖片拖動 禁止複製和剪下,

html實現 頁面禁止右鍵 禁止複製 禁止圖片拖動 禁止複製和剪下, 眾所周知,一般的屏蔽的方法是用JS來編寫的指令碼,但是也可以直接通過修改網頁屬性的方法來屏蔽右鍵 禁止複製。 禁止右鍵 oncontextmenu="return false" 禁止複製和剪下:oncopy="return false;"oncut="return false;" 禁止複製 onselectstart="return

HTML語言中img標籤的alt屬性和title屬性的作用與區別,imgtitle

HTML語言中img標籤的alt屬性和title屬性的作用與區別,imgtitlealt屬性是在你的圖片因為某種原因不能載入時在頁面顯示的提示資訊,它會直接輸出在原本載入圖片的地方,而title屬性是在你滑鼠移至上方在該圖片上時顯示一個小提示,滑鼠離開就沒有了,有點類似jQuery的hover,你可以自己試試,另外,HTML的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的。

學習有關浮動和BFC的整理轉述,浮動bfc整理轉述

學習有關浮動和BFC的整理轉述,浮動bfc整理轉述前言:這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方,請大家指正,我會持續更新! 文檔流的概念:html中block塊元素預設是單獨佔據一行的,從上到下排列,也就是我們說的文檔流;脫離文檔流的概念:A元素定義了float屬性之後,就會"浮"起來,原來佔據的空間由後面的B元素佔據;如果浮動起來的A元素和B元素髮生重疊,浮動起來的A元素就會覆蓋B元素;浮動元素具有內嵌元素的特性,不在單獨佔據一行,相鄰的浮動元素,最前面的具有le

總頁數: 3271 1 .... 1023 1024 1025 1026 1027 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.