ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Java​Script Snippets for IMWeb

by imweb ST2/ST3

a plugin of sublime text with javascript snippets

Labels snippets

Details

Installs

  • Total 4K
  • Win 3K
  • OS X 571
  • Linux 463
Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 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
Windows 1 4 1 3 1 0 0 2 3 2 5 1 1 1 2 1 4 4 1 1 3 2 1 2 2 2 2 3 4 0 4 1 1 2 3 2 4 6 3 6 1 2 1 4 2 1
OS X 0 0 0 0 1 0 1 0 0 0 3 1 0 0 1 0 0 0 1 0 0 0 0 0 1 0 0 0 0 1 0 1 0 0 1 1 0 0 0 1 0 0 1 0 0 0
Linux 0 0 1 1 1 1 0 1 0 0 0 0 0 0 1 0 0 0 0 2 0 0 1 1 1 1 1 0 0 0 0 0 0 0 1 0 0 0 0 2 3 0 0 1 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

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

History

Check Releases for detailed changelog.