代码片段生成网站:https://snippet-generator.app/?description=callApi&tabtrigger=getData&snippet=console.log%28%241%29&mode=vscode
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
"console.log($1)"
],
"description": "Log output to console"
},
"create Annotation": {
"prefix": "/**",
"body": [
"/**",
"* @Description",
"* @author xx",
"* @date ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
"description": "创建注释"
},
"callApi": {
"prefix": "getData",
"body": [
"$1.$2({$3}).then(",
" res => {",
" }",
").catch(",
" err => {",
" }",
")"
],
"description": "调用后台接口"
},
"getDomForClass": {
"prefix": "getDomForClass",
"body": [
"document.getElementsByClassName('$1')"
],
"description": "通过class获取标签"
},
"getDomForId": {
"prefix": "getDomForId",
"body": [
"document.getElementsById('$1')"
],
"description": "通过id获取标签"
},
"threeExpression": {
"prefix": "threeExpression",
"body": [
"$1 ? $2 : $3"
],
"description": "三元表达式"
},
"fetchrequest": {
"prefix": "fetchrequest",
"body": [
"fetch(\"$1\").then(",
" res => {",
" // 返回的是对象就用res.json()否则用res.text()",
" return res.json()",
" }",
").then(",
" res => {",
" console.log(res )",
" }",
")",
""
],
"description": "fetch调用接口"
},
"GMRequest": {
"prefix": "GMRequest",
"body": [
"return new Promise((resolve, reject) => {",
" GM_xmlhttpRequest({",
" url: 'https://bbs.tampermonkey.net.cn/',",
" onload() {",
" resolve('ok');// 执行成功",
" }, onerror() {",
" reject('error');// 执行失败,并返回错误原因",
" }",
" });",
"});"
],
"description": "油猴请求"
}
},
"divAutomaticallyGeneratesAngleBrackets": {
"prefix": "divAuto",
"body": [
"<div></div>"
],
"description": "divAutomaticallyGeneratesAngleBrackets"
}