IMWeb的JavaScript代码片段

由 imweb 全部

Sublime Text的JavaScript代码片段插件

详细信息

版本 0.3.0
主页 github．com
问题 github．com
修改时间 7年前
最近查看时间 9分钟前
首次查看时间 7年前

下载量

总计 7K
Win 6K
Mac 829
Linux 714

	8月6日	8月5日	8月4日	8月3日	8月2日	8月1日	7月31日	7月30日	7月29日	7月28日	7月27日	7月26日	7月25日	7月24日	7月23日	7月22日	7月21日	7月20日	7月19日	7月18日	7月17日	7月16日	7月15日	7月14日	7月13日	7月12日	7月11日	7月10日	7月9日	7月8日	7月7日	7月6日	7月5日	7月4日	7月3日	7月2日	7月1日	6月30日	6月29日	6月28日	6月27日	6月26日	6月25日	6月24日	6月23日
Windows	0	0	1	0	0	2	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	2	2	0
Mac	1	1	0	0	0	0	0	0	1	0	0	0	1	0	0	0	0	0	0	2	1	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	1	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0

自述文件

源代码: raw．githubusercontent．com

Sublime的JavaScript代码片段

描述

这是一个为IMWeb团队设计的JavaScript代码片段软件包，它统一了IMWeb团队的js代码片段。
本软件包中的代码片段在IMWeb团队代码指南中以标准列表形式提供。

安装

通过软件包控制安装，搜索“IMWeb的JavaScript代码片段”。如果您还没有Sublime Text中的软件包控制，请安装它。那将是真正的利器。

如果您愿意手动安装，可以下载软件包并将其放在您自己的Packages目录中。它应该可以正常工作，但不会自动更新。

控制台

[cd] console.dir

console.dir(${1:obj});

[cl] console.log

console.log(${1:obj});

EJS

[=fo] <% for %>

<% for (var ${1:i} = ${2:0}, ${3:l} = ${4:arr}.length; ${1:i} < ${3:l}; ++${1:i}) { %>
    ${5}
<% } %>

[=if] <% if %>

<% if(${1:expr}) { %>
    ${2}
<% } %>

[=] <%= %>

<%${1:=} ${2:expr} %>

循环

[fe] forEach

${1:myArray}.forEach(function(${2:elem}, ${3:index}) {
    ${4}
});

[fi] for…in

for (${1:prop} in ${2:obj}) {
    if (${2:obj}.hasOwnProperty(${1:prop})) {
        ${3}
    }
}

[for] for

for (var ${1:i} = ${2:0}, ${3:l} = ${4:arr}.length; ${1:i} < ${3:l}; ++${1:i}) {
    ${5}
}

函数

[fn][fun] function

function ${1:functionName}(${2:arguments}) {
    ${3:// body...}
}

[afn] anonymous function

function(${1:arguments}) {
    ${2:// body...}
}

[ap] apply

apply(${1:context}, [${2:arguments}]);

[ca] call

call(${1:context}, ${2:arguments});

[iif] immediately-invoked function expression

(function(${2:win}) {
    ${3:// body...}
})(${1:window});

[ofn] 函数作为对象属性

${1:functionName}: function(${2:arguments}) {
    ${3:// body...}
},

如果

[ife] if…else

if (${1:expr}) {
    ${2:// if body...}
} else {
    ${3}
}

jQuery

[jvt] var $this = $(this)

var \$this = \$(this);

[jct] const $this = $(this)

const \$this = \$(this);

[jve] var $var = $('var')

var \$${1} = \$('${2}');

[jce] const $var = $('var')

const \$${1} = \$('${2}');

[jvd] var d = $d.data('d')

var ${1:cid} = \$${2:this}.data('${3:cid}');

[jcd] const d = $d.data('d')

const ${1:cid} = \$${2:this}.data('${3:cid}');

[da] data()

data('${1}')

[jext] $.extend

\$.extend(${1});

[ext] extend()

extend(${1})

[jat] $.attr

\$${1:this}.attr('${2}'${3});

[at] attr()

attr('${1}'${2})

[jcss] $.css

\$${1:this}.css({${2}});

[css] css()

css({${2}})

[jwi] $.width

\$${1:this}.width(${2});

[wi] width()

width(${1})

[jhe] $.height

\$${1:this}.height(${2});

[he] height()

height(${1})

[jsh] $.show

\$${1:this}.show();

[sh] show()

show()

[jhi] $.hide

\$${1:this}.hide();

[hi] hide()

hide()

[jac] $.addClass

\$${1:this}.addClass('${2}');

[addC] addClass()

addClass('${1}')

[jrc] $.removeClass

\$${1:this}.removeClass('${2}');

[rem] removeClass()

removeClass('${1}')

[jon] $.on

\$${1:this}.on('${2:click}', ${3}function(e${4}) {
    ${5:// body...}
});

[on] on()

on('${1:click}', ${2}function(e${3}) {
    ${4:// body...}
});

[jtri] $.trigger

\$${1:doc}.trigger('${2:eventType}'${3});

[tri] trigger()

trigger('${1:eventType}'${2});

其他

[vs] var self = this

var ${1:self} = this;

[cs] const self = this

const ${1:self} = this;

[se] self = this

self = this;

[th] that = this

that = this;

[al] 弹窗警告

alert('${1:msg}');

[de] 调试器

debugger;

[ret] 返回

return ${1:this};

[ni] new Image

new Image().src = '/${1}';

节点

[re] require

require('${1:module}');

[rea] require.async

require.async(['${1:moduleName}'], function(${2:module}) {
    ${3:// body...}
});

[me] module.exports

module.exports = {${1}};

计时器

[st][setT] setTimeout

setTimeout(function() {
    ${2:// body...}
}, ${1:delay});

[si][setI] setInterval

setInterval(function() {
    ${2:// body...}
}, ${1:delay});

贡献

分叉它！
创建您的功能分支： git checkout -b my-new-feature
提交您的更改： git commit -m '添加一些功能'
推送到分支： git push origin my-new-feature
提交拉取请求 :D

历史

查看发行版以获取详细的变更日志。