JavaScript Snippets for IMWeb
a plugin of sublime text with javascript snippets
Labels snippets
Details
Installs
- Total 8K
- Win 6K
- Mac 845
- Linux 717
Mar 29 | Mar 28 | Mar 27 | Mar 26 | Mar 25 | Mar 24 | Mar 23 | Mar 22 | Mar 21 | Mar 20 | Mar 19 | Mar 18 | Mar 17 | Mar 16 | Mar 15 | Mar 14 | Mar 13 | Mar 12 | Mar 11 | Mar 10 | Mar 9 | Mar 8 | Mar 7 | Mar 6 | Mar 5 | Mar 4 | Mar 3 | Mar 2 | Mar 1 | Feb 28 | Feb 27 | Feb 26 | Feb 25 | Feb 24 | Feb 23 | Feb 22 | Feb 21 | Feb 20 | Feb 19 | Feb 18 | Feb 17 | Feb 16 | Feb 15 | Feb 14 | Feb 13 | Feb 12 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 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 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 |
Mac | 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 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 |
Readme
- Source
- raw.githubusercontent.com
JavaScript Snippets for Sublime
description
This is a JavaScript Snippets package for IMWeb team, it unifies the js snippets for IMWeb team.
The snippets of this package make a standard list in Code Guide of IMWeb team
Install
To install through Package Control, search for JavaScript Snippets for IMWeb. If you still don't have Package Control in Sublime Text, go get it. It's pure awesomeness.
If you prefer to install it manually, you can download the package and put it inside your Packages
directory. It should work but will not update automatically.
Console
[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} %>
For
[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}
}
Function
[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] function as a property of an object
${1:functionName}: function(${2:arguments}) {
${3:// body...}
},
If
[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});
MISC
[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
alert('${1:msg}');
[de] debugger
debugger;
[ret] return
return ${1:this};
[ni] new Image
new Image().src = '/${1}';
Node
[re] require
require('${1:module}');
[rea] require.async
require.async(['${1:moduleName}'], function(${2:module}) {
${3:// body...}
});
[me] module.exports
module.exports = {${1}};
Timer
[st][setT] setTimeout
setTimeout(function() {
${2:// body...}
}, ${1:delay});
[si][setI] setInterval
setInterval(function() {
${2:// body...}
}, ${1:delay});
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
History
Check Releases for detailed changelog.