remiheens/smartloader

管理模板中的JS和CSS的库

dev-master 2013-10-30 08:07 UTC

This package is not auto-updated.

Last update: 2024-09-24 01:00:38 UTC


README

Latest Stable Version Total Downloads Build Status

SmartLoader 是一个库,允许你轻松管理网站上的 js 和 css。

当你有很多 js & css 需要动态包含时,这很困难且复杂。使用 SmartLoader,你有一些函数可以在控制器中入队代码或链接,你只需在页脚中输出队列。

如果你了解 WordPress 开发,这个库的工作方式类似于 wp_enqueue 函数。在你的控制器中,你可以入队一些 js 和 css 链接,并在页脚中输出这些链接。

安装

创建 composer.json 文件 添加

{
    "require": {
        "remiheens/smartloader": "2.0.*@dev"
    }
}

文档

SmartLoader 对象有两个对象:"js" 和 "css",这两个属性是 CSS 和 Javascript 的管理器。

public function setTemplate($tpl);

设置模板文件夹

public function getTemplate();

获取模板文件夹

public function forceHTTP();

强制使用 http,因为默认输出的链接以 "//domain.tld/..." 开头

JS

public function setTemplate($tpl);

设置模板名称,每个 js 都将加载到这个目录模板中

public function forceHTTP();

强制使用 http,因为默认输出的链接以 "//domain.tld/..." 开头

public function add($args);

添加 js 文件 url 或 url 数组

public function loadLib($lib);

添加一个 js 库,只需在模板文件夹/js/lib/ 中指定名称(见配置)。

public function jquery($data, $header = false);

在头部或页脚中添加 jQuery 代码

public function js($data, $header = false);

在头部或页脚中添加 JavaScript 代码

public function load($js_file);

像视图一样加载 js,SmartLoaderJS 尝试将此文件放入配置的 js 文件夹中(不带 .js 的名称)

public function loadLinks();

输出所有添加的 js 链接的脚本标签列表

public function loadJavascript($header = false);

输出 JavaScript 代码

CSS

public function setTemplate($tpl);

设置模板名称,每个 js 都将加载到这个目录模板中

public function forceHTTP();

强制使用 http,因为默认输出的链接以 "//domain.tld/..." 开头

public function add($args);

添加 css 文件 url

public function output();

输出指向编译后的 css 文件的链接标签引用。

添加的每个 CSS + 自动加载文件夹都将连接到编译文件夹中的 css 文件。如果有文件被修改,它将被重新生成。