vConsole 提供一些辅助函数以便开发插件。
辅助函数会按照类型,挂载到 vConsole 的不同属性中:
vConsole.tool
:辅助函数。vConsole.$
:DOM 操作相关函数。判断变量是否为指定的类型。
将文本转为 HTML 安全的字符串。
将数据写入 localStorage
。前缀 vConsole_
会自动加到 key
之前。
在一些设备中,localStorage
可能不存在,因此 value
将无法正常存储。所以不要使用此方法来保存持久性数据。
vConsole.tool.setStorage('count', 1);
获取 localStorage
的数据。前缀 vConsole_
会自动加到 key
之前。
var num = vConsole.tool.setStorage('count'); // => 1
获取在 document
或 baseElement
中匹配 selectors
的首个 element 元素。
document
.var $page = vConsole.$.one('#my_page');
var $item = vConsole.$.one('.item', $page);
获取在 document
或 baseElement
中匹配 selectors
的所有 element 元素。
document
.var $page = vConsole.$.one('#my_page');
var $items = vConsole.$.all('.item', $page);
为一个或一组 element 添加 class 样式名。
var $items = vConsole.$.all('.item');
vConsole.$.addClass($items, 'selected');
为一个或一组 element 删除 class 样式名。
var $items = vConsole.$.all('.item');
vConsole.$.removeClass($items, 'selected');
判断一个 element 对象是否有指定的样式名。
var $page = vConsole.$.one('#my_page');
if (vConsole.$.hasClass($page, 'actived')) {
// do something
}
绑定一个事件到一个或一组 element。
false
.var $btn = vConsole.$.one('#submit');
vConsole.$.bind($btn, 'click', function(event) {
event.preventDefault();
alert('submit!');
});
绑定一个事件到一个 element 中,只有匹配 selecors 的子元素才会触发事件。
var $page = vConsole.$.one('#my_page');
vConsole.$.delegate($page, 'click', '.item', function(event) {
vConsole.$.addClass(this, 'selected'); // this => '.item'
});
Compile a template into an element object or a HTML string with given data. 使用指定数据将模板文本编译成 element 对象或者 HTML 字符串。
false
。If:
{{if}}
...
{{else}}
...
{{/if}}
For:
{{for (var i=0; i<10; i++)}}
...
{{continue}}
{{break}}
{{/for}}
Switch:
{{switch (flag)}}
{{case 1}}
...
{{break}}
{{default}}
...
{{/switch}}
Print:
{{flag}}
var tpl = '<ul>' +
'{{for (var i = 0; i < list.length; i++)}}' +
'<li>' + '{{list[i]}}' + '</li>' +
'{{/for}}' +
'</ul>';
var data = {
list: ['Red', 'Blue', 'Yellow']
};
var html = vConsole.$.render(tpl, data, true);
document.body.innerHTML += html;
输出:
<ul>
<li>Red</li>
<li>Blue</li>
<li>Yellow</li>
</ul>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。