Skip to content

Commit e524dea

Browse files
committed
2023.10.10
1 parent 55fbc74 commit e524dea

File tree

345 files changed

+8967
-199
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

345 files changed

+8967
-199
lines changed
+182
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
# [Visual Studio Code 快捷键大全(最全)](https://blog.csdn.net/dreaming317/article/details/103823950)
2+
3+
Visual Studio Code 是一款优秀的编辑器,对于开发前端带来了很多便利,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。下面就Visual Studio Code常用快捷键的一些介绍,若有不到之处请留言指出,我会及时纠正。
4+
5+
## 通用 General
6+
7+
| 按 Press | 功能 Function |
8+
| :------------------- | :---------------------------------- |
9+
| Ctrl + Shift + P,F1 | 显示命令面板 Show Command Palette |
10+
| Ctrl + P | 快速打开 Quick Open |
11+
| Ctrl + Shift + N | 新窗口/实例 New window/instance |
12+
| Ctrl + Shift + W | 关闭窗口/实例 Close window/instance |
13+
14+
## 基础编辑 Basic editing
15+
16+
| 按 Press | 功能 Function |
17+
| :---------------- | :---------------------------------------------------------- |
18+
| Ctrl+X | 剪切行(空选定) Cut line (empty selection) |
19+
| Ctrl+C | 复制行(空选定)Copy line (empty selection) |
20+
| Alt+ ↑ / ↓ | 向上/向下移动行 Move line up/down |
21+
| Shift+Alt + ↓ / ↑ | 向上/向下复制行 Copy line up/down |
22+
| Ctrl+Shift+K | 删除行 Delete line |
23+
| Ctrl+Enter | 在下面插入行 Insert line below |
24+
| Ctrl+Shift+Enter | 在上面插入行 Insert line above |
25+
| Ctrl+Shift+\ | 跳到匹配的括号 Jump to matching bracket |
26+
| Ctrl+] / [ | 缩进/缩进行 Indent/outdent line |
27+
| Home | 转到行首 Go to beginning of line |
28+
| End | 转到行尾 Go to end of line |
29+
| Ctrl+Home | 转到文件开头 Go to beginning of file |
30+
| Ctrl+End | 转到文件末尾 Go to end of file |
31+
| Ctrl+↑ / ↓ | 向上/向下滚动行 Scroll line up/down |
32+
| Alt+PgUp / PgDown | 向上/向下滚动页面 Scroll page up/down |
33+
| Ctrl+Shift+[ | 折叠(折叠)区域 Fold (collapse) region |
34+
| Ctrl+Shift+] | 展开(未折叠)区域 Unfold (uncollapse) region |
35+
| Ctrl+K Ctrl+[ | 折叠(未折叠)所有子区域 Fold (collapse) all subregions |
36+
| Ctrl+K Ctrl+] | 展开(未折叠)所有子区域 Unfold (uncollapse) all subregions |
37+
| Ctrl+K Ctrl+0 | 折叠(折叠)所有区域 Fold (collapse) all regions |
38+
| Ctrl+K Ctrl+J | 展开(未折叠)所有区域 Unfold (uncollapse) all regions |
39+
| Ctrl+K Ctrl+C | 添加行注释 Add line comment |
40+
| Ctrl+K Ctrl+U | 删除行注释 Remove line comment |
41+
| Ctrl+/ | 切换行注释 Toggle line comment |
42+
| Shift+Alt+A | 切换块注释 Toggle block comment |
43+
| Alt+Z | 切换换行 Toggle word wrap |
44+
45+
## 导航 Navigation
46+
47+
| 按 Press | 功能 Function |
48+
| :----------------- | :--------------------------------------------------- |
49+
| Ctrl + T | 显示所有符号 Show all Symbols |
50+
| Ctrl + G | 转到行... Go to Line... |
51+
| Ctrl + P | 转到文件... Go to File... |
52+
| Ctrl + Shift + O | 转到符号... Go to Symbol... |
53+
| Ctrl + Shift + M | 显示问题面板 Show Problems panel |
54+
| F8 | 转到下一个错误或警告 Go to next error or warning |
55+
| Shift + F8 | 转到上一个错误或警告 Go to previous error or warning |
56+
| Ctrl + Shift + Tab | 导航编辑器组历史记录 Navigate editor group history |
57+
| Alt + ←/→ | 返回/前进 Go back / forward |
58+
| Ctrl + M | 切换选项卡移动焦点 Toggle Tab moves focus |
59+
60+
## 搜索和替换 Search and replace
61+
62+
| 按 Press | 功能 Function |
63+
| :---------------- | :----------------------------------------------------------- |
64+
| Ctrl + F | 查找 Find |
65+
| Ctrl + H | 替换 Replace |
66+
| F3 / Shift + F3 | 查找下一个/上一个 Find next/previous |
67+
| Alt + Enter | 选择查找匹配的所有出现 Select all occurences of Find match |
68+
| Ctrl + D | 将选择添加到下一个查找匹配 Add selection to next Find match |
69+
| Ctrl + K Ctrl + D | 将最后一个选择移至下一个查找匹配项 Move last selection to next Find match |
70+
| Alt + C / R / W | 切换区分大小写/正则表达式/整个词 Toggle case-sensitive / regex / whole word |
71+
72+
## 多光标和选择 Multi-cursor and selection
73+
74+
| 按 Press | 功能 Function |
75+
| :--------------------------------- | :----------------------------------------------------------- |
76+
| Alt +单击 | 插入光标 Insert cursor |
77+
| Ctrl + Alt +↑/↓ | 在上/下插入光标 Insert cursor above / below |
78+
| Ctrl + U | 撤消上一个光标操作 Undo last cursor operation |
79+
| Shift + Alt + I | 在选定的每一行的末尾插入光标 Insert cursor at end of each line selected |
80+
| Ctrl + I | 选择当前行 Select current line |
81+
| Ctrl + Shift + L | 选择当前选择的所有出现 Select all occurrences of current selection |
82+
| Ctrl + F2 | 选择当前字的所有出现 Select all occurrences of current word |
83+
| Shift + Alt + → | 展开选择 Expand selection |
84+
| Shift + Alt + ← | 缩小选择 Shrink selection |
85+
| Shift + Alt + (拖动鼠标) | 列(框)选择 Column (box) selection |
86+
| Ctrl + Shift + Alt +(箭头键) | 列(框)选择 Column (box) selection |
87+
| Ctrl + Shift + Alt + PgUp / PgDown | 列(框)选择页上/下 Column (box) selection page up/down |
88+
89+
## 丰富的语言编辑 Rich languages editing
90+
91+
| 按 Press | 功能 Function |
92+
| :------------------- | :----------------------------------------------------- |
93+
| Ctrl + 空格 | 触发建议 Trigger suggestion |
94+
| Ctrl + Shift + Space | 触发器参数提示 Trigger parameter hints |
95+
| Tab | Emmet 展开缩写 Emmet expand abbreviation |
96+
| Shift + Alt + F | 格式化文档 Format document |
97+
| Ctrl + K Ctrl + F | 格式选定区域 Format selection |
98+
| F12 | 转到定义 Go to Definition |
99+
| Alt + F12 | Peek定义 Peek Definition |
100+
| Ctrl + K F12 | 打开定义到边 Open Definition to the side |
101+
| Ctrl + . | 快速解决 Quick Fix |
102+
| Shift + F12 | 显示引用 Show References |
103+
| F2 | 重命名符号 Rename Symbol |
104+
| Ctrl + Shift + . /, | 替换为下一个/上一个值 Replace with next/previous value |
105+
| Ctrl + K Ctrl + X | 修剪尾随空格 Trim trailing whitespace |
106+
| Ctrl + K M | 更改文件语言 Change file language |
107+
108+
## 编辑器管理 Editor management
109+
110+
| 按 Press | 功能 Function |
111+
| :----------------------- | :----------------------------------------------------------- |
112+
| Ctrl+F4, Ctrl+W | 关闭编辑器 Close editor |
113+
| Ctrl+K F | 关闭文件夹 Close folder |
114+
| Ctrl+\ | 拆分编辑器 Split editor |
115+
| Ctrl+ 1 / 2 / 3 | 聚焦到第1,第2或第3编辑器组 Focus into 1st, 2nd or 3rd editor group |
116+
| Ctrl+K Ctrl+ ←/→ | 聚焦到上一个/下一个编辑器组 Focus into previous/next editor group |
117+
| Ctrl+Shift+PgUp / PgDown | 向左/向右移动编辑器 Move editor left/right |
118+
| Ctrl+K ← / → | 移动活动编辑器组 Move active editor group |
119+
120+
## 文件管理 File management
121+
122+
| 按 Press | 功能 Function |
123+
| :------------- | :----------------------------------------------------------- |
124+
| Ctrl+N | 新文件 New File |
125+
| Ctrl+O | 打开文件... Open File... |
126+
| Ctrl+S | 保存 Save |
127+
| Ctrl+Shift+S | 另存为... Save As... |
128+
| Ctrl+K S | 全部保存 Save All |
129+
| Ctrl+F4 | 关闭 Close |
130+
| Ctrl+K Ctrl+W | 关闭所有 Close All |
131+
| Ctrl+Shift+T | 重新打开关闭的编辑器 Reopen closed editor |
132+
| Ctrl+K | 输入保持打开 Enter Keep Open |
133+
| Ctrl+Tab | 打开下一个 Open next |
134+
| Ctrl+Shift+Tab | 打开上一个 Open previous |
135+
| Ctrl+K P | 复制活动文件的路径 Copy path of active file |
136+
| Ctrl+K R | 显示资源管理器中的活动文件 Reveal active file in Explorer |
137+
| Ctrl+K O | 显示新窗口/实例中的活动文件 Show active file in new window/instance |
138+
139+
## 显示 Display
140+
141+
| 按 Press | 功能 Function |
142+
| :----------- | :------------------------------------------------------- |
143+
| F11 | 切换全屏 Toggle full screen |
144+
| Shift+Alt+1 | 切换编辑器布局 Toggle editor layout |
145+
| Ctrl+ = / - | 放大/缩小 Zoom in/out |
146+
| Ctrl+B | 切换侧栏可见性 Toggle Sidebar visibility |
147+
| Ctrl+Shift+E | 显示浏览器/切换焦点 Show Explorer / Toggle focus |
148+
| Ctrl+Shift+F | 显示搜索 Show Search |
149+
| Ctrl+Shift+G | 显示Git Show Git |
150+
| Ctrl+Shift+D | 显示调试 Show Debug |
151+
| Ctrl+Shift+X | 显示扩展 Show Extensions |
152+
| Ctrl+Shift+H | 替换文件 Replace in files |
153+
| Ctrl+Shift+J | 切换搜索详细信息 Toggle Search details |
154+
| Ctrl+Shift+C | 打开新命令提示符/终端 Open new command prompt/terminal |
155+
| Ctrl+Shift+U | 显示输出面板 Show Output panel |
156+
| Ctrl+Shift+V | 切换Markdown预览 Toggle Markdown preview |
157+
| Ctrl+K V | 从旁边打开Markdown预览 Open Markdown preview to the side |
158+
159+
## 调试 Debug
160+
161+
| 按 Press | 功能 Function |
162+
| :-------------- | :-------------------------- |
163+
| F9 | 切换断点 Toggle breakpoint |
164+
| F5 | 开始/继续 Start/Continue |
165+
| Shift+F5 | 停止 Stop |
166+
| F11 / Shift+F11 | 下一步/上一步 Step into/out |
167+
| F10 | 跳过 Step over |
168+
| Ctrl+K Ctrl+I | 显示悬停 Show hover |
169+
170+
## 集成终端 Integrated terminal
171+
172+
| 按 Press | 功能 Function |
173+
| :------------------ | :---------------------------------------- |
174+
| Ctrl+` | 显示集成终端 Show integrated terminal |
175+
| Ctrl+Shift+` | 创建新终端 Create new terminal |
176+
| Ctrl+Shift+C | 复制选定 Copy selection |
177+
| Ctrl+Shift+V | 粘贴到活动端子 Paste into active terminal |
178+
| Ctrl+↑ / ↓ | 向上/向下滚动 Scroll up/down |
179+
| Shift+PgUp / PgDown | 向上/向下滚动页面 Scroll page up/down |
180+
| Ctrl+Home / End | 滚动到顶部/底部 Scroll to top/bottom |
181+
182+
附Visual Studio Code官网快捷键参考:![img](01.快捷键.assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nMzE3,size_16,color_FFFFFF,t_70.png)
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# 打开最近的文件
2+
3+
## 问题描述
4+
5+
VSCode默认打开最近文件会替换掉当前窗口
6+
7+
## 解决
8+
9+
打开最近项目的时候,
10+
11+
Mac用户:按住 `command`
12+
13+
Win用户:按住 `ctrl`
14+
15+
它就直接在一个新窗口打开了。
Loading
Loading
Loading
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# [IDEA加载项目时提示Windows Defender might be impacting your build performance](https://blog.csdn.net/xjx891111/article/details/107456565)
2+
3+
4+
5+
> IDE 已检测到启用了实时保护的 Microsoft Defender。它可能会严重降低 IDE 性能。建议将以下路径添加到 Defender 文件夹排除列表:
6+
7+
8+
9+
DEA加载项目时提示Windows Defender might be impacting your build performance. IntelliJ IDEA checked the following directories
10+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/20200720093118622.png)
11+
原因:
12+
这个是提示 windows defender(防火墙) 可能会影响性能,idea检查出下面这些文件夹 :
13+
一个是idea的设置路径,
14+
一个是代码路径
15+
16+
大概能明白就是idea觉得windows defender 扫描 那两个文件夹会影响性能。看到这里就明白了,把这两个加到 windows defender的白名单即可 。
17+
18+
解决方案:
19+
1.点击fix…,然后弹出对话框,选择:configure automatically ,ok.如图:
20+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/20200720093247419.png)
21+
点击之后,右下角出现提示,一般就成功了,以后就不会弹出了。如图:
22+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/20200720093534812.png)
23+
24+
如果不成功,可以手动设置防火墙白名单。如图:
25+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hqeDg5MTExMQ==,size_16,color_FFFFFF,t_70.png)
26+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hqeDg5MTExMQ==,size_16,color_FFFFFF,t_70-16911120521501.png)
27+
![在这里插入图片描述](03.提示。是做了哪些工作.assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hqeDg5MTExMQ==,size_16,color_FFFFFF,t_70-16911120521512.png)
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# [webstorm通过BookMark书签功能记录代码文件位置、实现方便的代码阅读跳转](https://blog.csdn.net/qq_36544876/article/details/106637815)
2+
3+
4+
5+
> 第一次接手一些几百几千行的的html、js代码文件,往往需要频繁地切换文件、查看函数声明实现来理清代码的逻辑。Webstorm可以方便地通过中键来跳转文件的位置,但有的时候各种方法的调用和实现分布在同一个文件中的不同位置,即使开分屏切换起来也很麻烦。这个时候BookMark书签功能就派上用处了。
6+
> 在国内的博客里好像对这个功能介绍的不多,但的确是很方便的功能,写一篇文章记录一下。
7+
8+
在一行代码处按下 `F11` 或者 `右键` 行数可以在此处设置一个书签。
9+
10+
按下 `Ctrl + F11`可以设置一个具有标号的书签。
11+
12+
按下 `Shift + F11` 可以查看该项目中的所有书签,按下Ctrl+书签标号可以进行跳转。
Loading
Loading
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# 更改内存设置
2+
3+
WebStorm 初始最大堆大小为: 1024 MiB,通常是不够用的。
4+
5+
更改内存设置:
6+
7+
帮助 =》 更改内存设置 =》 将最大堆大小设为 2048 MiB。
8+
9+
# CPU占用率高
10+
11+
## 1、取消快速文档
12+
13+
<img src="05.运行问题.assets/image-20230824141238587.png" alt="image-20230824141238587" style="zoom: 33%;" />
14+
15+
## 2、将 node_modules 文件夹忽略
16+
17+
<img src="05.运行问题.assets/image-20230824141107160.png" alt="image-20230824141107160" style="zoom: 33%;" />
18+
+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# 用 css 实现文本前面的空格
2+
3+
```css
4+
// 一、
5+
introduceBlock{
6+
text-indent: 2em;
7+
}
8+
// 二
9+
.introduceBlock::before {
10+
content: "\2003";
11+
}
12+
// 三
13+
<p>\u3000\u3000名:</p>
14+
```
15+

01.前端/CSS/04.设置滚动条.md

+52
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,55 @@
1+
# 隐藏滚动条
2+
3+
添加 `overflow: hidden;` 隐藏水平和垂直滚动条。
4+
5+
### 实例
6+
7+
```css
8+
body {
9+
overflow: hidden; /* 隐藏滚动条 */
10+
}
11+
```
12+
13+
要仅隐藏垂直滚动条,或仅隐藏水平滚动条,请使用 `overflow-y``overflow-x`:
14+
15+
### 实例
16+
17+
```css
18+
body {
19+
overflow-y: hidden; /* 隐藏垂直滚动条 */
20+
overflow-x: hidden; /* 隐藏水平滚动条 */
21+
}
22+
```
23+
24+
注意 `overflow: hidden` 也会移除滚动条的功能。 无法在页面内滚动。
25+
26+
**提示:**要了解有关 `overflow` 属性的更多信息,请访问我们的 [CSS 溢出教程](http://www.w3schools.cn/css/css_overflow.html)[CSS 溢出属性参考](http://www.w3schools.cn/cssref/pr_pos_overflow.html)
27+
28+
------
29+
30+
# 隐藏滚动条但保留功能
31+
32+
要隐藏滚动条,但仍能保持滚动,可以使用以下代码:
33+
34+
### 实例
35+
36+
```css
37+
/* 隐藏 Chrome、Safari 和 Opera 的滚动条 */
38+
.example::-webkit-scrollbar {
39+
display: none;
40+
}
41+
42+
/* 隐藏 IE、Edge 和 Firefox 的滚动条 */
43+
.example {
44+
-ms-overflow-style: none; /* IE and Edge */
45+
scrollbar-width: none; /* Firefox */
46+
}
47+
```
48+
49+
Webkit 浏览器,例如 Chrome、Safari 和 Opera,支持非标准的 `::-webkit-scrollbar` 伪元素,它允许我们修改外观 浏览器的滚动条。 IE 和 Edge 支持 `-ms-overflow-style:` 属性,Firefox 支持 `scrollbar-width` 属性 ,它允许我们隐藏滚动条,但保留功能。
50+
51+
52+
153
# css如何显示滚动条
254

355
`overflow`属性规定当内容溢出元素框时发生的事情。

0 commit comments

Comments
 (0)