用户投稿目录
JS笔记-帮元素加上style的写法
JS笔记-getPosition 让你找到元素x,y位置
js笔记--写脚本需要用到的waitForKeyElements.js
JS笔记-设定CSSstyle的function
JS笔记-使用fetch下载档案/download.js好用的东西
JS笔记-前端新手练习小专案（附加4个JS实例网站可学）
JS笔记-关掉alert的简单小技巧
JS笔记-使用ajax传送表单(ex.传送google表单)
JS笔记-前端拨放m3u8的两种方法
JS笔记-让chrome跳过「允许下载多个档案」的技巧
JS笔记-製作copy效果
JS笔记-暂时让网页可以编辑
JS笔记-VScode自己设定速打
JS笔记-VScode的Prettier(自动排版)怎么开始使用？
前情提要
VScode可以自己设定速打 就像是大家都会用!来快速布局html架构
其实这些提示跟内容可以自己设定
只要按左下角的工具 选择使用者代码片段 然后可以自己新增档案
自己设定
这边我就要提供各位我设定的一些好用片段
未来还会持续更新哦~~~~可以持续关注!!
{ "margin and padding": { "prefix": "mp0", "body": ["margin: 0;", "padding: 0;"], "description": "margin and padding equal 0" }, "display flex": { "prefix": "dsf", "body": [ "display: flex;", "justify-content: center;", "align-items: center;" ], "description": "as title" }, "width and height": { "prefix": "wh", "body": ["width: $1px;", "height: $2px;"], "description": "as title" }, ":Pseudo": { "prefix": "pseudo", "body": [ "::before {", "content: '';", "position: absolute;", "height: px;", "width: px;", "background: ;", "top: ;", "}" ], "description": "make a pseudo css" }, "font-awesome-link": { "prefix": "font-awesome", "body": [ "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>" ], "description": "make a pseudo css" }, "jquery-src": { "prefix": "jquery", "body": [ "<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js'>></script>" ], "description": "plugin jq" }, "html": { "prefix": "!!", "body": [ "<!DOCTYPE html>", "<html lang='en'>", "<head>", " <meta charset='UTF-8'>", " <meta http-equiv='X-UA-Compatible' content='IE=edge'>", " <meta name='viewport' content='width=device-width, initial-scale=1.0'>", " <link rel='stylesheet' href='style.css'>", " <title>Document</title>", "</head>", "<body>", "", "</body>", "<script src=''></script>", "</html>" ], "description": "html" }}
微信扫一扫打赏
支付宝扫一扫打赏
