mirror of
https://github.com/amix/vimrc
synced 2025-07-18 17:44:59 +08:00
merge
This commit is contained in:
huangqundl
@ -0,0 +1,83 @@
|
||||
snippet ir
|
||||
import React from 'react';
|
||||
snippet ird
|
||||
import ReactDOM from 'react-dom';
|
||||
snippet cdm
|
||||
componentDidMount() {
|
||||
${1}
|
||||
}
|
||||
snippet cdup
|
||||
componentDidUpdate(prevProps, prevState) {
|
||||
${1}
|
||||
}
|
||||
snippet cwm
|
||||
componentWillMount() {
|
||||
${1}
|
||||
}
|
||||
snippet cwr
|
||||
componentWillReceiveProps(nextProps) {
|
||||
${1}
|
||||
}
|
||||
snippet cwun
|
||||
componentWillUnmount() {
|
||||
${1}
|
||||
}
|
||||
snippet cwu
|
||||
componentWillUpdate(nextProps, nextState) {
|
||||
${1}
|
||||
}
|
||||
snippet fup
|
||||
forceUpdate(${1:callback});
|
||||
snippet dp
|
||||
static defaultProps = {
|
||||
${1}: ${2},
|
||||
}
|
||||
snippet st
|
||||
state = {
|
||||
${1}: ${2},
|
||||
}
|
||||
snippet pt
|
||||
static propTypes = {
|
||||
${1}: React.PropTypes.${2:type},
|
||||
}
|
||||
snippet rcc
|
||||
class ${1:ClassName} extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
${0:<div />}
|
||||
);
|
||||
}
|
||||
}
|
||||
snippet rdr
|
||||
ReactDOM.render(${1}, ${2})
|
||||
snippet ercc
|
||||
export default class ${1:ClassName} extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
${0:<div />}
|
||||
);
|
||||
}
|
||||
}
|
||||
snippet ctor
|
||||
constructor() {
|
||||
super();
|
||||
${1}
|
||||
}
|
||||
snippet ren
|
||||
render() {
|
||||
return (
|
||||
${1:<div />}
|
||||
);
|
||||
}
|
||||
snippet sst
|
||||
this.setState({
|
||||
${1}: ${2}
|
||||
});
|
||||
snippet scu
|
||||
shouldComponentUpdate(nextProps, nextState) {
|
||||
${1}
|
||||
}
|
||||
snippet prp i
|
||||
this.props.${1}
|
||||
snippet ste i
|
||||
this.state.${1}
|
||||
@ -1,30 +0,0 @@
|
||||
snippet .attr
|
||||
.attr("${1}", ${2})
|
||||
snippet .style
|
||||
.style("${1}", ${2})
|
||||
snippet axis
|
||||
d3.svg.axis()
|
||||
.orient(${1})
|
||||
.scale(${2})
|
||||
snippet fd
|
||||
function(d) { ${1} }
|
||||
snippet fdi
|
||||
function(d, i) { ${1} }
|
||||
snippet marginconvention
|
||||
var ${1:margin} = { top: ${2:10}, right: ${3:10}, bottom: ${4:10}, left: ${5:10} };
|
||||
var ${6:width} = ${7:970} - $1.left - $1.right;
|
||||
var ${8:height} = ${9:500} - $1.top - $1.bottom;
|
||||
|
||||
var ${10:svg} = d3.select("${11}").append("svg")
|
||||
.attr("width", $6)
|
||||
.attr("height", $8)
|
||||
.append("g")
|
||||
.attr("transform", "translate(" + $1.left + "," + $1.top + ")")
|
||||
snippet nest
|
||||
d3.nest()
|
||||
.key(${1})
|
||||
.entries(${2})
|
||||
snippet scale
|
||||
d3.scale.linear()
|
||||
.domain(${1})
|
||||
.range(${2})
|
||||
@ -0,0 +1,55 @@
|
||||
snippet const
|
||||
const ${1} = ${0};
|
||||
snippet let
|
||||
let ${1} = ${0};
|
||||
snippet im "import xyz from 'xyz'"
|
||||
import ${1} from '${2:$1}';
|
||||
snippet imas "import * as xyz from 'xyz'"
|
||||
import * as ${1} from '${2:$1}';
|
||||
snippet imm "import { member } from 'xyz'"
|
||||
import { ${1} } from '${2}';
|
||||
snippet cla
|
||||
class ${1} {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet clax
|
||||
class ${1} extends ${2} {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet clac
|
||||
class ${1} {
|
||||
constructor(${2}) {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
}
|
||||
snippet foro "for (const prop of object}) { ... }"
|
||||
for (const ${1:prop} of ${2:object}) {
|
||||
${0:$1}
|
||||
}
|
||||
# Generator
|
||||
snippet fun*
|
||||
function* ${1:function_name}(${2}) {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet c=>
|
||||
const ${1:function_name} = (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet caf
|
||||
const ${1:function_name} = (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet =>
|
||||
(${1}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet af
|
||||
(${1}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet sym
|
||||
const ${1} = Symbol('${0}');
|
||||
snippet ed
|
||||
export default ${0}
|
||||
snippet ${
|
||||
${${1}}${0}
|
||||
@ -1,9 +1,11 @@
|
||||
snippet #!
|
||||
#!/usr/bin/env node
|
||||
# module exports
|
||||
snippet ex
|
||||
module.exports = ${1};
|
||||
# require
|
||||
snippet re
|
||||
var ${1} = require('${2:module_name}');
|
||||
${1:const} ${2} = require('${3:module_name}');
|
||||
# EventEmitter
|
||||
snippet on
|
||||
on('${1:event_name}', function(${2:stream}) {
|
||||
|
||||
@ -1,53 +1,60 @@
|
||||
# Functions
|
||||
|
||||
# prototype
|
||||
snippet proto
|
||||
${1:class_name}.prototype.${2:method_name} = function(${3}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
};
|
||||
# Function
|
||||
snippet fun
|
||||
function ${1:function_name}(${2}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# Anonymous Function
|
||||
snippet f
|
||||
snippet f "" w
|
||||
function(${1}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# Anonymous Function assigned to variable
|
||||
snippet vaf
|
||||
var ${1:function_name} = function(${2}) {
|
||||
${0:${VISUAL}}
|
||||
};
|
||||
# Function assigned to variable
|
||||
snippet vf
|
||||
var ${1:function_name} = function $1(${2}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
};
|
||||
# Immediate function
|
||||
snippet (f
|
||||
(function(${1}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
}(${2}));
|
||||
# Minify safe iife
|
||||
snippet ;fe
|
||||
;(function(${1}) {
|
||||
${0:${VISUAL}}
|
||||
}(${2}))
|
||||
# self-defining function
|
||||
snippet sdf
|
||||
var ${1:function_name} = function (${2:argument}) {
|
||||
${3}
|
||||
|
||||
$1 = function ($2) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
};
|
||||
};
|
||||
|
||||
# Flow control
|
||||
|
||||
# if
|
||||
snippet if
|
||||
snippet if "if (condition) { ... }"
|
||||
if (${1:true}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# if ... else
|
||||
snippet ife
|
||||
snippet ife "if (condition) { ... } else { ... }"
|
||||
if (${1:true}) {
|
||||
${2}
|
||||
${0:${VISUAL}}
|
||||
} else {
|
||||
${0}
|
||||
${2}
|
||||
}
|
||||
# tertiary conditional
|
||||
snippet ter
|
||||
@ -62,58 +69,57 @@ snippet switch
|
||||
default:
|
||||
${2}
|
||||
}
|
||||
# case
|
||||
snippet case
|
||||
snippet case "case 'xyz': ... break"
|
||||
case '${1:case}':
|
||||
${2}
|
||||
${0:${VISUAL}}
|
||||
break;
|
||||
${0}
|
||||
# try
|
||||
snippet try
|
||||
snippet try "try { ... } catch(e) { ... }"
|
||||
try {
|
||||
${1}
|
||||
} catch (${2:e}) {
|
||||
${0:/* handle error */}
|
||||
${0:${VISUAL}}
|
||||
} catch (${1:e}) {
|
||||
${2:/* handle error */}
|
||||
}
|
||||
snippet tryf "try { ... } catch(e) { ... } finally { ... }"
|
||||
try {
|
||||
${0:${VISUAL}}
|
||||
} catch (${1:e}) {
|
||||
${2:/* handle error */}
|
||||
} finally {
|
||||
${3:/* be executed regardless of the try / catch result*/}
|
||||
}
|
||||
# throw Error
|
||||
snippet terr
|
||||
throw new Error('${1:error message}')
|
||||
# return
|
||||
snippet ret
|
||||
return ${0:result};
|
||||
|
||||
# Loops
|
||||
|
||||
# for loop
|
||||
snippet for
|
||||
for (var ${2:i} = 0, l = ${1:arr}.length; $2 < l; $2 ++) {
|
||||
var ${3:v} = $1[$2];${0:}
|
||||
snippet for "for (...) {...}"
|
||||
for (var ${1:i} = 0, ${2:len} = ${3:Things.length}; $1 < $2; $1++) {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# Reversed for loop
|
||||
snippet forr
|
||||
for (var ${2:i} = ${1:arr}.length - 1; $2 >= 0; $2 --) {
|
||||
var ${3:v} = $1[$2];${0:}
|
||||
snippet forr "reversed for (...) {...}"
|
||||
for (var ${2:i} = ${1:Things.length} - 1; $2 >= 0; $2--) {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# While loop
|
||||
snippet wh
|
||||
snippet wh "(condition) { ... }"
|
||||
while (${1:/* condition */}) {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
# Do while loop
|
||||
snippet do
|
||||
snippet do "do { ... } while (condition)"
|
||||
do {
|
||||
${0}
|
||||
${0:${VISUAL}}
|
||||
} while (${1:/* condition */});
|
||||
# For in loop
|
||||
snippet fori
|
||||
for (var ${1:prop} in ${2:object}) {
|
||||
${0:$2[$1]}
|
||||
}
|
||||
|
||||
# Objects
|
||||
|
||||
# Object Method
|
||||
snippet :f
|
||||
${1:method_name}: function (${2:attribute}) {
|
||||
${0}
|
||||
}${3:,}
|
||||
${0:${VISUAL}}
|
||||
},
|
||||
# hasOwnProperty
|
||||
snippet has
|
||||
hasOwnProperty(${0})
|
||||
@ -185,9 +191,7 @@ snippet prop
|
||||
configurable : ${0:boolean}
|
||||
}
|
||||
);
|
||||
|
||||
# Documentation
|
||||
|
||||
# docstring
|
||||
snippet /**
|
||||
/**
|
||||
@ -198,7 +202,6 @@ snippet @par
|
||||
@param {${1:type}} ${2:name} ${0:description}
|
||||
snippet @ret
|
||||
@return {${1:type}} ${0:description}
|
||||
|
||||
# JSON
|
||||
|
||||
# JSON.parse
|
||||
@ -207,9 +210,7 @@ snippet jsonp
|
||||
# JSON.stringify
|
||||
snippet jsons
|
||||
JSON.stringify(${0:object});
|
||||
|
||||
# DOM selectors
|
||||
|
||||
# Get elements
|
||||
snippet get
|
||||
getElementsBy${1:TagName}('${0}')
|
||||
@ -228,30 +229,53 @@ snippet qs
|
||||
# Query selector all
|
||||
snippet qsa
|
||||
${1:document}.querySelectorAll('${0:CSS selector}')
|
||||
|
||||
# Debugging
|
||||
|
||||
# console.log
|
||||
snippet cl
|
||||
snippet de
|
||||
debugger;
|
||||
snippet cl "console.log"
|
||||
console.log(${0});
|
||||
# console.debug
|
||||
snippet cd
|
||||
snippet cd "console.debug"
|
||||
console.debug(${0});
|
||||
# console.trace
|
||||
snippet ct
|
||||
snippet ce "console.error"
|
||||
console.error(${0});
|
||||
snippet cw "console.warn"
|
||||
console.warn(${0});
|
||||
snippet ci "console.info"
|
||||
console.info(${0});
|
||||
snippet ct "console.trace"
|
||||
console.trace(${0:label});
|
||||
# console.time
|
||||
snippet ctime
|
||||
console.time(${0:label});
|
||||
# console.assert
|
||||
snippet ca
|
||||
snippet ctime "console.time ... console.timeEnd"
|
||||
console.time("${1:label}");
|
||||
${0:${VISUAL}}
|
||||
console.timeEnd("$1");
|
||||
snippet ctimestamp "console.timeStamp"
|
||||
console.timeStamp("${1:label}");
|
||||
snippet ca "console.assert"
|
||||
console.assert(${1:expression}, ${0:obj});
|
||||
# console.dir
|
||||
snippet cdir
|
||||
snippet cclear "console.clear"
|
||||
console.clear();
|
||||
snippet cdir "console.dir"
|
||||
console.dir(${0:obj});
|
||||
|
||||
snippet cdirx "console.dirxml"
|
||||
console.dirxml(${1:object});
|
||||
snippet cgroup "console.group"
|
||||
console.group("${1:label}");
|
||||
${0:${VISUAL}}
|
||||
console.groupEnd();
|
||||
snippet cgroupc "console.groupCollapsed"
|
||||
console.groupCollapsed("${1:label}");
|
||||
${0:${VISUAL}}
|
||||
console.groupEnd();
|
||||
snippet cprof "console.profile"
|
||||
console.profile("${1:label}");
|
||||
${0:${VISUAL}}
|
||||
console.profileEnd();
|
||||
snippet ctable "console.table"
|
||||
console.table(${1:"${2:value}"});
|
||||
# Misc
|
||||
|
||||
# 'use strict';
|
||||
snippet us
|
||||
'use strict';
|
||||
# setTimeout function
|
||||
snippet timeout
|
||||
setTimeout(function () {${0}}${2}, ${1:10});
|
||||
|
||||
Reference in New Issue
Block a user