jimode2013
jimode2013

[07]EXTJS4.0的事件机制Event

 1.事件的3种绑定方式

    HTML/DHTML
    DOM
    EXTJS
2.Ext.util.Observable 事件的基类
    它为所有支持事件机制的extjs组件提供事件的支持
    如果我们自己创建新的组件需要有事件的支持那么我们就继承它
    事件的分类
       标准事件[键盘按钮按下，鼠标的单击双击，滑过滑动]
       业务事件[当面板收起的时候触发，当组件被销毁的时候触发，当每一个对象的属性值不为空的时候触发]
     一个自定义事件的例子
           没有用到事件处理的场景
               母亲问孩子饿不饿--->
                               <----孩子
                                    饿了-->给一瓶牛奶
                                    不饿-->不给
           用了事件的场景
               母亲给孩子一瓶牛奶-->
                                   孩子拿到牛奶感觉饿了就喝
                                   感觉不饿就不喝
           角色功能分析：
                  孩子：应该有自己能拿到牛奶判断饿不饿的方法，当母亲给他牛奶的时候调用这个方法。
                  那么孩子就要有一个业务事件时刻监听母亲什么时候给自己牛奶
                  母亲：调用孩子拿牛奶的方法，并且传入一瓶牛奶
3.addManagedListener 收管制的监听
      它是由调用的组件管理的，当组件执行了销毁命令的时候所有被组件管制的事件全部销毁
4.relayEvents 事件的分发和传播(控制实现事件在不同控件或对象的传播)
   比如孩子喝完三鹿就去医院，老爸就要带着去医院
5.事件对象Ext.EventObject
   不是一个单例，不能被直接new出来，它会存活在事件处理函数中
6.事件管理器Ext.EventManager
   它可以更方便地为页面元素绑定事件处理函数
   方法：addListener 为元素增减事件
---------------------------------------------------------------------------------------
这个例子主要讲第一种事件绑定方式
lesson7.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript"> 
    9. 
   
   
   
   
  9. function hello(){ 
    10. 
   
   
   
   
  10.     console.log('hello world'); 
    11. 
   
   
   
   
  11. } 
    12. 
   
   
   
   
  12. </script> 
    13. 
   
   
   
   
  13. </head> 
    14. 
   
   
   
   
  14. <body> 
    15. 
   
   
   
   
  15. <input type="button" id="btn1" value="第一种事件绑定方式" onClick="hello()"/> 
    16. 
   
   
   
   
  16. </body> 
    17. 
   
   
   
   
  17. </html> 
    18.

运行结果如下(点击界面的按钮之后)：
 
hello world
---------------------------------------------------------------------------------------
这个例子主要讲IE下的事件绑定方式
evemntBinding.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     document.getElementById("btn1").attachEvent("onclick",function(){ 
    4. 
   
   
   
   
  4.        alert("第二种事件绑定方式"); 
    5. 
   
   
   
   
  5.         }); 
    6. 
   
   
   
   
  6.     }); 
    7. 
   
   
   
   
  7. })(); 
    8.
lesson7_2.html

 

       
       
       
       
    
        
        
        
        
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
        
        
        
        
  2. <html> 
    3. 
        
        
        
        
  3. <head> 
    4. 
        
        
        
        
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
        
        
        
        
  5. <title>事件</title> 
    6. 
        
        
        
        
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
        
        
        
        
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
        
        
        
        
  8. <script type="text/javascript" src="evemntBinding.js"></script> 
    9. 
        
        
        
        
  9. </head> 
    10. 
        
        
        
        
  10. <body> 
    11. 
        
        
        
        
  11. <input type="button" id="btn1" name="btn1" value="第二种事件绑定方式"/> 
    12. 
        
        
        
        
  12. </body> 
    13. 
        
        
        
        
  13. </html> 
    14.
运行结果如下：
弹出：“第二种事件绑定方式“
------------------------------------------------------------------------------------
这个例子主要讲FIREFORX，chrome下的事件绑定方式
evemntBinding2.js
  
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     document.getElementById("btn1").addEventListener("click",function(){ 
    4. 
   
   
   
   
  4.        console.log("第二种事件绑定方式"); 
    5. 
   
   
   
   
  5.         }); 
    6. 
   
   
   
   
  6.     }); 
    7. 
   
   
   
   
  7. })(); 
    8.
lesson7_3.html
  
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="evemntBinding2.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="button" id="btn1" name="btn1" value="第二种事件绑定方式"/> 
    12. 
   
   
   
   
  12. </body> 
    13. 
   
   
   
   
  13. </html> 
    14.
运行结果如下：
 
第二种事件绑定方式
-------------------------------------------------------------------------------------
这个例子主要讲Ext.isIE
evemntBinding3.js
 

 

       
       
       
       
    
        
        
        
        
  1. (function(){ 
    2. 
        
        
        
        
  2.     Ext.onReady(function(){ 
    3. 
        
        
        
        
  3.         if(!Ext.isIE){ 
    4. 
        
        
        
        
  4.         document.getElementById("btn1").addEventListener("click",function(){ 
    5. 
        
        
        
        
  5.            console.log("第二种事件绑定方式"); 
    6. 
        
        
        
        
  6.             }); 
    7. 
        
        
        
        
  7.         }else{ 
    8. 
        
        
        
        
  8.         document.getElementById("btn1").attachEvent("onclick",function(){ 
    9. 
        
        
        
        
  9.         alert("第二种事件绑定方式"); 
    10. 
        
        
        
        
  10.             }); 
    11. 
        
        
        
        
  11.         } 
    12. 
        
        
        
        
  12.     }); 
    13. 
        
        
        
        
  13. })(); 
    14.
lesson7_3.html
  
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="evemntBinding3.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="button" id="btn1" name="btn1" value="第二种事件绑定方式"/> 
    12. 
   
   
   
   
  12. </body> 
    13. 
   
   
   
   
  13. </html> 
    14.
运行结果如下：
 
第二种事件绑定方式
---------------------------------------------------------------------------------------这个例子主要讲第三中绑定事件的方式
evemntBinding4.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     Ext.get('btn1').on("click",function(){ 
    4. 
   
   
   
   
  4.       alert("第三种事件绑定方式"); 
    5. 
   
   
   
   
  5.         }); 
    6. 
   
   
   
   
  6.     }); 
    7. 
   
   
   
   
  7. })(); 
    8.
lesson7_4.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="evemntBinding4.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="button" id="btn1" name="btn1" value="第三种事件绑定方式"/> 
    12. 
   
   
   
   
  12. </body> 
    13. 
   
   
   
   
  13. </html> 
    14.
运行结果：
弹出如下内容：
第三种事件绑定方式
-----------------------------------------------------------------------------------
这个例子主要讲Ext.util.Observable和其中的addListener和fireEvent
customEvent.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     Ext.define("children",{ 
    4. 
   
   
   
   
  4.         extend:'Ext.util.Observable', 
    5. 
   
   
   
   
  5.             constructor:function(){ 
    6. 
   
   
   
   
  6.          this.callParent(arguments);//课程中没有这句话，如果没有的话是会报错误
    7. 
   
   
   
   
  7.          this.state = "hungry",//目前所属的状态 hungry full 
    8. 
   
   
   
   
  8.              this.setMilk = function(milk){ 
    9. 
   
   
   
   
  9.             this.fireEvent('hungry',milk); 
    10. 
   
   
   
   
  10.               }, 
    11. 
   
   
   
   
  11.              this.addListener("hungry",function(milk){ 
    12. 
   
   
   
   
  12.             if(this.state == 'hungry'){ 
    13. 
   
   
   
   
  13.                this.drink(milk); 
    14. 
   
   
   
   
  14.             }else{ 
    15. 
   
   
   
   
  15.                console.log("我不饿"); 
    16. 
   
   
   
   
  16.            } 
    17. 
   
   
   
   
  17.             }), 
    18. 
   
   
   
   
  18.                 this.drink = function(milk){ 
    19. 
   
   
   
   
  19.            console.log("我喝掉了一瓶牛奶： " + milk); 
    20. 
   
   
   
   
  20.                 } 
    21. 
   
   
   
   
  21.             } 
    22. 
   
   
   
   
  22.         }); 
    23. 
   
   
   
   
  23.         var children = Ext.create("children",{}); 
    24. 
   
   
   
   
  24.        //母亲调用孩子的接受牛奶的方法 
    25. 
   
   
   
   
  25.      children.setMilk('三鹿牛奶'); 
    26. 
   
   
   
   
  26.     }); 
    27. 
   
   
   
   
  27.     /** 
    28. 
   
   
   
   
  28.      * 为对象添加一个事件addEvents-->事件的监听方式注册这个事件addListener-->触发这个事件的动作fireEvent 
    29. 
   
   
   
   
  29.      */ 
    30. 
   
   
   
   
  30. })(); 
    31.
运行结果如下：
 
我喝掉了一瓶牛奶： 三鹿牛奶
-----------------------------------------------------------------------------
这个例子主要讲Ext.util.Observable.capture方法，即事件的捕获，拦截掉孩子对这个事件的执行
customEvent2.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     Ext.define("children",{ 
    4. 
   
   
   
   
  4.         extend:'Ext.util.Observable', 
    5. 
   
   
   
   
  5.             constructor:function(){ 
    6. 
   
   
   
   
  6.          this.callParent(arguments);//课程中没有这句话，如果没有的话是会报错误： 
    7. 
   
   
   
   
  7.          this.state = "hungry",//目前所属的状态 hungry full 
    8. 
   
   
   
   
  8.                this.setMilk = function(milk){ 
    9. 
   
   
   
   
  9.             this.fireEvent('hungry',milk); 
    10. 
   
   
   
   
  10.                 }, 
    11. 
   
   
   
   
  11.              this.addListener("hungry",function(milk){ 
    12. 
   
   
   
   
  12.             if(this.state == 'hungry'){ 
    13. 
   
   
   
   
  13.                this.drink(milk); 
    14. 
   
   
   
   
  14.             }else{ 
    15. 
   
   
   
   
  15.                console.log("我不饿"); 
    16. 
   
   
   
   
  16.            } 
    17. 
   
   
   
   
  17.             }), 
    18. 
   
   
   
   
  18.                 this.drink = function(milk){ 
    19. 
   
   
   
   
  19.            console.log("我喝掉了一瓶牛奶： " + milk); 
    20. 
   
   
   
   
  20.                 } 
    21. 
   
   
   
   
  21.             } 
    22. 
   
   
   
   
  22.         }); 
    23. 
   
   
   
   
  23.         var children = Ext.create("children",{});//本对象是牛奶过敏的对象 
    24. 
   
   
   
   
  24.         Ext.util.Observable.capture(children,function(eventName){ 
    25. 
   
   
   
   
  25.         if(eventName == "hungry"){ 
    26. 
   
   
   
   
  26.            console.log("这个孩子牛奶过敏不能喝牛奶..."); 
    27. 
   
   
   
   
  27.                return false; 
    28. 
   
   
   
   
  28.         }else{ 
    29. 
   
   
   
   
  29.            return true; 
    30. 
   
   
   
   
  30.         } 
    31. 
   
   
   
   
  31.     }); 
    32. 
   
   
   
   
  32.       //母亲调用孩子的接受牛奶的方法 
    33. 
   
   
   
   
  33.     children.setMilk('三鹿牛奶'); 
    34. 
   
   
   
   
  34.     }); 
    35. 
   
   
   
   
  35. })(); 
    36.
运行结果如下：
 
这个孩子牛奶过敏不能喝牛奶...
-------------------------------------------------------------------------------------
这个例子主要讲事件分发relayEvents
relayEvent.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.      Ext.define("children",{ 
    4. 
   
   
   
   
  4.         extend:'Ext.util.Observable', 
    5. 
   
   
   
   
  5.             constructor:function(){ 
    6. 
   
   
   
   
  6.          this.callParent(arguments);//课程中没有这句话，如果没有的话是会报错误： 
    7. 
   
   
   
   
  7.          this.state = "hungry",//目前所属的状态 hungry full 
    8. 
   
   
   
   
  8.                this.setMilk = function(milk){ 
    9. 
   
   
   
   
  9.             this.fireEvent('hungry',milk); 
    10. 
   
   
   
   
  10.                 }, 
    11. 
   
   
   
   
  11.              this.addListener("hungry",function(milk){ 
    12. 
   
   
   
   
  12.             if(this.state == 'hungry'){ 
    13. 
   
   
   
   
  13.                this.drink(milk); 
    14. 
   
   
   
   
  14.             }else{ 
    15. 
   
   
   
   
  15.                console.log("我不饿"); 
    16. 
   
   
   
   
  16.            } 
    17. 
   
   
   
   
  17.              }), 
    18. 
   
   
   
   
  18.              this.drink = function(milk){ 
    19. 
   
   
   
   
  19.            console.log("我喝掉了一瓶牛奶： " + milk); 
    20. 
   
   
   
   
  20.              } 
    21. 
   
   
   
   
  21.          } 
    22. 
   
   
   
   
  22.      }); 
    23. 
   
   
   
   
  23.         var children = Ext.create("children",{}); 
    24. 
   
   
   
   
  24.          
    25. 
   
   
   
   
  25.         //父类没有声明过任何监听事件 
    26. 
   
   
   
   
  26.         Ext.define("father",{ 
    27. 
   
   
   
   
  27.         extend:'Ext.util.Observable', 
    28. 
   
   
   
   
  28.            constructor:function(config){ 
    29. 
   
   
   
   
  29.          this.listeners = config.listeners; 
    30. 
   
   
   
   
  30.                 this.superclass.constructor.call(this,config); 
    31. 
   
   
   
   
  31.            } 
    32. 
   
   
   
   
  32.          }); 
    33. 
   
   
   
   
  33.          var father = Ext.create("father",{}); 
    34. 
   
   
   
   
  34.       father.relayEvents(children,['hungry']);//事件从孩子这端执行完就留到父亲 
    35. 
   
   
   
   
  35.          father.on("hungry",function(){ 
    36. 
   
   
   
   
  36.         console.log("送喝了三鹿的孩子去医院..");  
    37. 
   
   
   
   
  37.          }); 
    38. 
   
   
   
   
  38.          var father = Ext.create("father",{}); 
    39. 
   
   
   
   
  39.        //母亲调用孩子的接受牛奶的方法 
    40. 
   
   
   
   
  40.      children.setMilk('三鹿牛奶'); 
    41. 
   
   
   
   
  41.     }); 
    42. 
   
   
   
   
  42. })(); 
    43.
运行结果：
 

我喝掉了一瓶牛奶： 三鹿牛奶

 

送喝了三鹿的孩子去医院..

 
------------------------------------------------------------------------------
这个例子主要讲addManagedListener
manageListener.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.     Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.     var tbar = Ext.create("Ext.toolbar.Toolbar",{ 
    4. 
   
   
   
   
  4.         renderTo:Ext.getBody(), 
    5. 
   
   
   
   
  5.             width:500, 
    6. 
   
   
   
   
  6.             items:[ 
    7. 
   
   
   
   
  7.          {xtype:'button',id:'create',text:'create'}, 
    8. 
   
   
   
   
  8.          {xtype:'button',id:'delete',text:'delete'}, 
    9. 
   
   
   
   
  9.          {xtype:'button',text:'销毁删除按钮',handler:function(){ 
    10. 
   
   
   
   
  10.             var c = Ext.getCmp("delete");//不是页面上的元素的按钮 
    11. 
   
   
   
   
  11.                     if(c){ 
    12. 
   
   
   
   
  12.                        c.destroy(); 
    13. 
   
   
   
   
  13.                     } 
    14. 
   
   
   
   
  14.          }} 
    15. 
   
   
   
   
  15.             ] 
    16. 
   
   
   
   
  16.     }); 
    17. 
   
   
   
   
  17.         var deleteB = Ext.getCmp("delete"); 
    18. 
   
   
   
   
  18.         //删除了delete按钮之后，create按钮的事件也删除了 
    19. 
   
   
   
   
  19.         deleteB.addManagedListener(Ext.getCmp("create"),'click',function(){ 
    20. 
   
   
   
   
  20.          console.log("添加操作"); 
    21. 
   
   
   
   
  21.         }); 
    22. 
   
   
   
   
  22.      }); 
    23. 
   
   
   
   
  23. })(); 
    24.
-------------------------------------------------------------------------------------
这个例子主要讲事件对象
EventObject.js 
  
  
  
  
    
   
   
   
   
  1. Ext.onReady(function(){ 
    2. 
   
   
   
   
  2.    var b = Ext.get("btn");//Ext.get获取DOM中元素 
    3. 
   
   
   
   
  3.    b.on("click",function(e){ 
    4. 
   
   
   
   
  4.        console.log(e); 
    5. 
   
   
   
   
  5.        console.log(e.getPageX()); 
    6. 
   
   
   
   
  6.     }); 
    7. 
   
   
   
   
  7. }); 
    8.
lesson7EventObject.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="EventObject.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="button" id="btn" value="按钮"/> 
    12. 
   
   
   
   
  12. </body> 
    13. 
   
   
   
   
  13. </html> 
    14.
运行结果如下：
 

constructor {browserEvent: MouseEvent, type: "click", button: 0, shiftKey: false, ctrlKey: false…}

1
 
------------------------------------------------------------------------------
这个例子主要讲Ext.EventManager.addListener
eventmanager.js 
  
  
  
  
    
   
   
   
   
  1. Ext.onReady(function(){ 
    2. 
   
   
   
   
  2.     Ext.EventManager.addListener("btn",'click',function(){ 
    3. 
   
   
   
   
  3.     console.log("通过事件管理器进行事件的监听注册"); 
    4. 
   
   
   
   
  4.     }); 
    5. 
   
   
   
   
  5.      
    6. 
   
   
   
   
  6. }); 
    7.
lesson7EventManager.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>事件</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="eventmanager.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="button" id="btn" value="按钮"/> 
    12. 
   
   
   
   
  12. </body> 
    13. 
   
   
   
   
  13. </html> 
    14.
运行结果：
 
通过事件管理器进行事件的监听注册
111111

 

你可能感兴趣的:(extjs4,教程,技术狂人论坛)

  • React+Cesium基础教程（002）：创建基于React和Cesium的加载第三方地图服务及地图叠加 叁拾舞 Ceisumreact.js前端框架Cesium
    文章目录加载第三方地图服务加载OpenStreetMap加载高德地图加载天地图加载矢量地图加载影像地图加载地形图地图叠加加载第三方地图服务在Cesium中，可以加载第三方地图服务（如高德地图、天地图、OpenStreetMap）作为底图。Cesium提供了多种方式来加载瓦片地图，包括ImageryLayer和TileMapServiceImageryProvider等。在Cesium中加载第三方地
  • Cesium+Vue3教程（009）：基于Vue3+Cesium加载渲染GeoJson数据 叁拾舞 CeisumCesiumVue3
    文章目录加载渲染GeoJson数据使用GeoJsonDataSource加载GeoJSON数据自定义样式注意事项加载渲染GeoJson数据在Cesium中，可以使用Cesium.GeoJsonDataSource来加载和显示GeoJSON数据。GeoJSON是一种广泛使用的地理空间数据格式，可以包含点、线、面等地理要素以及相关属性。使用GeoJsonDataSource加载GeoJSON数据示例代
  • Cesium+Vue3教程（010）：基于Vue3+Cesium的KML数据和CZML数据介绍 叁拾舞 CeisumCesiumVue3
    文章目录09-KML数据生成全球科学研究所地理标记10-KMZ数据加载GDP数据11-CZML数据介绍初始CZML数据加载CZML09-KML数据生成全球科学研究所地理标记在Cesium中，可以使用Cesium.KmlDataSource来加载和显示KML数据。KML(KeyholeMarkupLanguage)是一种常用的地理数据格式，支持点、线、面以及图标和样式定义。实现代码：//加载kml数
  • 信息学/计算机系各种网站（学习资源、常用工具及其他） 一只贴代码君 命令大全-干货合集学习dubbojava开发语言算法c++
    大学指南上海交通大学生存手册中国科学技术大学人工智能与数据科学学院本科进阶指南USTC不完全入学指南大学生活质量指北科研论信息搜集AI信息搜集USTC飞跃网站计算机保研技术新闻HackerNewsTheHackerNewsTechCrunchArsTechnicaMITNews技术博客日更技术雷达学习资源CS清华计算机系学生科协技能引导文档菜鸟教程北大CS自学指南OpenSourceSociety
  • python监控网页更新_【小白教程】Python3监控网页 weixin_39553904 python监控网页更新
    之前用RSS来监控网页更新内容，可惜刷新时间太长了，三个小时。。只能看看新闻啥的，又没有小钱钱充会员（摊手听说Python可以做这个功能，抱着试试看的态度，本以为会很麻烦，没想到这么简单哈哈~我从来没有用过Python都做出来了，相信你也没问题！（我真是纯小白，路过的大佬请指教（⊙ｏ⊙）ノ）所用模块#监控模块fromurllibimportrequestfrombs4importBeautiful
  • python笔记（3）(re库和pandas库) Techer_Y 笔记
    参考链接：Python正则表达式|菜鸟教程(runoob.com)1、re库，python正则表达式正则表达式是一个特殊的字符序列它能帮助你检查一个字符串是否与某种模式匹配。re模块使python语言拥有全部的正则表达式功能。re.match尝试从字符串起始位置匹配一个模式，如果不是起始位置匹配成功的话，match()就返回none。re.match(pattern,string,flags=0)
  • Chainlink 2022 年秋季黑客松获奖项目介绍 Chainlink资讯 Chainlink预言机黑客松区块链web3
    Chainlink2022年秋季黑客马拉松已于12月7日结束，从本次黑客马拉松的数据中，可以清楚地看到，Web3创业者们正在以惊人的速度速度创新。本次Chainlink黑客马拉松吸引了来自全球各地团队的10,000多个参赛者报名，最终提交浪超过380个项目，这两项数据均打破了过去的记录。Chainlink提供了30多个小时的开发教程，让新一代的开发者能够开始在区块链和Oracle基础设施之上构建自
  • 保研考研机试攻略：第一章——从零开始 杜若南星 保研考研机试攻略考研数据结构算法笔记经验分享c++c语言
    欢迎大家来到保研考研机试攻略专栏，该专栏将更新我对N诺平台的计算机考研机试攻略——高分篇、满分篇教程的学习笔记和心得，N诺是唯一一个纯粹为计算机考研而准备的学习平台，学完这些教程的内容，相信我们都会拿到满意的机试高分，如果你也对机试考试的准备感到迷茫，来和我一起学习吧~有任何问题欢迎评论区留言或私信我，让我们一起拿捏机试，顺利上岸！！！目录1.1输入输出技巧(1)基本类型输入输出(2)gets、g
  • Proxmox-Arm64 项目教程 郦蜜玲
    Proxmox-Arm64项目教程Proxmox-Arm64ProxmoxVE&PBSunofficialarm64version项目地址:https://gitcode.com/gh_mirrors/pr/Proxmox-Arm64项目介绍Proxmox-Arm64是一个非官方的ProxmoxVE&PBS的arm64版本。该项目旨在为ARM架构提供Proxmox虚拟环境的支持，适用于Raspbe
  • 天天AI-20250121：全面解读 AI 实践课程：动手学大模型（含PDF课件） AI2AGI 天天AI人工智能大数据ai文心一言百度
    2AGI.NET|探索AI无限潜力，2AGI为您带来最前沿资讯。2AGI.NET：天天AI-20250121从开源版o1模型的发布到Adobe推出音乐模型DITTO-2，再到OpenAI为研究长寿推出的GPT-4b，AI技术正以前所未有的速度和规模影响着我们的世界。本文将为您梳理近期的技术热点，带您一探究竟。全面解读AI实践课程：动手学大模型（含PDF课件）该教程内容较为专业，理解起来有一定难度，
  • python批量转化pdf图片为jpg图片 不懂python不懂R pythonpythonpdf
    1.把pdf图片批量转为jpg；需要注意的是，需要先安装poppler这个软件，具体安装教程放在下面代码中了2.代码#poppler安装教程参考：https://blog.csdn.net/wy01415/article/details/110257130#windows上poppler下载链接：https://github.com/oschwartz10612/poppler-windowsfr
  • 【vLLM 学习】使用 OpenVINO 安装
    vLLM是一款专为大语言模型推理加速而设计的框架，实现了KV缓存内存几乎零浪费，解决了内存管理瓶颈问题。更多vLLM中文文档及教程可访问→https://vllm.hyper.ai/由OpenVINO驱动的vLLM支持来自vLLM支持的模型列表中的所有LLM模型，并且可以在所有x86-64CPU上（至少需要AVX2支持）进行最佳的模型服务。OpenVINO的vLLM后端支持以下高级vLLM特性：前
  • java枚举实现简单的控制台计算器 Roc-xb java开发语言
    本文教程主要是用java枚举的方式实现一个简单的加减乘除计算器。packagecom.ruoyi;importjava.util.Scanner;publicenumCalculator{ADDITION
  • Centos7配置vim-plug插件管理器与git安装 icacxygh001 vimcentoslinux
    LINUX下VIM是一款轻量级文本编辑器，功能强大作为开发者常用开发工具之一，本文目的通过安装vim-plug来管理插件，打造基于VIM的IDE继承开发环境，这个算是第一步吧，不废话了网上有很多关于如何安装vim-plug的教程，有些踩过的坑和大家分享下：1.安装步骤看到这里默认你的系统已经安装了vim编辑器（如何安装VIM这里不再阐述），往下看首先建立你要下载vim-plug的目录$mkdir-
  • 一个访问外网的加速方法 我待_JAVA_如初恋 网络
    操作流程：浏览器搜索魔戒.net。网站叫魔戒.net。先注册，然后点击左侧的购买订阅。邀请码（选填）：ldQHKR6W然后左侧使用文档---#windows教程----下载地址下载的同时，看使用文档。下载完了，长这样：然后继续：访问外网的时候，提前运行它，把它打开就行了。很流畅，比较快。
  • Vue.js 单页应用（SPA）开发教程：从零开始构建你的第一个项目 Milk夜雨 vue.jsvue.js前端javascript
    单页应用（SPA，SinglePageApplication）是现代前端开发的主流模式。Vue.js是一个非常适合构建SPA的框架，它通过VueRouter实现页面导航，通过组件化开发和状态管理实现复杂的交互功能。本篇教程将带你了解SPA的基本概念，并一步步创建一个Vue.js单页应用。什么是单页应用（SPA）？单页应用是一种只有一个HTML页面，通过JavaScript动态加载内容的应用。特点包
  • Node.js的解释 web15085415935 面试学习路线阿里巴巴node.js
    1.Node.js入门教程1.1什么是Node.js？1.1.1Node.js是什么？Node.js是一个基于JavaScript的开源服务器端运行时环境，允许开发者用JavaScript编写服务器端代码。与传统的前端JavaScript主要运行在浏览器端不同，Node.js通过提供一个非阻塞的异步模型，允许开发者在服务器端创建高性能的网络应用程序。比喻：想象你把JavaScript看作是一个厨师
  • Windows 下Mamba2 环境安装问题记录及解决方法（causal_conv1d=1.4.0，mamba_ssm=2.2.2） yyywxk #Python模块有关问题mambapythonwindowsmamba2
    导航安装教程导航Mamba及Vim安装问题参看本人博客：Mamba环境安装踩坑问题汇总及解决方法（初版）Linux下Mamba及Vim安装问题参看本人博客：Mamba环境安装踩坑问题汇总及解决方法（重置版）Windows下Mamba的安装参看本人博客：Window下Mamba环境安装踩坑问题汇总及解决方法（无需绕过selective_scan_cuda）Linux下Vim安装问题参看本人博客：Li
  • Linux 下 Vim 环境安装踩坑问题汇总及解决方法（重置版） yyywxk #Python模块有关问题linuxvimmamba
    导航安装教程导航Mamba及Vim安装问题参看本人博客：Mamba环境安装踩坑问题汇总及解决方法（初版）Linux下Mamba及Vim安装问题参看本人博客：Mamba环境安装踩坑问题汇总及解决方法（重置版）Windows下Mamba的安装参看本人博客：Window下Mamba环境安装踩坑问题汇总及解决方法（无需绕过selective_scan_cuda）Linux下Vim安装问题参看本人博客：Li
  • 基于Python和TensorFlow/Keras框架的大模型实战教程 小蘑菇二号 大模型
    目录目标准备工作步骤1:导入必要的库步骤2:加载和准备数据步骤3:构建模型步骤4:训练模型步骤5:评估模型步骤6:可视化训练过程步骤7:模型预测步骤8:模型保存与加载总结基于Python和TensorFlow/Keras框架的大模型实战教程。这个教程将涵盖从数据准备到模型训练、评估和部署的整个流程。我们将以一个简单的图像分类任务为例进行说明。目标通过本教程，您将学会如何使用TensorFlow/K
  • 如何用3个月零基础入门网络安全？_网络安全零基础怎么学习 白帽黑客啊一 web安全学习安全密码学网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包前言写这篇教程的初衷是很多朋友都想了解如何入门/转行网络安全，实现自己的“黑客梦”。文章的宗旨是：1.指出一些自学的误区2.提供客观可行的学习表3.推荐我认为适合小白学习的资源.大佬绕道哈！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包一、自学网络安全学习的误区和陷阱1.不要试图先成为一名程序员（以编程为基础的学习）
  • Vue3 - 解决报错警告 ＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞.Use s 王二红 +Vue3vue3router-viewtransition动画过渡keep-alive缓存页面vue3出现警告提示详细解决写法没有错就是一直警告怎么办每次路由切换页面或刷新就提示
    前言关于此问题网上的教程都无法解决，如果您的报错信息与我相似，即可解决。在vue3开发中，详解报错警告：[VueRouterwarn]:
  • 《用DOTS解决实际需求》集锦 unity
    去年作者发布了一篇《DOTS-ECS系列课程》，深受同学们的好评！前期课程是基于0.51版本录制的，DOTS升级至1.0版本后，同学们纷纷希望能使用DOTS1.0版本录制实战课程。今年作者带着DOTS1.0版本的实战课程回来啦！！！教程可以让会用Unity的同学循序渐进地速成DOTS技术。思路是先消除使用门槛后，再有梯度挖掘DOTS底层实现，学习过程非常平滑，并精细准备了进度条字幕，想看哪里点哪里
  • 【Python】Numpy详解 frimiku pythonnumpy开发语言大数据人工智能
    Numpy详解相关教程【Python】Numpy详解【Python】Pandas详解【Python】Matplotlib详解一、Numpy介绍数据分析三剑客之一的Numpy，是一个用于处理数组的Python包【基于数组对象的科学计算库】。其全名为“NumericPython”，是一款开源的Python库。Numpy相当于Python中的列表（List），但只能存放相同的数据类型。引入Numpy的目
  • js第一次笔记 chen_zhi_yu javascript笔记前端
    JavaScript显示方案JavaScript能够以不同方式“显示”数据：使用window.alert()写入警告框使用document.write()写入HTML输出使用innerHTML写入HTML元素使用console.log()写入浏览器控制台JavaScript关键词JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作。下面的表格列出了一部分将在教程中学到
  • 从音频到 PDF：AI 全流程打造完美英文绘本教案 伟贤AI之路 自动化AI编程人工智能
    今天把英文绘本的自学教案自动生成流程完成了，我分享一下整个实现思路，让你也轻松搞定英文绘本教案的产出，让孩子的学习之路更加顺畅。从音频到PDF：AI全流程打造完美英文绘本教案一、音频转文本：AI助力第一步借助AI的强大能力，将绘本的音频MP3转化为清晰的文本。这一过程不仅节省时间，还能确保文本的准确性。你可以参考这篇教程：家长必看！1小时搞定RAZ英文绘本英文提取！二、文本自动整理：高效又便捷接下
  • 【成人版python基础入门】第一章 循环与条件判断——让程序“活”起来 精通代码大仙 pythonpython服务器
    循环与条件判断——让程序“活”起来在与Python的第一次浪漫相遇之后，我们已经学会了如何使用变量、数据类型、输入输出和基本运算符。现在，是时候让我们的程序“活”起来，让它能够像人一样思考和做出决策。这一篇教程将带你深入学习Python的循环和条件判断，这些基本概念是编写复杂程序的基石。通过风趣的例子和实际代码示例，我们将一起探索Python的逻辑世界。条件判断：if、elif、else语句条件判
  • 微信小程序开发，底部选择器使用 浩宇软件开发 微信小程序开发入门微信小程序小程序
    文章目录1.官方文档使用指南2.功能描述3.具体代码逻辑实现4.运行效果图5.关于作者其它项目视频教程介绍1.官方文档使用指南使用指南：https://developers.weixin.qq.com/miniprogram/dev/component/picker.html2.功能描述从底部弹起的滚动选择器通用属性属性类型默认值必填说明最低版本header-textstring否选择器的标题，仅
  • 使用 pgvector 将 PostgreSQL 与语义搜索/RAG 集成的教程 azzxcvhj postgresql人工智能数据库python
    技术背景介绍在大语言模型(LLMs)和语义搜索的兴起中，结合结构化的关系型数据库(如PostgreSQL)进行增强型查询变得越来越有价值。这种方法常用于RAG(Retrieval-AugmentedGeneration)场景，例如FAQ问答、文档检索、推荐系统等。pgvector是用于PostgreSQL的一个扩展，它支持稠密向量的存储和操作。通过pgvector，可以将嵌入向量直接存储在数据库中
  • 鼠标无法唤醒计算机怎么办,电脑休眠键鼠无法唤醒怎么办 键盘鼠标无法唤醒电脑解决方法... weixin_39926540 鼠标无法唤醒计算机怎么办
    我们使用电脑的过程中，可能会使用到Windows休眠的功能，让电脑在不使用的时候处于节能状态，但是无法通过键盘鼠标来唤醒，只能使用主机开机键来唤醒电脑。那么电脑休眠键鼠无法唤醒？下面IT百科分享一下解决键盘鼠标无法唤醒电脑待机的问题，来看下解决方法。注：教程以Win10系统为例，Win7系统也可以参考，方法基本一致。解决键盘鼠标无法唤醒电脑待机的问题1、首先我们在“此电脑”上右键点击，弹出菜单之后
  • Enum用法 不懂事的小屁孩 enum
    以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
  • 【Spark九十七】RDD API之aggregateByKey bit1129 spark
    1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
  • hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
    今天在hive客户端创建表时报错，具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
  • Map 与 JavaBean之间的转换 周凡杨 java自省转换反射
    最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
  • java连接ftp下载 g21121 java
    有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
  • web报表工具FineReport使用中遇到的常见报错及解决办法（二） 老A不折腾 finereportweb报表java报表总结
      抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、没有返回数据集： 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
  • linux 系统cpu 内存等信息查看 墙头上一根草 cpu内存liunx
    1 查看CPU 　　1.1 查看CPU个数 　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数 　　# cat /proc/cpuinfo | grep "cpu cores" | u
  • Spring中的AOP aijuans springAOP
      Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。 在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 来一个简单的Sample: 目标类： [java]  view plain copy print ? package&nb
  • placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScriptjquery jQuery插件
    placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
  • Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶 泛型的继承和通配符变量的值域Object类转换
    java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
  • JDK1.5 Condition接口 bijian1013 javathreadConditionjava多线程
    Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 条件（也称为条件队列或条件变量）为线程提供了一
  • 开源中国OSC源创会记录 bijian1013 hadoopsparkMemSQL
    一.Strata+Hadoop World（SHW）大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs
  • 【Java范型七】范型消除 bit1129 java
    范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
  • 【Spark九十四】spark-sql工具的使用 bit1129 spark
    spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark
  • js做的各种倒计时 ronin47 js 倒计时
    第一种：精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"
  • java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
    public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
  • mongoDB安装 开窍的石头 mongodb安装 基本操作
    mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     
  • [开源项目]引擎的关键意义 comsci 开源项目
         一个系统，最核心的东西就是引擎。。。。。       而要设计和制造出引擎，最关键的是要坚持。。。。。。       现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的    
  • 软件度量的一些方法 cuiyadll 方法
    软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
  • XSD中的targetNameSpace解释 darrenzhu xmlnamespacexsdtargetnamespace
    参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 例如：以下xsd文件，就出现了该错误，即便是在一
  • 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
    RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
  • yii2 restful web服务快速入门 dcj3sjt126com PHPyii2
    快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 支持 Active Record 类的通用API的快速原型 涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误
  • MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档MongoDB查询内嵌数组
    MongoDB查询内嵌文档 转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu
  • android4.4从系统图库无法加载图片的问题 gundumw100 android
    典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
  • 网页特效大全 jQuery等 ini JavaScriptjquerycsshtml5ini
    HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！ 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate
  • swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
      import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
  • Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 javaPOJOxmlAegisxfire
          Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
  • js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境max纵观千象
    // Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
  • XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJOjsonAjaxxmlXMLhttpREquest
    在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
  • jquery wuai jquery
    以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他