国产二区一区,中文字幕久热精品视频在线,久久最新网址

OpenLayers 疊加國家天地圖墨卡托

brock — Tue, 24 Jun 2014 09:00:00 GMT

二次開發示例

Web Map Tile Service (WMTS) Layer

brock 2014-06-24 17:00 發表評論

ext grid 刪除最后一行數據后還是顯示

brock — Thu, 24 Oct 2013 02:40:00 GMT

ext grid 刪除最后一行數據后還是顯示

grid刪除最后一行數據后，store reload ,因為數據庫中已經沒有數據了，所以返回null .

但是ext不認這個東西，所以在service中進行判斷。如果數據為null ，則返回

"{total:0,gridData:[]}" ;

重新編譯，運行后，刪除最后一行數據，就會看不到了。

brock 2013-10-24 10:40 發表評論

JavaScript中的匿名函數及函數的閉包

brock — Wed, 20 Mar 2013 02:00:00 GMT

1、匿名函數
2、閉包
3、舉例
4、注意

1、匿名函數

函數是JavaScript中最靈活的一種對象，這里只是講解其匿名函數的用途。匿名函數：就是沒有函數名的函數。

1.1 函數的定義，首先簡單介紹一下函數的定義，大致可分為三種方式

第一種：這也是最常規的一種

function double(x){     return 2 * x;    }

第二種：這種方法使用了Function構造函數，把參數列表和函數體都作為字符串，很不方便，不建議使用。

var double = new Function('x', 'return 2 * x;');

第三種：

var double = function(x) {
 return 2* x; 
}

注意“=”右邊的函數就是一個匿名函數，創造完畢函數后，又將該函數賦給了變量square。

1.2 匿名函數的創建

第一種方式：就是上面所講的定義square函數，這也是最常用的方式之一。

第二種方式：

(function(x, y){
     alert(x + y);
   })(2, 3);

這里創建了一個匿名函數(在第一個括號內)，第二個括號用于調用該匿名函數，并傳入參數。

2、閉包

閉包的英文單詞是closure，這是JavaScript中非常重要的一部分知識，因為使用閉包可以大大減少我們的代碼量，使我們的代碼看上去更加清晰等等，總之功能十分強大。

閉包的含義：閉包說白了就是函數的嵌套，內層的函數可以使用外層函數的所有變量，即使外層函數已經執行完畢（這點涉及JavaScript作用域鏈）。

示例一

function checkClosure(){     var str = 'rain-man';     setTimeout(         function(){ alert(str); } //這是一個匿名函數     , 2000); } checkClosure();

這個例子看上去十分的簡單，仔細分析下它的執行過程還是有許多知識點的：checkClosure函數的執行是瞬間的（也許用時只是0.00001毫秒），在checkClosure的函數體內創建了一個變量str，在checkClosure執行完畢之后str并沒有被釋放，這是因為setTimeout內的匿名函數存在這對str的引用。待到2秒后函數體內的匿名函數被執行完畢,str才被釋放。

示例二，優化代碼

function forTimeout(x, y){
     alert(x + y); } function delay(x , y  , time){
     setTimeout('forTimeout(' +  x + ',' +  y + ')' , time);
     } /**  * 上面的delay函數十分難以閱讀，也不容易編寫，但如果使用閉包就可以讓代碼更加清晰  * 
function delay(x , y , time){  *     
setTimeout(  *        
 function(){  *            
 forTimeout(x , y)   * 
        }            *     , time);
     * } 
 */

3、舉例

匿名函數最大的用途是創建閉包（這是JavaScript語言的特性之一），并且還可以構建命名空間，以減少全局變量的使用。

示例三：

var oEvent = {}; (function(){      var addEvent = function(){ /*代碼的實現省略了*/ };     function removeEvent(){}      oEvent.addEvent = addEvent;     oEvent.removeEvent = removeEvent; })();

在這段代碼中函數addEvent和removeEvent都是局部變量，但我們可以通過全局變量oEvent使用它，這就大大減少了全局變量的使用，增強了網頁的安全性。我們要想使用此段代碼：oEvent.addEvent(document.getElementById('box') , 'click' , function(){});

示例四：

var rainman = (function(x , y){     return x + y; })(2 , 3); /**  * 也可以寫成下面的形式，因為第一個括號只是幫助我們閱讀，但是不推薦使用下面這種書寫格式。  * var rainman = function(x , y){  *    return x + y;  * }(2 , 3);  */

在這里我們創建了一個變量rainman，并通過直接調用匿名函數初始化為5，這種小技巧有時十分實用。

示例五：

var outer = null;  (function(){     var one = 1;     function inner (){         one += 1;         alert(one);     }     outer = inner; })();  outer();    //2 outer();    //3 outer();    //4

這段代碼中的變量one是一個局部變量（因為它被定義在一個函數之內），因此外部是不可以訪問的。但是這里我們創建了inner函數，inner函數是可以訪問變量one的；又將全局變量outer引用了inner，所以三次調用outer會彈出遞增的結果。

4、注意

4.1 閉包允許內層函數引用父函數中的變量，但是該變量是最終值

示例六：

/**  *   *   *     one
  *     two
  *     three
  *     one
  * 
  */  var lists = document.getElementsByTagName('li'); for(var i = 0 , len = lists.length ; i < len ; i++){     lists[ i ].onmouseover = function(){         alert(i);         }; }

你會發現當鼠標移過每一個

解決方法一：

var lists = document.getElementsByTagName('li'); for(var i = 0 , len = lists.length ; i < len ; i++){     (function(index){         lists[ index ].onmouseover = function(){             alert(index);             };                         })(i); }

解決方法二：

var lists = document.getElementsByTagName('li'); for(var i = 0, len = lists.length; i < len; i++){     lists[ i ].$$index = i;    //通過在Dom元素上綁定$$index屬性記錄下標     lists[ i ].onmouseover = function(){         alert(this.$$index);         }; }

解決方法三：

function eventListener(list, index){     list.onmouseover = function(){         alert(index);     }; } var lists = document.getElementsByTagName('li'); for(var i = 0 , len = lists.length ; i < len ; i++){     eventListener(lists[ i ] , i); }

4.2 內存泄露

使用閉包十分容易造成瀏覽器的內存泄露，嚴重情況下會是瀏覽器掛死，感興趣的的話可以參考：http://www.cnblogs.com/rainman/archive/2009/03/07/1405624.html。

http://www.cnblogs.com/rainman/archive/2009/05/04/1448899.html

brock 2013-03-20 10:00 發表評論

javascript ip、域名、手機號碼正則表達式驗證代碼

brock — Mon, 27 Dec 2010 02:11:00 GMT

這個手機號碼正則驗證函數可以說是最新的都支持的，里面有詳細的介紹說明，不論以后增加什么號段大家都非常容易的稍微修改一下即可。
javascript 手機號碼正則表達式驗證函數

代碼如下:

//ip與域名驗證函數 

function checkIP() 

{ 

var ipArray,ip,j; 

ip = document.ipform.ip.value; 

if(/[A-Za-z_-]/.test(ip)){ 

if (ip.indexOf(" ")>=0){ 

ip = ip.replace(/ /g,""); 

document.ipform.ip.value = ip; 

} 

if (ip.toLowerCase().indexOf("http://")==0){ 

ip = ip.slice(7); 

document.ipform.ip.value = ip; 

} 

if(!/^([\w-]+\.)+((com)|(net)|(org)|(gov\.cn)|(info)|(cc)|(com\.cn)|(net\.cn)|(org\.cn)|(name)|(biz)|(tv)|(cn)|(mobi)|(name)|(sh)|(ac)|(io)|(tw)|(com\.tw)|(hk)|(com\.hk)|(ws)|(travel)|(us)|(tm)|(la)|(me\.uk)|(org\.uk)|(ltd\.uk)|(plc\.uk)|(in)|(eu)|(it)|(jp))$/.test(ip)){ 

alert("不是正確的域名"); 

document.ipform.ip.focus(); 

return false; 

} 

} 

else{ 

ipArray = ip.split("."); 

j = ipArray.length 

if(j!=4) 

{ 

alert("不是正確的IP"); 

document.ipform.ip.focus(); 

return false; 

} 

for(var i=0;i<4;i++) 

{ 

if(ipArray[i].length==0 || ipArray[i]>255) 

{ 

alert("不是正確的IP"); 

document.ipform.ip.focus(); 

return false; 

} 

} 

} 

} 

//手機號碼驗證函數 

function checkMobile(){ 

var sMobile = document.mobileform.mobile.value 

if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){ 

alert("不是完整的11位手機號或者正確的手機號前七位"); 

document.mobileform.mobile.focus(); 

return false; 

} 

} 

//郵政編碼驗證函數 

function checkZip(){ 

var sZip = document.zipform.zip.value 

if(!(/^\d{4,6}$/.test(sZip))){ 

alert("請輸入郵政編碼前4-6位"); 

return false; 

} 

} 

//區號驗證 

function checkZone(){ 

var sZone = document.zoneform.zone.value 

if(!(/^0\d{2,6}$/.test(sZone))){ 

alert("請輸入以“0”開頭的3-7位區號"); 

return false; 

} 

} 

//身份證驗證 

function checkID(){ 

var sID = document.IDform.userid.value 

if(!(/^\d{15}$|^\d{18}$|^\d{17}[xX]$/.test(sID))){ 

alert("請輸入15位或18位身份證號"); 

document.IDform.userid.focus(); 

return false; 

}

brock 2010-12-27 10:11 發表評論

數組重復 splice()

brock — Wed, 19 Nov 2008 12:00:00 GMT

function delRepeat(arr){
var len = arr.length;
for(var i=len-1;i>=1;i--)
{
if(arr[i-1] == arr[i])
    {
   arr.splice(i,1);//splice（）方法的應用
     }
   }
//return arr;
}

Array.prototype.delRepeat=function()
{
var tmpArr=[],rs=[],i,val;
for(i=this.length;i>0;i--)
{
val = this[i-1];
if(!tmpArr[val])
{
tmpArr[val]=1;
}else
{
rs.push(val);
this.splice(i-1,1);
}
}
tmpArr = null;
return rs;
}

兩個優點:
1、預先將this[i-1]保存在變量val中，減少訪問次數。
2、使用array.push方法,替換用變量保存數組長度的辦法。

JavaScript splice() 方法
返回 JavaScript Array 對象參考手冊
定義和用法
splice() 方法用于插入、刪除或替換數組的元素。

語法
arrayObject.splice(index,howmany,element1,..,elementX)參數描述
index 必需。規定從何處添加/刪除元素。

該參數是開始插入和（或）刪除的數組元素的下標，必須是數字。

howmany 必需。規定應該刪除多少元素。必須是數字，但可以是 "0"。

如果未規定此參數，則刪除從 index 開始到原數組結尾的所有元素。

element1 可選。規定要添加到數組的新元素。從 index 所指的下標處開始插入。
elementX 可選。可向數組添加若干元素。

返回值
如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。

說明
splice() 方法可刪除從 index 處開始的零個或多個元素，并且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。
提示和注釋
注釋：請注意，splice() 方法與 slice() 方法的作用是不同的，splice() 方法會直接對數組進行修改。
實例
例子 1
在本例中，我們將創建一個新數組，并向其添加一個元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "")
arr.splice(2,0,"William")
document.write(arr + "")

script>輸出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin例子 2
在本例中我們將刪除位于 index 2 的元素，并添加一個新元素來替代被刪除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "")
arr.splice(2,1,"William")
document.write(arr)

script>輸出：

George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin例子 3
在本例中我們將刪除從 index 2 ("Thomas") 開始的三個元素，并添加一個新元素 ("William") 來替代被刪除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "")
arr.splice(2,3,"William")
document.write(arr)

script>輸出：

George,John,Thomas,James,Adrew,MartinGeorge,John,William,MartinTIY
splice()
如何使用 splice() 來更改數組。

brock 2008-11-19 20:00 發表評論

退出時執行 (判斷當前頁面是刷新還是關閉)

brock — Wed, 19 Nov 2008 08:36:00 GMT

   New   Document

brock 2008-11-19 16:36 發表評論

Trim() , Ltrim() , RTrim()

brock — Thu, 19 Jul 2007 05:59:00 GMT

brock 2007-07-19 13:59 發表評論

不同域調用 ajax

brock — Mon, 16 Jul 2007 06:17:00 GMT

brock 2007-07-16 14:17 發表評論

js 也玩hash

brock — Tue, 03 Jul 2007 06:38:00 GMT

1 /**
2  * Project:
3  * Author:        zhy
4  * Company:
5  * Created Date:    2007-6-29
6  *
7  * Copyright @ 2007
8  *
9  * History:
10  * ------------------------------------------------------------------------------
11  * Date            |time        |Author    |Change Description        */
12
13 var Obj = function (key ,value){
14    this.key = key;
15    this.value = value;
16 };
17 var ha = new Array();
18 var Hash = function (){
19    //this.a =ha;
20 }
21 Hash.prototype.haa = function (){
22     return ha;
23 }
24 Hash.prototype.clear = function (){
25     ha = new Array();
26 }
27 Hash.prototype.clone = function (){
28     return this;
29 }
30 Hash.prototype.get = function (key){
31
32     for(var i=0;i<ha.length ;i++){
33         if(ha[i].key==key){
34             return ha[i].value;
35         }
36     }
37
38 }
39 Hash.prototype.put = function (key ,value){
40
41     if(ha.length !=0){
42
43          for(var i=0;i<ha.length;i++){
44             if(ha[i].key != key){
45                  ha[ha.length]=new Obj(key ,value);
46             }
47          }
48     }else{
49          ha[ha.length]=new Obj(key ,value);
50    }
51
52
53 }
54
55 Hash.prototype.size = function (){
56     return ha.length ;
57 }
58
59 Hash.prototype.remove = function (key){
60       for(var i=0;i<ha.length;i++){
61         if(ha[i].key == key){
62            ha.without(ha[i]);
63         }
64     }
65 }

brock 2007-07-03 14:38 發表評論

国产二区一区,中文字幕久热精品视频在线,久久最新网址

OpenLayers 疊加國家天地圖 墨卡托

Web Map Tile Service (WMTS) Layer

ext grid 刪除最后一行數據后還是顯示

JavaScript中的匿名函數及函數的閉包

1、匿名函數

1.1 函數的定義，首先簡單介紹一下函數的定義，大致可分為三種方式

1.2 匿名函數的創建

2、閉包

示例一

示例二，優化代碼

3、舉例

示例三：

示例四：

示例五：

4、注意

4.1 閉包允許內層函數引用父函數中的變量，但是該變量是最終值

4.2 內存泄露

javascript ip、域名、手機號碼正則表達式驗證代碼

數組重復 splice()

退出時執行 (判斷當前頁面是刷新還是關閉)

Trim() , Ltrim() , RTrim()

不同域調用 ajax

js 也玩hash

OpenLayers 疊加國家天地圖墨卡托