Time of Update: 2017-01-19
幾乎所有的富 Web 應用程式都基於一個或多個 Web UI 庫或架構,這些 UI 庫與架構極大地簡化了開發進程,並帶來一致,可靠,以及高度互動性的使用者介面。本文介紹了 15 個非常強大的 JavaScript Web UI 庫,非常適合各種各種規模的富 Web 應用程式的開發。LivePipeLivePipe UI 基於 Prototype Javascript 架構,包含了一整套經嚴格測試並高度可擴充的 UI 控制項,擁有很好的文檔,在不支援 JavaScript
Time of Update: 2017-01-19
關於JSON對象,你可以參看wikipedia(http://zh.wikipedia.org/zh-cn/JSON),還有官方網站(http://www.json.org/json-zh.html)。
Time of Update: 2017-01-19
題目:從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 {
Time of Update: 2017-01-19
先看下前幾天的動畫是如何構造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:我不願意讓自己去這洋寫: 複製代碼
Time of Update: 2017-01-19
前言:
Time of Update: 2017-01-19
Regex的直接變數字元: 字元匹配\oNUL字元\t定位字元\n分行符號\v垂直定位字元\f換頁符\r斷行符號\xnn由十六進位nn指定的拉丁符,比如:\x0A等價於\n\uxxxxunicode字元\cX控制字元^X Regex的js引用:var sEnd=new RegExp("s$"); ——以s為結尾的字串匹配 Regex: 被驗證字元: 在Regex中具有特殊含義的,它們是:
Time of Update: 2017-01-19
這一點可能聽起來會有點亂,別急,下面我便通過執行個體對這一特殊的方法作已下講解: 首先,我們要先瞭解一下類的概念,JavaScript 本身是一種物件導向的語言,它所涉及的元素根據其屬性的不同都依附於某一個特定的類。我們所常見的類包括:陣列變數(Array)、邏輯變數(Boolean)、日期變數(Date)、結構變數(Function)、數值變數(Number)、物件變數(Object)、字串變數(String)
Time of Update: 2017-01-19
複製代碼 代碼如下:(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,
Time of Update: 2017-01-19
// 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 //
Time of Update: 2017-01-19
測試瀏覽器的版本: 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
Time of Update: 2017-01-19
函數代碼如下: 複製代碼 代碼如下: /* * 四則運算精度修正函數 * 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 -
Time of Update: 2017-01-19
雲棲社區精簡使用版本,一般情況好多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"
Time of Update: 2017-01-19
代碼如下: 複製代碼 代碼如下: 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); }
Time of Update: 2017-01-19
舉個例子 複製代碼 代碼如下: 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,
Time of Update: 2017-01-19
方法一: 正則替換 推薦個人認為最好的方法.採用的是Regex,這是最核心的原理. 下面是代碼原文 複製代碼 代碼如下: <SCRIPT LANGUAGE="JavaScript"> <!-- //出處:網上搜集 //For more visit http://www.jb51.net // Trim() , Ltrim() , RTrim() String.prototype.Trim = function() { return this.replace(/(^\s*)|(\
Time of Update: 2017-01-19
本文 閉包的概念: 閉包是一個擁有許多變數和綁定了這些變數的環境的運算式(通常是一個函數),因而這些變數也是該運算式的一部分。 最常見的閉包 複製代碼 代碼如下: function a() { var i=0; return function(){ alert(i++); } } var b=a(); for(var i=0;i<3;i++){ b(); } 解釋上面代碼前,先接受一個函數的建立和執行過程 第一步:定義函數,設定環境,建立範圍鏈(scope
Time of Update: 2017-01-19
正題: 1.1 javascript的靈活性 物件導向對象的Javascript編程模式:1、可以儲存狀態 2、具有對象內部才能調用的方法 3、對編寫的程式更能掌握其結構,能經受的起反覆式開發法(個人認為) 複製代碼 代碼如下: //夠造函數,也可俗稱為類 var Anim=function(){ ... } //類中的方法,javascript中的原型 Anim.prototype.start=function(){ ... } 註:一般講方法放入原型中,因為原型中一般儲存不變通用的東西
Time of Update: 2017-01-19
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]更直接的測試代碼就是:alert(test("社會安全號碼碼"));經測試,上面的JS驗證太強大了,輸入正確的身份證後,隨便改一位都報錯!非常實用,以後大家就方便瞭解使用者輸入的身份證的正確與否了。
Time of Update: 2017-01-19
為瞭解決jQuery和其他JavaScript庫中$()函數的衝突,需要取消jQuery的$()函數,為此jQuery提供了如下方法: 複製代碼 代碼如下: //取消jQuery中的$()函數 jQuery.noConflict() ; 將上面的粗體字代碼放在JavaScript代碼的第一行,這行代碼就會取消jQuery的$()函數 註:其實只是取消了jQuery()函數的$()別名,因此我們依然可以使用jQuery來代替原來的$()。 除此之外,多次重複書寫jQuery()也是很煩瑣的事情,
Time of Update: 2017-01-19
簡單事件模型和進階事件模型 簡單事件模型和進階事件模型簡單事件,就是事件與頁面元素直觀的綁定在一起的形式,如: 複製代碼 代碼如下: <div onclick="alert(this.innerHTML);"> element.onclick = function(){alert(this.innerHTML);} 只要不是用了個別瀏覽器專屬的事件,一般的click,mouseover事件等在各瀏覽器中都可以這麼使用。 但是當一個事件需要綁定多個監聽,或者需要動態註冊/移出監聽時,