百度 CDN公共库

命令(Command)

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

2018/1/10 19:06:35

一声令下可以约代码,还可以约步骤逻辑。(事件之意是发布与散播有信息,对什么响应事件无举行规定,每个接收者可以采用好的行来响应事件。也就是说事件非负有约束力)

 

指令系统的核心因素

·命令(Command):实际上就是落实了ICommand接口的类似,平时动最多的凡RoutedCommand类
·命令源(Command Source):实现了ICommandResource接口的类(Button)
·命令目标(Command Target):必须是落实了IInputCommand接口的接近
·命令关联(Command
Binding):负责将外场逻辑与命令关联起来,比如执行前对命令是否好推行进行判定、命令执行后还有什么后续工作相当

简介

指令的运

CDN公共库是赖以常用的JS库存放于CDN节点,以方便周边开发者直接调用。与以JS库存放在服务器单机上对比,CDN公共库更加平静、高速。
百度公共CDN为卿的应用程序提供稳定、可靠、高速的劳务,包含全球有最风靡的开源JavaScript库。

1.创建命令类

哪怕获取一个兑现ICommand接口的类,如果命令和具象工作逻辑无关,则动用WPF类库中的RoutedCommand即可。如果想取得与作业逻辑相关的专有命令,则要创造RoutedCommand(或者ICommand)的派生类。

资源列表

动办法: 
加载JS库,复制HTML代码有(如下所示)到网页。例如,要加载jQuery,将如下所出示之代码嵌入到公的网页中即可。

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
2.宣称命令实例

技巧:一般景象下,只需要操作一个限令实例与之对诺即可。因此先后中的吩咐多下单件模式(Singletone
Pattern)以减掉代码复杂度。

backbone

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/backbone/0.9.2/backbone.js"></script>
  • 压缩: 

<script src="http://libs.baidu.com/backbone/0.9.2/backbone-min.js"></script>

官网:http://documentcloud.github.com/backbone/

支持的版本:0.9.2

3.指定命令源

命令源拥有命令和命令源两独特性。
以及一个限令可以有多单来。
要把命指派给命令源,命令源就会受命令影响,命令不能够实行的时候作为命令源的控件不可用。革命临官发送命令的办法不尽相同,例如单机双击。

Bootstrap

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet">
  • 压缩:

<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

官网:https://github.com/twitter/bootstrap/

支撑之版:2.0.4 ,2.0.3 ,2.0.2 ,2.1.1,2.2.1,2.3.1,2.3.2,
3.0.3

4.点名命令目标

指令目标不是令的习性而是命令源的习性。无论这个命令源是否具有焦点都见面接到这个令。如果没点名命令目标,默认为当前关键对象就是是令目标。

dojo

加载地址

  • 压缩:

<script src="http://libs.baidu.com/dojo/1.8.0/dojo.js"></script>

官网:http://dojotoolkit.org/

支持的版本:1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.4, 1.7.3, 1.7.2, 1.7.1,
1.7.0, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.1, 1.4.0,
1.3.2, 1.3.1, 1.3.0, 1.2.3, 1.2.0, 1.1.1

5.安命令关联(命令绑定)

WPf需要CommandBinding在实行前帮助判断是不是得尽,在推行后开有波来“打扫战场”。命令目标为命令关联发送路由于事件,命令关联捕捉并处理路由事件,向命令反馈信息。

ext-core

加载地址

  • 压缩:  

<script src="http://libs.baidu.com/ext-core/3.1.0/ext-core.js "></script>

官网:http://www.sencha.com/products/extjs/

支持的版:3.1.0,3.0.0

Highcharts

加载地址

  • 压缩:

<script src="http://libs.baidu.com/highcharts/2.2.5/highcharts.js"></script>

官网:http://www.highcharts.com/

支撑之版:2.3.5, 2.2.5

1.ICommand接口包含两只章程与一个事件

Execute()方法包含应用程序逻辑(例如打印文档);
CanExecute()方法返回命令状态(命令可用返回true,不可用返回false);
CanExecuteChanged事件,命令状态改变时引发,这是指示信号,表示应当调用CanExecute()检查命令状态。

Highstock

加载地址

  • 压缩:

<script src="http://libs.baidu.com/highstock/1.2.5/highstock.js"></script>

官网:http://www.highcharts.com/

支持之版:1.2.5

2.RoutedCommand类自动实现ICommmand接口的切近

未带有其他应用程序逻辑,只代表命令。为事件冒泡和隧道添加了有些分外的根底结构

jqMobi

加载地址: 压缩:

<script src="http://libs.baidu.com/jqmobi/1.0.0/jq.ui.min.js "></script>

<script src="http://libs.baidu.com/jqmobi/1.0.0/jq.mobi.min.js "></script>

官网:http://www.jqmobi.com/

支撑之本子:1.0.0

3.RoutedUICommand类继承自RoutedCommand类

用于所有文本的通令,只多了Text属性

jQuery

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
  • 压缩:  

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

官网: http://jquery.com/

支持的版本: 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0,
1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4,
1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2,
1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

执行命令

RoutedUIIcommand类没有任何编码的效果,只表示命令。为点命令,需要出命令源(也可是应用代码)。为响应命令,需要发出发号施令绑定,命令绑定以执行转发给一般的事件处理程序。

jQuerymobile

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/jquerymobile/1.3.0/jquery.mobile-1.3.0.js"></script>
  • 压缩:  

<script  src="http://libs.baidu.com/jquerymobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

官网:http://jquerymobile.com/

支撑之本子:1.3.0, 1.1.1, 1.0.1

1.命令源

ICommandSource定义了三独特性:
·Command:指向连接的一声令下,必需
·CommandParameter:提供其他想以命令发送的数
·CommandTarget:确定以当中执行命令的素
如:下面的按钮使用Command属性连接至ApplicationCommands.New命令:

<Button Command="ApplicationCommands.New">New</Button>

jQuerytools

加载地址

  • 压缩:

<script src="http://libs.baidu.com/jquerytools/1.2.7/jquery.tools.min.js"></script>

官网:http://jquerytools.org/

支持的本:1.2.7

2.命绑定

明确:
·当令于触发时执行什么操作
·如何确定命令是否会给实践(可选)
·命令在哪儿起作用

jQueryui

加载地址

  • 压缩:

<script src="http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js "></script>

官网:http://jqueryui.com/

支持的版本:1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24,
1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15,
1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6,
1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0,
1.5.3, 1.5.2

令实例:

概念一个发令,使用Button来发送这个命令,当令送达TextBox时,TextBox被清空(如果无字虽免发送命令)
·界面代码:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Command"
    Background="LightBlue" Height="350" Width="525">
<StackPanel x:Name="stackPanel">
    <Button x:Name="button1" Content="Send Command" Margin="5"/>
    <TextBox x:Name="textBoxA" Margin="5,0" Height="100"/>
</StackPanel>
</Window>

·后台代码:

//实现:定义一个命令,使用Button来发送这个命令,当命令送达TextBox时,TextBox被清空(如果没有文字则不发送命令)

namespace WpfApplication1
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        InitializeCommand();
    }
    //声明并定义命令
    private RoutedCommand clearCmd = new RoutedCommand("CLear", typeof(MainWindow));

    private void InitializeCommand()
    {
        //把命令赋值给命令源(发送者)并指定快捷键
        this.button1.Command = this.clearCmd;
        this.clearCmd.InputGestures.Add(new KeyGesture(Key.C, ModifierKeys.Alt));//按Alt+C键

        //指定命令目标
        this.button1.CommandTarget = this.textBoxA;

        //创建命令关联
        CommandBinding cb = new CommandBinding();
        cb.Command = this.clearCmd;//只关注与clearCmd相关的事件
        cb.CanExecute += new CanExecuteRoutedEventHandler(cb_CanExecute);
        cb.Executed +=new ExecutedRoutedEventHandler(cb_Executed);

        //把命令关联安置在外围控件上
        this.stackPanel.CommandBindings.Add(cb);
    }

    //当探测命令是否可以执行时,此方法被调用
    void cb_CanExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        if(string.IsNullOrEmpty(this.textBoxA.Text))
        { e.CanExecute = false; }
        else
        { e.CanExecute = true; }

        //避免继续向上传而降低程序性能
        e.Handled = true;
    }

    //当命令送达目标后,此方法被调用
    void cb_Executed(object sender, ExecutedRoutedEventArgs e)
    {
        this.textBoxA.Clear();
        //避免继续向上传而降低程序性能
        e.Handled = true;
    }
}

解释:
·运行程序,在TextBox中输入文字后Button在指令可实施状态的状况下成可用,此时单击Button或者按Alt+C键,TextBox都见面叫清空。
·RoutedCommand并无针对命令目标召开任何操作,而是由CommandBinding操作的。
·无论是探测命令是否尽或者令送达目标,都见面刺激命令目标发送路由于事件,这些路由于事件会沿着UI元素树向上传递并最后被CommandBinding所捕捉。
·CommandBinding被设置在外侧之StackPanel上,CommandBinding起一个侦听器的意图,而且特别对clearCmd命令捕捉和该休戚相关的路由事件。
·当CommandBinding捕捉到CanExecute事件,就会见调用cb_CanExecute方法判断命令执行尺度是否满足,并报告让命令供其震慑命令源的状态;当捕捉到Execute事件,表示命令的Execute方法都履行了,或者说令就意向在了命令目标上(RoutedCommand只承担给命令目标激发Executed),则调用Executed方法。
·CommandBingding一定要装以命令目标的之外控件上,不然无法捕捉到CanExecute和Executed等行程由于事件。

JSON

加载地址

  • 未压缩:

<script src=" http://libs.baidu.com/json/json2/json2.js"></script>

官网:https://github.com/douglascrockford/JSON-js

支撑之版:json2

命令库

命具有“一处声明,处处以”的特性。便携带的命令库包括:ApplicationCommands,ComponentCommands,NavigationCommands,MediaCommands,EditingCommands.都是静态类。例如我们得以直接拿命令库用这些标准命令,不需要协调声明:Open,Save,Play,Stop。(属于ApplicationCommand)

lesscss

加载地址

  • 压缩:

<script src="http://libs.baidu.com/lesscss/1.3.0/less.min.js"></script>

官网:http://www.lesscss.net/

支持的本:1.3.0

自定义Command

———————待更新

mootools

加载地址

  • 压缩:

<script src="http://libs.baidu.com/mootools/1.4.5/mootools-yui-compressed.js"></script>

官网:http://mootools.net/

支撑之版:1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1,
1.3.0, 1.2.5, 1.2.4, 1.2.3, 1.2.2, 1.2.1, 1.1.2, 1.1.1

prototype

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/prototype/1.7.1.0/prototype.js"></script>

官网:http://prototypejs.org/

支持的版本:1.7.1.0, 1.7.0.0, 1.6.1.0, 1.6.0.3, 1.6.0.2

QUnit

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/quint/1.9.0/qunit.js"></script>

官网:http://docs.jquery.com/QUnit

支撑之本子:1.4.0,1.5.0,1.6.0,1.7.0,1.8.0,1.9.0

scriptaculous

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/scriptaculous/1.9.0/scriptaculous.js "></script>

官网:http://script.aculo.us/

支持的本:1.9.0, 1.8.3

swfobject

加载地址

  • 压缩:

<script src="http://libs.baidu.com/swfobject/2.2/swfobject.js"></script>

官网:http://code.google.com/p/swfobject/

支撑之版:2.1,2.2

UNDERSCORE

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/underscore/1.3.3/underscore.js"></script>
  • 压缩:  

<script src="http://libs.baidu.com/underscore/1.3.3/underscore-min.js"></script>

官网:http://underscorejs.org/

支持的版本:1.3.3

webfont

加载地址

  • 压缩:  

<script src="http://libs.baidu.com/webfont/1.0.28/webfont.js"></script>

官网:https://developers.google.com/webfonts/docs/webfont_loader

支撑之本子: 1.3.0, 1.1.2, 1.1.1, 1.1.0, 1.0.31, 1.0.30, 1.0.29,
1.0.28, 1.0.27, 1.0.26, 1.0.25, 1.0.24, 1.0.23, 1.0.22, 1.0.21, 1.0.19,
1.0.18, 1.0.17, 1.0.16, 1.0.15, 1.0.14, 1.0.13, 1.0.12, 1.0.11, 1.0.10,
1.0.9, 1.0.6, 1.0.5, 1.0.4, 1.0.3, 1.0.2, 1.0.1, 1.0.0

yui

加载地址

  • 未压缩:

<script src="http://libs.baidu.com/yui/3.4.1/yui.js"></script>
  • 压缩:  

<script src="http://libs.baidu.com/yui/3.4.1/yui-min.js"></script>

官网:http://yuilibrary.com/

支持的本:3.4.1,3.3.0

zepto

加载地址

  • 压缩:  

<script src="http://libs.baidu.com/zepto/0.8/zepto.min.js"></script>

官网:http://zeptojs.com/

支撑之版:0.8,1.0rc

Font Awesome

加载地址

  • 压缩:  

<link
href=”//libs.baidu.com/fontawesome/4.0.3/css/font-awesome.min.css”
rel=”stylesheet”>

  • 未压缩:  

<link href=”//libs.baidu.com/fontawesome/4.0.3/css/font-awesome.css”
rel=”stylesheet”>

官网:http://fontawesome.io/

支持的版本:4.0.3

发表评论

电子邮件地址不会被公开。 必填项已用*标注