15 個 JavaScript Web UI 庫_javascript技巧

幾乎所有的富 Web 應用程式都基於一個或多個 Web UI 庫或架構,這些 UI 庫與架構極大地簡化了開發進程,並帶來一致,可靠,以及高度互動性的使用者介面。本文介紹了 15 個非常強大的 JavaScript Web UI 庫,非常適合各種各種規模的富 Web 應用程式的開發。LivePipeLivePipe UI 基於 Prototype Javascript 架構,包含了一整套經嚴格測試並高度可擴充的 UI 控制項,擁有很好的文檔,在不支援 JavaScript

JavaScript 以對象為索引的關聯陣列_javascript技巧

關於JSON對象,你可以參看wikipedia(http://zh.wikipedia.org/zh-cn/JSON),還有官方網站(http://www.json.org/json-zh.html)。

JavaScript 語言的遞迴編程_javascript技巧

題目:從1累加一直加到100的和是多少? 非遞迴的迴圈寫法: 複製代碼 代碼如下: 1run: function() { 2 var sum = 0; 3 for(var i=1;i<=100;i++) { 4 sum = sum + i; 5 } 6 console.log(sum); 7} 遞迴的寫法: 複製代碼 代碼如下: var testCase = { sum: 0, run: function(n) { if(n>=100) { return 100; } else {

javascript 圖片輪換 函數化繼承_javascript技巧

先看下前幾天的動畫是如何構造JS的: 複製代碼 代碼如下: var photo=function(){ var index=0,a,b,c,d; return { show:function(){}, auto:function(){} } } var aa=photo(); //基本上是 用return 返回了一些方法。 // 1:無法初始化就執行 auto。 // 2:在初始化的時候,我沒辦法把this指向aa。 //上面兩個問題,會很不方便。 1:我不願意讓自己去這洋寫: 複製代碼

javascript Regex(一)_javascript技巧

Regex的直接變數字元: 字元匹配\oNUL字元\t定位字元\n分行符號\v垂直定位字元\f換頁符\r斷行符號\xnn由十六進位nn指定的拉丁符,比如:\x0A等價於\n\uxxxxunicode字元\cX控制字元^X Regex的js引用:var sEnd=new RegExp("s$");  ——以s為結尾的字串匹配 Regex: 被驗證字元:      在Regex中具有特殊含義的,它們是:  

JavaScript prototype屬性使用說明_javascript技巧

這一點可能聽起來會有點亂,別急,下面我便通過執行個體對這一特殊的方法作已下講解:   首先,我們要先瞭解一下類的概念,JavaScript 本身是一種物件導向的語言,它所涉及的元素根據其屬性的不同都依附於某一個特定的類。我們所常見的類包括:陣列變數(Array)、邏輯變數(Boolean)、日期變數(Date)、結構變數(Function)、數值變數(Number)、物件變數(Object)、字串變數(String)

javascript preload&lazy load_javascript技巧

複製代碼 代碼如下:(function($) { (function($) { $.preload = function(data, cfg) { return new Loader(data, cfg); }; var maps = {}, on = $.event.add, un = $.event.remove, head = document.getElementsByTagName('head')[0], body = document.body, bs = $.browser,

一些經常會用到的Javascript檢測函數_javascript技巧

// Function Name: trim // Function Description: 去除字串的首尾的空格 // Creation Date: 2004-7-13 15:30 // Last Modify By: N/A // Last Modify Date: N/A String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } // Function Name: ltrim //

javascript 事件對象 座標事件說明_javascript技巧

測試瀏覽器的版本: IETester 6 ,7 IE 8.0 Firefox 3.5.5 Chrome 4.1.249.1064 (45376) Opera 9.64 Safari 4.0 先來看看各個主流瀏覽器都有哪些座標屬性以及它們的意義 在IE中 event.offsetX event.offsetY 相對於e.srcElement座標 設定或擷取滑鼠指標位置相對於觸發事件的對象的 x 座標。 設定或擷取滑鼠指標位置相對於觸發事件的對象的 y 座標。 event.clientX

javascript 四則運算精度修正函數代碼_javascript技巧

函數代碼如下: 複製代碼 代碼如下: /* * 四則運算精度修正函數 * m 數值1(number) * n 數值2(number) * op 操作符(string) */ function fixMath(m, n, op) { var a = (m+ " "); var b = (n+ " "); var x = 1; var y = 1; var c = 1; if(a.indexOf( ". ")> 0) { x = Math.pow(10, a.length -

javascript 子表單父表單相互傳值方法_javascript技巧

雲棲社區精簡使用版本,一般情況好多cms都有一些這樣的函數。dedecms中的選擇相關文章也是用的這樣的函數。下面給出具體的代碼。父頁面核心代碼:複製代碼 代碼如下:<script>function SelectArcListA(fname){ var posLeft = 10; var posTop = 10; window.open("content_select_list.asp?f="+fname+"&k="+form1.keyword.value, "selArcList"

javascript 傳統事件模型構造的事件監聽器實現代碼_javascript技巧

代碼如下: 複製代碼 代碼如下: var br={}; br.eventRouter = {}; br.eventRouter.addListen = function(el,eventType,func){ if(!el.eventObjs){ el.eventObjs = {}; } if(!el.eventObjs[eventType]){ el.eventObjs[eventType]=[]; br.eventRouter.bindListen(el,eventType); }

Javascript Memoization 緩衝函數使用說明_javascript技巧

舉個例子 複製代碼 代碼如下: var flower= function(){ var t=0,i=0; for(;i<5000000;i++){ t++; } return t; } flower 返回t的值 假設這個函數需要花費 2-3秒 。 通過 Memoization 函數,再次尋找相同的值時,直接擷取事先緩衝好的 value,立刻返回; Memoization 函數 複製代碼 代碼如下: var Memoize = function(fn, cache, refetch,

JavaScript trim 去除字串空格的三種方法(附代碼詳解)_javascript技巧

方法一: 正則替換 推薦個人認為最好的方法.採用的是Regex,這是最核心的原理. 下面是代碼原文 複製代碼 代碼如下: <SCRIPT LANGUAGE="JavaScript"> <!-- //出處:網上搜集 //For more visit http://www.jb51.net // Trim() , Ltrim() , RTrim() String.prototype.Trim = function() { return this.replace(/(^\s*)|(\

Javascript 設計模式(二) 閉包_javascript技巧

本文 閉包的概念: 閉包是一個擁有許多變數和綁定了這些變數的環境的運算式(通常是一個函數),因而這些變數也是該運算式的一部分。 最常見的閉包 複製代碼 代碼如下: function a() { var i=0; return function(){ alert(i++); } } var b=a(); for(var i=0;i<3;i++){ b(); } 解釋上面代碼前,先接受一個函數的建立和執行過程 第一步:定義函數,設定環境,建立範圍鏈(scope

JavaScript 設計模式 富有表現力的Javascript(一)_javascript技巧

正題: 1.1 javascript的靈活性 物件導向對象的Javascript編程模式:1、可以儲存狀態 2、具有對象內部才能調用的方法 3、對編寫的程式更能掌握其結構,能經受的起反覆式開發法(個人認為) 複製代碼 代碼如下: //夠造函數,也可俗稱為類 var Anim=function(){ ... } //類中的方法,javascript中的原型 Anim.prototype.start=function(){ ... } 註:一般講方法放入原型中,因為原型中一般儲存不變通用的東西

javascript 社會安全號碼碼驗證函式(可辨真偽,支援15或18位社會安全號碼)測試誤差為0_javascript技巧

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]更直接的測試代碼就是:alert(test("社會安全號碼碼"));經測試,上面的JS驗證太強大了,輸入正確的身份證後,隨便改一位都報錯!非常實用,以後大家就方便瞭解使用者輸入的身份證的正確與否了。

讓jQuery與其他JavaScript庫並存避免衝突的方法_jquery

為瞭解決jQuery和其他JavaScript庫中$()函數的衝突,需要取消jQuery的$()函數,為此jQuery提供了如下方法: 複製代碼 代碼如下: //取消jQuery中的$()函數 jQuery.noConflict() ; 將上面的粗體字代碼放在JavaScript代碼的第一行,這行代碼就會取消jQuery的$()函數 註:其實只是取消了jQuery()函數的$()別名,因此我們依然可以使用jQuery來代替原來的$()。 除此之外,多次重複書寫jQuery()也是很煩瑣的事情,

javascript 跨瀏覽器開發經驗總結(五) js 事件_javascript技巧

簡單事件模型和進階事件模型 簡單事件模型和進階事件模型簡單事件,就是事件與頁面元素直觀的綁定在一起的形式,如: 複製代碼 代碼如下: <div onclick="alert(this.innerHTML);"> element.onclick = function(){alert(this.innerHTML);} 只要不是用了個別瀏覽器專屬的事件,一般的click,mouseover事件等在各瀏覽器中都可以這麼使用。 但是當一個事件需要綁定多個監聽,或者需要動態註冊/移出監聽時,

總頁數: 3271 1 .... 1457 1458 1459 1460 1461 .... 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.