---恢复内容开始---

网易云课堂 《尚学堂_Ext视频教程》

login.html

 <html>

     <head>

         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

         <title>用户登录</title>

             <link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css" />

             <script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base.js"></script>

             <script type="text/javascript" src="../ext-3.4.0/ext-all.js"></script>

             <script type="text/javascript" src="test.js"></script>

     </head>

     <body>

 <!--         <div id=login>

     </div> -->

     </body>

 </html>

test.js

弹出窗口并回调

Ext.onReady(function(){

    Ext.Msg.alert('提示', '确认', function() {

        console.info(this);

        alert('回调');},this);

})

提示框

Ext.onReady(function(){

    Ext.Msg.confirm('提示','确认删除吗'),function(op) {

        if(op == 'yes') {

            alert("确认");

        } else {

            alert('取消');

        }

    };

})

输入框

Ext.onReady(function(){

    Ext.Msg.prompt('标题', '姓名：',function(op, val){}, this, true, '默认值');

})

进度条

Ext.onReady(function(){

    Ext.Msg.wait('提示信息','标题',{

    interval: 400,   //循环定时的间隔

    duration: 2000,  //总时长

    increment: 5,   //执行次数

    text: '更新中',

    scope: this,

    fn: function(){

    Ext.fly('status').update('Done!')

    },

    animate: true  //动画效果

    });

});

提示框

Ext.onReady(function(){

    Ext.Msg.show({

        title:'自定义提示框！',

        msg:'内容',

        width:300,

        height:300,

        buttons:Ext.Msg.YESNOCANCEL,

        icon:Ext.Msg.ERROR  //INFO QUESTION WARNING

    });

});

  

javascript 基础

Ext.onReady(function(){

    //javascript基本类型

    //Number/String/Boolean/Object/Undefined/Function

    //Number

    var num1 = 10;

    var num2 = 10.5;

    var num3 = .6;        //0.6

    var num4 = 070         //8进制56

    var num5 = 1/0        //正无穷

    var num6 = window.parseInt("dadad"); //字符串转换为数字，返回NaN，not a number,自己与自己不相等

    //Object

    var date = new Date();

    var arr  = new Array();

    var obj  = {name:'da', age:10};

    //Undefined声明了变量没赋值, 等同于Null(表示空对象的引用)

    //undefined === null 不等于 (===既判断值又判断类型)

    var a;

    //Function

    function fun() {

        console.info('fun');

    }

    alert(typeof fun);   //typeof 判断数据类型

    var fun1 = function(){};

    //顶级作用域

    var fun2 = new Function('x','y','return x+y;');

        alert(fun2(12,13));

        //每一个函数内部都有一个arguments对象

       function test(x,y) {

           //1：接收函数的实际参数

           alert(arguments.length);//len=3

           alert(arguments[2]);    //val=3

       };

       test(1,2,3);

     function test1(n) {

       //2:通常用于递归操作

          if (n <= 1) {

              return 1;

          } else {

              return n*test1(n-1);

          }

     };

     alert(test1(5));        

     //arguments.callee 表示引用当前函数本身

});  
//this 总是指向调用者

var x = 5;

function test() {

    alert(this.x);

};

test.x = 10;

window.test();  //window调用this,window下没有x, 返回undefined

//call apply 主要作用是绑定作用域 ,绑定一个函数到指定作用域

var color = 'red';

var obj = {color:'yellow'};

function showColor(x,y) {

    alert(x+y);

    alert(this.color);

};

//window.showColor();

showColor.call(window,10,2);

showColor.call(obj,10,2);

//apply传递的是数组，javascript 函数执行完后回收变量

showColor.apply(obj,[11,2]);

(function() {

    alert('222');

}) ();

//闭包：执行环境。作用域链，js垃圾回收,可以存储变量，保护变量

//函数碰到函数直接返回，没有return，返回undefined

function test() {

    return function() {

        alert('闭包');

    };

};

//alert(test());

var f = test();

f();

function test1() {

    var temp = 10;

    return function() {

        alert(temp);

    };

};

test1() ();

Extjs 视频教程的更多相关文章

  1. 网络资源(4) - extJS视频

    2014_08_24 http://v.youku.com/v_show/id_XMjk2ODc0MjA4.html?f=7183617 extJS视频教程04——ExtJS框架入门

  2. Extjs视频

    Extjs视频http://www.youku.com/playlist_show/id_19343298.html ExtJs视频教程(关东升) 智捷关东升老师ExtJs视频教程AJAX框架-Ext ...

  3. java架构师视频教程 内含activemq+jvm+netty+dubbo

    目录: 架构师视频教程包含activemq jvm netty dubbo 0分布式项目实战所有视频(分布式项目视频)互联网架构师第二期-视频部分互联网架构师第二期-资料部分1.Netty快速入门教程 ...

  4. Extjs各版本的下载链接，包含ext3.4源码示例

    最近在维护一个老平台,用的是ext3.4,老东西在网上找示例发现既然还有人收钱,谷歌了一下总算找到了一位免费的发布的,感谢 yipanbo 分享 Extjs的版本繁多,本文收集了Extjs各个版本的下 ...

  5. 大量Javascript/JQuery学习教程电子书合集

    ［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

  6. ［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  7. 【推荐分享】大量JavaScript/jQuery电子书籍教程pdf合集下载

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  8. web前端技术合集

    视频课程包含: 微服务精品课程包含:Ajax和Jquery基础入门视频.ajax教程.css视频教程.JQuery视频教程.MUI快速混合APP开发-视频.vuejs教程.极客学院HTML5全套教程. ...

  9. jQuery EasyUI视频教程合集

    下载地址:http://www.fu83.cn/thread-269-1-1.html 教程内容: 尚学堂科技_jqueryeasyui视频教程_白贺翔 李炎恢jQuery EasyUI视频教程全集 ...

随机推荐

  1. JDBC操作Oracle数据库

    背景知识 含义:JDBC是一种java数据库连接技术,能实现java程序对各种数据库的访问.由一组使用java语言编写的类和接口组成,这些类和接口称为JDBC API,他们位于java.sql 以及j ...

  2. [SAP ABAP开发技术总结]CLEAR、REFRESH、FREE内表清理区别

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  3. CUBRID学习笔记23 关键字列表

    先放上特殊的字符 Backtick Symbol - `    反引号 同撇 Double Quotes - "      双引号 Square Brackets - [  中括号 如    ...

  4. FLASH CC 2015 CANVAS （一） 与AS3的写法区别

    注意 此贴 为个人边“开荒”边写,所以不保证就是最佳做法,也难免有错误! 正式教程会在后续开始更新 AS3 JS stop() this.stop(); mc.stop() this.mc.stop( ...

  5. 转 基于Quick-cocos2dx 2.2.3 的动态更新实现完整篇。（打包，服务器接口，模块自更新

    1,如何设计更新服务器接口. 2,不改变原框架的代码的情况下如何实现更新,并且可以实现精确的进度. 3,如何按照版本打包. 4,如何跨n个小版本更新. 5,版本回滚. 6,如何更新你的自动更新模块和f ...

  6. <<易货>>项目Postmortem结果

    设想和目标 我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? 一开始想做的事情还是太多,没有形成整个app的核心功能,浪费了很多时间. 是否有充足的时间来做计划? 有 ...

  7. 键盘ctrl+shift不能切换输入法

    1.首先检查输入法是否被卸载,如没被卸载: 2.使用下面如图方法进行设置

  8. iOS - Swift Subscript 下标脚本

    1.Subscript 下标脚本允许你通过在实例后面的方括号中传入一个或者多个的索引值来对实例进行访问和赋值.语法类似于实例方法和计算型属性的混合.与定义实例方法类似,定义下标脚本使用 subscri ...

  9. Python学习笔记--XML的应用

    XML的定义 XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被 ...

  10. mybatis <sql /> 配置中 返回值 resultType 与resultMap的区别

    mybatis的objectMapper.xml中, 1) 若<sql /> 查询语句中配置的是resultType=“实体类/DTO” ,则从mybatis返回的键值对结果集(Map)会 ...