jimode2013

[02]EXTJS4.0的新特性

笔记：

1.JS 类声明，和对象的创建

2.原型方法用EXTJS创建一个window

3.利用一个按钮触发window窗体，了解一下EXTJS的事件机制

4.用EXTJS4.0的create来创建window

5.利用define自定义类并且继承(extend)window

//初始化的方法构造器

initComponent:function(){

this.callParent(arguments);

}

6.requires JS的异步加载

7.config 自动的get和set

8.mixins 类的混合

---------------------------------------------------------------------------------

这个例子主要讲类的私有属性和公有属性

lesson02.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>HELLO WORD</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo.js

  
  
  
  
   
   
   
   //类的声明其实就是一个function 
   
   
   
   function user(){ 
   
   
   
     //java 语言的public 
   
   
   
     this.Name = 'uspcat'; 
   
   
   
     this.age = 26; 
   
   
   
    
   
   
   
     //var 就相当于高级语言中的private 
   
   
   
     var email = "[email protected]";   
   
   
   
    
   
   
   
      
   
   
   
     this.getEmail = function(){ 
   
   
   
       return email; 
   
   
   
     } 
   
   
   
   } 
   
   
   
    
   
   
   
   var u = new user(); 
   
   
   
   alert(u.Name); 
   
   
   
   alert(u.email); 
   
   
   
   alert(u.getEmail()); 
   
   
   
    
   
   
   
   var person = { 
   
   
   
       name:'yfc', 
   
   
   
       age:26 
   
   
   
   }; 
   
   
   
   alert(person.name + " " + person['age']);

------------------------------------------------

这个例子主要讲如何使用创建Ext.window.Window,可以使用show方法显示窗口，

lesson02.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.window.Window</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo2.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo2.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
           var win = new Ext.window.Window({ 
   
   
   
                   width:400, 
   
   
   
                       height:300, 
   
   
   
                       title:'uspcat'  
   
   
   
                      }); 
   
   
   
           win.show(); 
   
   
   
    
   
   
   
       }); 
   
   
   
   })();

------------------------------------------------------------------

这个例子主要将Extjs如何使用Ext.get（获取指定id的页面元素）和事件

lesson02_02.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.window.Window</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo2.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
     <button id="myb">Show</button> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo3.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
            var win = new Ext.window.Window({ 
   
   
   
               width:400, 
   
   
   
               height:300, 
   
   
   
               title:'uspcat', 
   
   
   
               closeAction:false//如果没有设置，关闭之后第二次win.show()将会报el is null    el.addCls.apply(el,  
   
   
   
    
   
   
   
   arguments); 
   
   
   
            }); 
   
   
   
       //1.得到那个按钮的dom对象 
   
   
   
           //2.为按钮对象添加单击的事件 
   
   
   
           //3.单击的时候调用对象win的show方法 
   
   
   
           Ext.get("myb").on("click",function(){ 
   
   
   
         win.show(); 
   
   
   
           },this); 
   
   
   
       }); 
   
   
   
   })();

----------------------------------------------------------------------------------

这个例子主要讲Ext.Function.alias如何创建对象方法的别名

lesson02_03.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>别名</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo4.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo4.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
       var o = { 
   
   
   
         say : function(){ 
   
   
   
           alert(111); 
   
   
   
         } 
   
   
   
           } 
   
   
   
          var fn = Ext.Function.alias(o,'say'); 
   
   
   
          fn(); 
   
   
   
       }); 
   
   
   
   })();

------------------------------------------------------------------------------

这个例子主要将如何使用Ext.create创建对象

lesson02_04.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo5.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo5.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
       var win = Ext.create('Ext.window.Window',{ 
   
   
   
         width:400, 
   
   
   
             height:300, 
   
   
   
             title:'uspcat' 
   
   
   
           }); 
   
   
   
           win.show(); 
   
   
   
       }); 
   
   
   
   })();

--------------------------------------------------------------

这个例子主要讲Ext.define方法和initComponent属性，initComponent在创建类的对象的时候最自动调用，相当于java的构造器，另外还讲了callParent方法

lesson02_06.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo6.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo6.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
       Ext.define("myWin",{ 
   
   
   
         extend:'Ext.window.Window', 
   
   
   
             width:400, 
   
   
   
             height:300, 
   
   
   
             title:'uspcat', 
   
   
   
             newtitle:'new uspcat', 
   
   
   
             mySetTitle:function(){ 
   
   
   
               this.title = this.newtitle; 
   
   
   
             }, 
   
   
   
         initComponent: function(){ 
   
   
   
               this.mySetTitle(); 
   
   
   
           this.callParent(arguments); 
   
   
   
         } 
   
   
   
       }); 
   
   
   
           Ext.create('myWin',{ 
   
   
   
         title:'my win' 
   
   
   
       }).show(); 
   
   
   
       }); 
   
   
   
   })();

initComponent方法会自动调用

----------------------------------------------------------------------------------

这个例子主要讲如何引入js文件

ux\mywin.js

  
  
  
  
   
   
   
   Ext.define("myWin",{ 
   
   
   
         extend:'Ext.window.Window', 
   
   
   
             width:400, 
   
   
   
             height:300, 
   
   
   
             title:'uspcat', 
   
   
   
             newtitle:'new uspcat', 
   
   
   
             mySetTitle:function(){ 
   
   
   
               this.title = this.newtitle; 
   
   
   
             }, 
   
   
   
         initComponent: function(){ 
   
   
   
               this.mySetTitle(); 
   
   
   
           this.callParent(arguments); 
   
   
   
         } 
   
   
   
       });

lesson02_06.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo6.js"></script> 
   
   
   
   <script type="text/javascript" src="ux/mywin.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo6.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
           Ext.create('myWin',{ 
   
   
   
         title:'my win' 
   
   
   
       }).show(); 
   
   
   
       }); 
   
   
   
   })();

--------------------------------------------------------------------------------------

这个例子是需要服务器启动的时候才能正常运行的，有两个地方需要注意：

第一个是

  
  
  
  
   
   
   
   Ext.Loader.setConfig({  
   
   
   
    enabled:true,  
   
   
   
    paths:{  
   
   
   
      myApp:'lessonTwo/ux'//什么位置都没有关系  
   
   
   
    }  
   
   
   
   );

另一个是类名，必须是在当前文件夹下的文件下面的js文件才能够动态加载，而且类名必须是当前文件夹下的文件名加上js文件名

indexDemo7.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
      Ext.Loader.setConfig({ 
   
   
   
        enabled:true, 
   
   
   
        paths:{ 
   
   
   
          myApp:'lessonTwo/ux'//什么位置都没有关系 
   
   
   
        } 
   
   
   
      }); 
   
   
   
    
   
   
   
      Ext.onReady(function(){ 
   
   
   
          Ext.create('ux.myWin2',{//在ux/myWin2下的ux.myWin2类 
   
   
   
     title:'my win', 
   
   
   
            //requires:['myWin'] 
   
   
   
   }).show(); 
   
   
   
      }); 
   
   
   
   )();

lesson02_07.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo7.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

ux\myWin2.js

  
  
  
  
   
   
   
   Ext.define("ux.myWin2",{ 
   
   
   
         extend:'Ext.window.Window', 
   
   
   
             width:400, 
   
   
   
             height:300, 
   
   
   
             title:'uspcat', 
   
   
   
             newtitle:'new uspcat', 
   
   
   
             mySetTitle:function(){ 
   
   
   
               this.title = this.newtitle; 
   
   
   
             }, 
   
   
   
         initComponent: function(){ 
   
   
   
               this.mySetTitle(); 
   
   
   
           this.callParent(arguments); 
   
   
   
         } 
   
   
   
       });

----------------------------------------------------------------------------------

这个例子主要是显示当点击按钮之后myWin2.js这个js文件是动态加载

lesson02_08.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo8.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
     <button id="myb">Show</button> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo8.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
      Ext.Loader.setConfig({ 
   
   
   
        enabled:true, 
   
   
   
        paths:{ 
   
   
   
          myApp:'lessonTwo/ux'//什么位置都没有关系 
   
   
   
        } 
   
   
   
      }); 
   
   
   
    
   
   
   
      Ext.onReady(function(){ 
   
   
   
          Ext.get("myb").on("click",function(){ 
   
   
   
            Ext.create('ux.myWin2',{//在ux/myWin2下的ux.myWin2类 
   
   
   
       title:'my win', 
   
   
   
              //requires:['myWin'] 
   
   
   
     }).show();         
   
   
   
   }); 
   
   
   
    
   
   
   
      }); 
   
   
   
   )();

ux\myWin2.js

  
  
  
  
   
   
   
   Ext.define("ux.myWin2",{ 
   
   
   
         extend:'Ext.window.Window', 
   
   
   
             width:400, 
   
   
   
             height:300, 
   
   
   
             title:'uspcat', 
   
   
   
             newtitle:'new uspcat', 
   
   
   
             mySetTitle:function(){ 
   
   
   
               this.title = this.newtitle; 
   
   
   
             }, 
   
   
   
         initComponent: function(){ 
   
   
   
               this.mySetTitle(); 
   
   
   
           this.callParent(arguments); 
   
   
   
         } 
   
   
   
       });

-------------------------------------------------------------------------------------

这个例子主要是讲Ext.define中config属性，配置了之后就会自动有getPropertyName方法了

lesson02_09.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo9.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
     <button id="myb">Show</button> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo9.js

  
  
  
  
   
   
   
   (function(){ 
   
   
   
      Ext.Loader.setConfig({ 
   
   
   
        enabled:true, 
   
   
   
        paths:{ 
   
   
   
          myApp:'lessonTwo/ux'//什么位置都没有关系 
   
   
   
        } 
   
   
   
      }); 
   
   
   
      Ext.onReady(function(){ 
   
   
   
    
   
   
   
          Ext.get("myb").on("click",function(){ 
   
   
   
            var win = Ext.create('ux.myWin3',{//在ux/myWin2下的ux.myWin2类 
   
   
   
       title:'my win', 
   
   
   
              price:60 
   
   
   
     });    
   
   
   
            alert(win.getPrice()); 
   
   
   
            win.show();     
   
   
   
   }); 
   
   
   
    
   
   
   
      }); 
   
   
   
   )();

ux\myWin3.js

  
  
  
  
   
   
   
   Ext.define("ux.myWin3",{ 
   
   
   
         extend:'Ext.window.Window', 
   
   
   
             width:400, 
   
   
   
             height:300, 
   
   
   
             config:{ 
   
   
   
                 price:500 
   
   
   
             }, 
   
   
   
             title:'uspcat', 
   
   
   
             newtitle:'new uspcat', 
   
   
   
             mySetTitle:function(){ 
   
   
   
               this.title = this.newtitle; 
   
   
   
             }, 
   
   
   
         initComponent: function(){ 
   
   
   
               this.mySetTitle(); 
   
   
   
           this.callParent(arguments); 
   
   
   
         } 
   
   
   
       });

----------------------------------------------------------------------------------

最后一个例子主要是讲Ext.define的mixins属性，其实跟js的实例继承法很类似

lesson02_10.html

  
  
  
  
   
   
   
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
   
   
   
   <html> 
   
   
   
   <head> 
   
   
   
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   
   
   
   <title>Ext.create</title> 
   
   
   
   <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
   
   
   
   <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
   
   
   
   <script type="text/javascript" src="indexDemo10.js"></script> 
   
   
   
   </head> 
   
   
   
   <body> 
   
   
   
   </body> 
   
   
   
   </html>

indexDemo10.js

  
  
  
  
   
   
   
    (function(){ 
   
   
   
       Ext.onReady(function(){ 
   
   
   
       Ext.define('say',{ 
   
   
   
         cansay:function(){ 
   
   
   
            alert("hello"); 
   
   
   
         } 
   
   
   
       }); 
   
   
   
    
   
   
   
       Ext.define('sing',{ 
   
   
   
         sing:function(){ 
   
   
   
                alert('sing hello 123'); 
   
   
   
         } 
   
   
   
       }); 
   
   
   
    
   
   
   
       Ext.define('user',{ 
   
   
   
             extend:'sing',//继承只能继承一个类 
   
   
   
         mixins:{ 
   
   
   
               say:'say'//这个say类的say对象 
   
   
   
         } 
   
   
   
       }); 
   
   
   
           var u = Ext.create('user',{}); 
   
   
   
           u.cansay(); 
   
   
   
           u.sing(); 
   
   
   
       }); 
   
   
   
   })();

第四天旅游线路预览——从换乘中心到喀纳斯湖陟彼高冈yu 基于Google earth studio 的旅游规划和预览旅游
第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
Python教程：一文了解使用Python处理XPath 旦莫 Python进阶 python 开发语言
目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程
本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）编程经验分享开发工具服务器 ssh linux
目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能
第六集如何安装CentOS7.0，3分钟学会centos7安装教程 date分享
从光盘引导系统按回车键继续进入引导程序安装界面，选择语言这里选择简体中文版点击继续选择桌面安装下面给系统分区选择磁盘，点击完成选择基本分区，点击加号swap分区,大小填内存的两倍在选择根分区，使用所有可用的磁盘空间选择文件系统ext4点击完成，点击开始安装设置root密码，点击完成设置普通用户和密码，点击完成整个过程持续八分钟左右根据个人配置不同，时间长短不同好，现在点击重启系统进入重启状态点击本
C++菜鸟教程 - 从入门到精通第二节 DreamByte c++
一.上节课的补充(数据类型)1.前言继上节课,我们主要讲解了输入,输出和运算符,我们现在来补充一下数据类型的知识上节课遗漏了这个知识点,非常的抱歉顺便说一下,博主要上高中了,更新会慢,2-4周更新一次对了,正好赶上中秋节,小编跟大家说一句:中秋节快乐!2.int类型上节课,我们其实只用了int类型int类型,是整数类型,它们存贮的是整数,不能存小数(浮点数)定义变量的方式很简单inta;//定义一
福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程小小编007
很多人下载福袋生活后，注册使用时需要填写邀请码。因为福袋生活是注册邀请制，所以首次使用填写邀请码才可以正常登录使用。福袋生活是广州市福袋生活信息科技有限公司旗下一家多元化社交电商导购平台，以APP为载体，社群为媒介，汇集衣食住行、吃喝玩乐生活服务板块，使用福袋生活可以领到淘宝，拼多多等电商平台的商品优惠券和返利，还可以兼职去分享赚钱。我为什么从福袋生活转到果冻宝盒呢？当然是因为福袋生活返利更高，注
2023-08-20 圆梦菌
魔力宝贝最详细新手教程，新手该如何完美开局，建议收藏转发2023-08-2010:34《魔力宝贝》手游体力是什么?魔力宝贝体力恢复机制是每10分钟回复1点；体力作用：挑战关卡需消耗体力体力获取方式1、好友每天可以赠送15次，也就是15点体力2、系统每天中午12点以及下午6点赠送25体3、在商城使用神石购买《魔力宝贝》手游战斗力如何提升?1、宠物强化宠物通过融合进阶后可以大幅度提升战力，最高级的宠物
ESP32-C3入门教程网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能小康师兄 ESP32-C3入门教程 https 服务器 esp32 OTA MQTT
文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程
2023最详细的Python安装教程（Windows版本）程序员林哥 Python python windows 开发语言
python安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php 课程设计 vue.js
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
阿里云服务器4核8G配置购买及价格类文章汇总（10篇）阿里云最新优惠和活动汇总
阿里云服务器4核8G配置如何购买？价格是多少？4核8G配置的阿里云服务器可以通过云服务器产品页购买也可以通过阿里云活动去下单购买，一般通过活动购买的用户比较多，但是不同实例规格的阿里云服务器价格不一样，带宽不同价格也不一样，本文为大家汇总了10篇关于阿里云服务器4核8G配置购买教程文章和价格类文章，分为购买类文章和价格类文章，以供大家参考如何购买阿里云服务器4核8G配置和最新优惠价格是多少。阿里云
绝招曝光！3小时高效利用ChatGPT写出精彩论文 kkai人工智能 chatgpt 人工智能 ai 学习媒体
在这份指南中，我将深入解析如何利用ChatGPT4.0的高级功能，指导整个学术研究和写作过程。从初步探索研究主题，到撰写结构严谨的学术论文，我将一步步展示如何在每个环节中有效运用ChatGPT。如果您还未使用PLUS版本，可以参考相关教程。**初步探索与主题的确定**起初，我处于庞大的知识领域中，寻找一个可深入研究的领域。ChatGPT如同灯塔，通过深入分析最新研究趋势和领域热点，帮助我在广阔的学
推荐3家毕业AI论文可五分钟一键生成！文末附免费教程！小猪包333 写论文人工智能 AI写作深度学习计算机视觉
在当前的学术研究和写作领域，AI论文生成器已经成为许多研究人员和学生的重要工具。这些工具不仅能够帮助用户快速生成高质量的论文内容，还能进行内容优化、查重和排版等操作。以下是三款值得推荐的AI论文生成器：千笔-AIPassPaper、懒人论文以及AIPaperPass。千笔-AIPassPaper千笔-AIPassPaper是一款基于深度学习和自然语言处理技术的AI写作助手，旨在帮助用户快速生成高质
ai绘画工具midjourney怎么下载？附作品管理教程设计师早上好
Midjourney是一款功能强大的AI绘画工具，它使用机器学习技术和深度神经网络等算法，可以生成各种艺术风格的绘画作品。在创意设计、广告宣传等方面有着广泛的应用前景。那么，ai绘画工具midjourney怎么下载？本文将为您介绍Midjourney的下载以及作品的相关管理。一、Midjourney下载Midjourney的下载非常简单，只需打开Midjourney官网（点击“GetMidjour
Go语言基础总结 Alice_小哪吒 Go学习笔记 golang 开发语言后端
一、Go语言结构包声明引入包函数变量语句&表达式注释下面简单给出hello.go文件。packagesrc/*定义包名*/import"fmt"/*引入包*/funchello(){/*函数*/fmt.Println("Hello,World!")/*语句&表达式*/fmt.Println("菜鸟教程：runoob.com")}二、Go语言基础语法Go程序可以由多个标记构成。可以是关键字、标识符、
mysql学习教程，从入门到精通，TOP 和MySQL LIMIT 子句（15）知识分享小能手大数据数据库 MySQL mysql 学习 oracle 数据库开发语言 adb 大数据
1、TOP和MySQLLIMIT子句内容在SQL中，不同的数据库系统对于限制查询结果的数量有不同的实现方式。TOP关键字主要用于SQLServer和Access数据库中，而LIMIT子句则主要用于MySQL、PostgreSQL（通过LIMIT/OFFSET语法）、SQLite等数据库中。下面将分别详细介绍这两个功能的语法、语句以及案例。1.1、TOP子句（SQLServer和Access）1.1
【Golang】实现 Excel 文件下载功能 RumIV Golang golang excel 开发语言
在当今的网络应用开发中，提供数据导出功能是一项常见的需求。Excel作为一种广泛使用的电子表格格式，通常是数据导出的首选格式之一。在本教程中，我们将学习如何使用Go语言和GinWeb框架来创建一个Excel文件，并允许用户通过HTTP请求下载该文件。准备工作在开始之前，请确保您的开发环境中已经安装了Go语言和相关的开发工具。此外，您还需要安装GinWeb框架和excelize包，这两个包都将用于我
sublime个人设置 bawangtianzun sublime text 编辑器
如何拥有jiangly蒋老师同款编译器(sublimec++配置竞赛向）_哔哩哔哩_bilibiliSublimeText4的安装教程（新手竞赛向）-知乎(zhihu.com)创建文件自动保存为c++打开SublimeText软件。转到"Tools"（工具）>"Developer"（开发者）>"NewPlugin"（新建插件）。在打开的新文件中，粘贴以下代码：importsublimeimport
python画图|同时输出二维和三维图西猫雷婶 python 开发语言
前面已经学习了如何输出二维图和三维图，部分文章详见下述链接：python画图|极坐标下的3Dsurface-CSDN博客python画图|垂线标记系列_如何用pyplot画垂直x轴的线-CSDN博客有时候也需要同时输出二位和三维图，因此有必要学习一下。【1】官网教程首先我们打开官网教程，链接如下。https://matplotlib.org/stable/gallery/mplot3d/mixed
果冻宝盒官方app邀请码有哪些一览(附邀请码填写指南)省钱又开心！小小编007
果冻宝盒是一款备受瞩目的社交电商软件，其独特的邀请机制和丰富的奖励制度吸引了大量用户。在使用果冻宝盒的过程中，填写正确的邀请码是获取奖励的重要步骤之一。本文将为您详细介绍果冻宝盒官方app的邀请码有哪些，以及如何正确填写邀请码，帮助您更好地参与果冻宝盒的社交电商生态。果冻宝盒直升金牌总裁（最高返利）注册教程：1各大应用市场搜索【果冻宝盒】并下载安装2注册果冻宝盒，根据提示填写邀请码：2233773
如何给QQ邮箱自动发邮件？无惧「小爱」下线！代码全公开，两步搞定 AI码上来 AI实战微信人工智能 python
前两天，搞了个微信AI小助理-小爱(AI)，爸妈玩的不亦乐乎。零风险！零费用！我把AI接入微信群，爸妈玩嗨了，附教程（下）最近一直在迭代中，挖掘小爱的无限潜力:链接丢给它，精华吐出来！微信AI小助理太强了，附完整提示词拥有一个能倾听你心声的「微信AI小助理」，是一种什么体验？小爱打工，你躺平！让「微信AI小助理」接管你的文件处理，一个字：爽！我把多模态大模型接入了「小爱」，痛快来一场「表情包斗图」
FlagEmbedding 吉小雨 python库 python
FlagEmbedding教程FlagEmbedding是一个用于生成文本嵌入（textembeddings）的库，适合处理自然语言处理（NLP）中的各种任务。嵌入（embeddings）是将文本表示为连续向量，能够捕捉语义上的相似性，常用于文本分类、聚类、信息检索等场景。官方文档链接：FlagEmbedding官方GitHub一、FlagEmbedding库概述1.1什么是FlagEmbeddi
Kubernetes Ingress 控制器（Nginx）安装与使用教程农优影
KubernetesIngress控制器（Nginx）安装与使用教程kubernetes-ingressNGINXandNGINXPlusIngressControllersforKubernetes项目地址:https://gitcode.com/gh_mirrors/ku/kubernetes-ingress1.项目目录结构及介绍在nginxinc/kubernetes-ingress仓库中，
Playwright 自动化验证码教程吉小雨 python库自动化数据库运维 python
Playwright自动化点击验证码教程在自动化测试中，Playwright是一个流行的浏览器自动化工具，支持多种浏览器的高效操作。验证码（如图片验证码、滑动验证码等）是网页中常见的反自动化机制，常常需要特别处理。我们将介绍如何使用Playwright自动化点击验证码，并提供几种常见验证码的处理方案。官方文档链接：Playwright官方文档一、Playwright环境搭建1.1安装Playwri
C# 开发教程-入门基础天马3798 教程系列整理 c#开发语言
1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
Python编写简单登录系统的完整指南 qq_35430208 python python 开发语言 Python编写简单登录系统登录系统
在现代应用中，用户认证和登录系统是一个非常重要的功能。通过登录系统，应用能够识别用户的身份，并为其提供相应的权限和服务。本文将介绍如何使用Python编写一个简单的登录系统，包括用户注册、登录验证、密码加密等功能。通过这一教程，将学习如何构建一个基本的用户登录系统，并理解其中的关键技术。系统需求分析一个基本的登录系统应该具备以下功能：用户注册：新用户可以创建账号，系统会将用户名和密码存储起来。登录
剪纸与折纸 a晟睿
暑期第47天秋高气爽，温度适宜，一天宅在家里真幸福。睿睿做完作业，看动画片，给她规定好看多长时间，虽然到时间会耍赖多看一会，基本上还是能守信用关掉。下午的时间，我找出彩纸，对睿睿说咱们剪纸吧，睿睿马上找来小剪刀，我找来剪纸的书，睿睿铺好她的瑜伽垫，我俩就面对面席地而坐，各忙各的了。睿睿的小手很灵活，照着图纸一会就叠好剪出来了，自己觉得不过瘾，又拿来我的手机，搜了一个折纸教程，一步一步跟着折起来。剪
插入表主键冲突做更新 a-john
有以下场景：用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。问题：如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。解决： mysql中提供了一个sql语
Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello" 2.引用系统资源。格式：@android:type/name android:textColor="@android:color/opaque_red"
数据结构的基本介绍天子之骄数据结构散列表树、图线性结构价格标签
数据结构的基本介绍数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。经典的数据结构大致如下：一：线性数据结构 (1)：列表 a
通过二维码开放平台的API快速生成二维码一炮送你回车库 api
现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。 html代码如下:(二维码将生成在这div下) ? 1 &nbs
ImageIO读取一张图片改变大小 3213213333332132 java IO image BufferedImage
package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
myeclipse集成svn（一针见血） 7454103 eclipse SVN MyEclipse
&n
装箱与拆箱----autoboxing和unboxing darkranger J2SE
4.2　自动装箱和拆箱基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
ajax传统的方式制作ajax aijuans Ajax
//这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
只用jre的eclipse是怎么编译java源文件的？ avords java eclipse jdk tomcat
eclipse只需要jre就可以运行开发java程序了，也能自动编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
前端模块化 bee1314 模块化
背景：前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。 JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
处理百万级以上的数据处理 bijian1013 oracle sql 数据库大数据查询
一.处理百万级以上的数据提高查询速度的方法： 1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。 2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
mac 卸载 java 1.7 或更高版本征客丶 java OS
卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中第二部，Spark Streaming读取Kafka中的数据，进行实时分析本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
Erlang vs TNSDL bookjovi erlang
TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。相关新闻：（1）IT行业成五大疾病重灾区：过劳死平均37.9岁
读《研磨设计模式》-代码笔记-原型模式 bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
配置管理---svn工具之权限配置 chenyu19891124 SVN
今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos component webapps 在conf里面的auth里赋予的权限配置为 [groups]
浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
浅谈程序员的数学修养
批量执行 bulk collect与forall用法 daizj oracle sql bulk collect forall
BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。有关FORALL语句的用法请参考：批量SQL之 F
Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
Yii CModel中rules验证规格 dcj3sjt126com rules yii validate
Yii cValidator主要用法分析： yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError
基于vagrant的redis主从实验 dcj3sjt126com vagrant
平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从实现思路制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box 制作sentos6.5+redis的box mkdir vagrant_redis cd vagrant_
Memcached(二)、Centos安装Memcached服务器 frank1234 centos memcached
一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]：建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
Remove Duplicates from Sorted List hcx2013 remove
Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API Spring4新
浅谈enum与单例设计模式 247687009 java 单例
在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构造器，导出静态成员变量，以便调用者访问。第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
使用switch条件语句需要注意的几点 openwrt c break switch
1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 spring mybatis JUnit
Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有：单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。第二个问题的具体实例是：
Java 定时任务总结一 tuoni java spring timer quartz timertask
Java定时任务总结一.从技术上分类大概分为以下三种方式： 1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务; 说明： java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank 相似度计算文本相似度词袋模型余弦相似度
本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下： 1、注册多个账号（一般10个以上）。 2、从多个账号中选择一个账号，发表1-2篇博文

[02]EXTJS4.0的新特性

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