JavaScript & NodeJS 代码片段

由 zenorocha 全部前 100 名

适用于 Sublime Text 2/3 的 JavaScript & NodeJS 代码片段

详细信息

版本 2017.11.19.19.19.32
主页 packagecontrol.io
问题 github.com
修改 7 年前
最后查看 9 分钟前
首次查看 11 年前

安装

总计 268K
Win 182K
Mac 46K
Linux 40K

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

自述文件

源代码: raw.githubusercontent.com

Sublime 的 JavaScript 代码片段

安装

通过 Package Control 安装，搜索 JavaScript & NodeJS 代码片段。如果您 Sublime Text 中尚无 Package Control，请获取它。它非常酷。

如果您更喜欢手动安装，可以下载包并将其放入您的 Packages 目录中。它应该可以工作，但不会自动更新。

控制台

[cd] console.dir

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

[ce] console.error

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

[ci] console.info

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

[cl] console.log

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

[cw] console.warn

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

[de] debugger

debugger;

DOM

[ae] addEventListener

${1:document}.addEventListener('${2:event}', function(e) {
    ${3}
});

[ac] appendChild

${1:document}.appendChild(${2:elem});

[rc] removeChild

${1:document}.removeChild(${2:elem});

[cel] createElement

${1:document}.createElement(${2:elem});

[cdf] createDocumentFragment

${1:document}.createDocumentFragment();

[ca] classList.add

${1:document}.classList.add('${2:class}');

[ct] classList.toggle

${1:document}.classList.toggle('${2:class}');

[cr] classList.remove

${1:document}.classList.remove('${2:class}');

[gi] getElementById

${1:document}.getElementById('${2:id}');

[gc] getElementsByClassName

${1:document}.getElementsByClassName('${2:class}');

[gt] getElementsByTagName

${1:document}.getElementsByTagName('${2:tag}');

[ga] getAttribute

${1:document}.getAttribute('${2:attr}');

[sa] setAttribute

${1:document}.setAttribute('${2:attr}', ${3:value});

[ra] removeAttribute

${1:document}.removeAttribute('${2:attr}');

[ih] innerHTML

${1:document}.innerHTML = '${2:elem}';

[tc] textContent

${1:document}.textContent = '${2:content}';

[qs] querySelector

${1:document}.querySelector('${2:selector}');

[qsa] querySelectorAll

${1:document}.querySelectorAll('${2:selector}');

循环

[fe] forEach

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

[fi] for in

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

函数

[fn] function

function ${1:methodName}(${2:arguments}) {
    ${3}
}

[afn] 匿名函数

function(${1:arguments}) {
    ${2}
}

[pr] prototype

${1:ClassName}.prototype.${2:methodName} = function(${3:arguments}) {
    ${4}
}

[iife] 立即执行的函数表达式

(function(${1:window}, ${2:document}) {
    ${1}
})(${1:window}, ${2:document});

[call] 函数调用

${1:methodName}.call(${2:context}, ${3:arguments})

[apply] 函数应用

${1:methodName}.apply(${2:context}, [${3:arguments}])

[ofn] 函数作为对象的属性

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

JSON

[jp] JSON.parse

JSON.parse(${1:obj});

[js] JSON.stringify

JSON.stringify(${1:obj});

定时器

[si] setInterval

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

[st] setTimeout

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

NodeJS

[ase] assert.equal

assert.equal(${1:actual}, ${2:expected});

[asd] 断言深度相等

assert.deepEqual(${1:actual}, ${2:expected});

[asn] 断言不相等

assert.notEqual(${1:actual}, ${2:expected});

[me] 模块导出

module.exports = ${1:name};

[pe] 终止进程

process.exit(${1:code});

[re] 需求

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

BDD

[desc] 描述

describe('${1:description}', function() {
    ${2}
});

[ita] 异步it

it('${1:description}', function(done) {
    ${2}
});

[its] 同步it

it('${1:description}', function() {
    ${2}
});

[itp] 挂起的it

it('${1:description}');

杂项

[us] use严格

'use strict';

[al] 警告

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

[co] 确定

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

[pm] 提示

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

贡献

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

历史

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