README

Yii2 asset集合中的有用JavaScript库。

以下是使用资产的说明。

您必须将所有要使用的资产（请参阅资产部分）的依赖项包含在您的composer.json中。这是为了防止加载您不需要的资产依赖包。

资产

• Awesome Grid
• BxSlider
• History.js
• Intl.js
• Ionicons
• jQuery.browser
• jQuery Serialize Object
• JavaScript Cookie
• Sly
• Sticky
• Owl Carousel
• Owl Carousel 2 Thumbnails
• Are You Sure?
• Bootstrap Tabdrop
• Autobahn JS
• Seiyria Bootstrap Slider
• Highcharts
• messageformat.js
• Fancybox
• Enhanced Events
• ReactJS
• Single Page Nav
• jQuery Easing
• CoreJS TypeAhead
• jQuery File Upload

安装

运行以下命令之一

$ php composer.phar require mg-code/yii2-assets "@dev"

或添加

"mg-code/yii2-assets": "@dev"

到您的composer.json文件的require部分。

安装依赖

请参阅资产部分，其中描述了为每个资产需要包含哪些依赖项。

要添加这些依赖项，请运行以下命令之一

$ php composer.phar require vendorName/packageName "*"

或添加

"vendorName/packageName": "*"

到您的composer.json文件的require部分。

用法

使用资产有两种方法。

在视图中注册它。

\mgcode\assets\AwesomeGridAsset::register($this);

将其作为依赖项添加到您的资产中

namespace app\assets;
use yii\web\AssetBundle;

class MyAsset extends AssetBundle
{
    ...
    public $depends = [
        'mgcode\assets\AwesomeGridAsset',
    ];
}

将AwesomeGridAsset替换为所需的资产。（请参阅资产部分）

资产

Awesome Grid

资产

mgcode\assets\AwesomeGridAsset

依赖

"bower-asset/awesome-grid": "*"

BxSlider

资产

mgcode\assets\BxSliderAsset
mgcode\assets\BxSliderPluginAsset

依赖

"bower-asset/bxslider-4": "*"

History.js

资产

mgcode\assets\HistoryJsAsset

依赖

"bower-asset/history.js": "*"

Intl.js

主要资产

mgcode\assets\IntlJsAsset

区域资产

mgcode\assets\IntlJsLocaleAsset

默认情况下，IntlJsLocaleAsset使用Formatter配置中定义的区域。如果您想覆盖它，可以在应用程序的params部分中定义它。

return [
    ..... application configuration ....
    'params' => [
        'intlJsLocale' => 'en-US',
        ...
    ]
];

依赖

"bower-asset/intl": "*"

Ionicons

资产

mgcode\assets\IoniconsAsset

依赖

"bower-asset/ionicons": "*"

jQuery.browser

资产

mgcode\assets\JqueryBrowserAsset

依赖

"bower-asset/jquery.browser": "*"

jQuery Serialize Object

资产

mgcode\assets\JquerySerializeObjectAsset

依赖

"bower-asset/jquery-serialize-object": "~2"

JavaScript Cookie

资产

mgcode\assets\JsCookieAsset

依赖

"bower-asset/js-cookie": "~2"

Sly

资产

mgcode\assets\SlyAsset

依赖

"bower-asset/sly": "*"

Sticky

资产

mgcode\assets\StickyAsset

依赖

"bower-asset/sticky": "*"

Owl Carousel

JS和CSS文件的资产

mgcode\assets\OwlCarouselAsset

JS文件的资产

mgcode\assets\OwlCarouselScriptAsset

依赖

"bower-asset/owl.carousel": "*"

Owl Carousel 2 Thumbnails

JS和CSS文件的资产

mgcode\assets\OwlCarouselThumbsAsset

依赖

"bower-asset/owl.carousel2.thumbs": "*"

Are You Sure?

资产

mgcode\assets\AreYouSureAsset

依赖

"bower-asset/jquery.are-you-sure": "*"

Bootstrap Tabdrop

资产

mgcode\assets\BootstrapTabdropAsset

Autobahn JS

0.8.2是支持WAMP版本1的Autobahn|JS的最后一个版本。

请在此处阅读文档：http://autobahn.ws/js/reference_wampv1.html

资产

mgcode\assets\AutobahnJsAsset

Seiyria Bootstrap Slider

资产

mgcode\assets\SeiyriaBootstrapSliderAsset

依赖

"bower-asset/seiyria-bootstrap-slider": "9.*"

Highcharts

资产

mgcode\assets\HighchartsAsset

依赖

"bower-asset/highcharts-release": "*"

messageformat.js

资产

mgcode\assets\MessageFormatAsset

依赖

"bower-asset/messageformat": "*"

Fancybox

资产

mgcode\assets\FancyboxAsset

依赖

"bower-asset/fancybox": "*"

Enhanced Events

添加文档滚动结束事件。资产

mgcode\assets\EnhancedEventsAsset

ReactJS

资产

mgcode\assets\ReactAsset
mgcode\assets\ReactDomAsset

依赖

"bower-asset/react": "*"

Single Page Nav

支持1.2.1版本。

资产

mgcode\assets\SinglePageNavAsset

jQuery Easing

资产

mgcode\assets\JqueryEasingAsset

依赖

"bower-asset/jquery-easing-original": "*"

CoreJs TypeAhead

资产

mgcode\assets\CoreJsTypeAheadAsset

依赖

"bower-asset/corejs-typeahead": "*"

jQuery File Upload

资产

mgcode\assets\JqueryFileUploadAsset

依赖

"bower-asset/blueimp-file-upload": "*"