快速预览媒体查询 点击媒体查询条形，调整视口大小和预览适合目标屏幕大小的样式 查看关联的 CSS 右键点击某个条形，查看媒体查询在 CSS 中何处定义并跳到源代码中的定义 元素面板（Elements）...断点调试 代码行断点 当我们知道需要调试的代码的确切位置的时候，使用代码行断点 DevTools 设置代码行断点： 点击 Sources 选项卡。 打开包含您想要调试的代码行的文件。 找到该代码行。...打开包含您想要调试的代码行的文件。 找到该代码行。 右键点击左边的行号。 选择添加条件断点。代码行下面会显示一个对话框。 在对话框中输入你的条件。 按Enter激活断点。行号上出现橙色图标。 ?...输入你想要打断的字符串。当此字符串出现在XHR的请求URL中的任何位置时，DevTools会暂停。 按Enter确认。 ?...DevTools显示事件类别的列表，例如动画。 选中这些类别中的一个可以暂停该类别的任何事件，或者展开类别并检查特定事件。 ?
当我们在控制台中打开Inspector时，它会打开一个网页，如下图所示。 ? 在上图中我们可以看到有三步。第一步是安装代理，我们已在上一步中完成了。...第二步是对目标进行评估，所以让我们点击“Get Started”按钮。 点击“Get Started”按钮后，将打开另一个页面，如下图所示。 ? 我们可以在上图中看到更多的信息。...在上图中我们可以看到，我们必须定义评估目标，因此我们输入了“infosec-test”作为该评估的名称。下一个框定义了评估的范围。默认情况下，添加到此帐户中整个实例都将被添加到scope中。...当我们点击“next”按钮时，它会将我们带到另一个页面来配置评估策略。 ? 在突出显示区域我们可以看到，我们可以根据需要添加或删除的规则/策略，但默认情况下，所有规则都已被选中。...另一个需要配置的是持续时间。我们可以根据我们的需求延长评估的持续时间。默认情况下，该值根据AWS建议定义为一小时。
按下 ESC 按钮回到一般模式好了，假设我已经按照上面的样式给他编辑完毕了，那么应该要如何退出呢？是的！没错！就是给他按下 Esc 这个按钮即可！...举例来说，我要连续删除 10 个字符， 『10x』。dd删除游标所在的那一整行(常用)nddn 为数字。...0 ，删除游标所在处，到该行的最前面一个字符yy复制游标所在的那一行(常用)nyyn 为数字。...意思是重复前一个动作的意思。 如果你想要重复删除、重复贴上等等动作，按下小数点『.』就好了！...:w [filename]将编辑的数据储存成另一个档案（类似另存新档）:r [filename]在编辑的数据中，读入另一个档案的数据。
按下 ESC 按钮回到一般模式 好了，假设我已经按照上面的样式给他编辑完毕了，那么应该要如何退出呢？是的！没错！就是给他按下 Esc 这个按钮即可！...举例来说，我要连续删除 10 个字符， 『10x』。dd删除游标所在的那一整行(常用)nddn 为数字。...0 ，删除游标所在处，到该行的最前面一个字符yy复制游标所在的那一行(常用)nyyn 为数字。...意思是重复前一个动作的意思。 如果你想要重复删除、重复贴上等等动作，按下小数点『.』就好了！...:w [filename]将编辑的数据储存成另一个档案（类似另存新档）:r [filename]在编辑的数据中，读入另一个档案的数据。
「如果大家对这些概念熟悉，可以直接忽略」 同时，由于阅读我文章的群体有很多，所以有些知识点可能「我视之若珍宝，尔视只如草芥，弃之如敝履」。以下知识点，请「酌情使用」。...❞ 下面是我们截取的部分技术的文档。 在Console中，我们看到如下的结构。 看到截图中，有一个namespace console 。我们可以从截图中得知。...一个对话框显示在代码行的下方。 在对话框中输入我们的日志消息。我们可以使用与 console.log(message) 调用相同的语法。 按 Enter 激活断点。...我们可以对组执行以下操作： 通过点击其名称折叠或展开一个组。 通过点击组或断点旁边的复选框单独启用或禁用组或断点。 将鼠标悬停在其上，然后点击关闭按钮可以要删除一个组。...当我们禁用断点时，Sources 面板会使其在行号旁边的标记「变为透明」。 将鼠标悬停在断点上，然后点击编辑以编辑，点击关闭以删除它。 在编辑断点时，可以在内联编辑器的下拉列表中更改其类型。
就简单说下图中标注的8个地方： [图1.1] ① 以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。...> Run to Cursor (Alt + F9)：运行到光标处，你可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点。 ...通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？那肯定很累，说不定你还错过这个值得重新来一次。 ...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。 ...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
如下是在IDEA中启动Debug模式，进入断点后的界面，我这里是Windows，可能和Mac的图标等会有些不一样。就简单说下图中标注的8个地方： 1....以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。 2....[图5.2] 六、断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。 ?...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
就简单说下图中标注的 8 个地方： 以 Debug 模式启动服务，左边的一个按钮则是以 Run 模式启动。在开发中，我一般会直接启动 Debug 模式，方便随时调试代码。...Run to Cursor (Alt + F9)：运行到光标处，你可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点。...[图 5.2] 六、断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？...[图 7.1] 切换线程，在图 7.2 中 Frames 的下拉列表里，可以切换当前的线程，如下我这里有两个 Debug 的线程，切换另外一个则进入另一个 Debug 的线程。 ?...[图 7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
如果想要进行多次移动的话，例如向下移动 30 行，可以使用 “30j” 或 “30↓” 的组合按键， 亦即加上想要进行的次数(数字)后，按下动作即可！...举例来说，我要连续删除 10 个字符， 『10x』。 dd 删除游标所在的那一整列(常用) ndd n 为数字。...意思是重复前一个动作的意思。 如果你想要重复删除、重复贴上等等动作，按下小数点『.』就好了！...(常用) r, R 进入取代模式(Replace mode)： r 只会取代光标所在的那一个字符一次；R会一直取代光标所在的文字，直到按下 ESC 为止；(常用) 上面这些按键中，在 vi 画面的左下角处会出现...:w [filename] 将编辑的数据储存成另一个档案（类似另存新档） :r [filename] 在编辑的数据中，读入另一个档案的数据。
如下是在IDEA中启动Debug模式，进入断点后的界面，我这里是Windows，可能和Mac的图标等会有些不一样。就简单说下图中标注的8个地方： 1....以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。 2....[图5.2] 6、断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。 ?...[图7.2] 8、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
就简单说下图中标注的8个地方： 以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。...Run to Cursor (Alt + F9)：运行到光标处，你可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点。...通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？那肯定很累，说不定你还错过这个值得重新来一次。...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
如下是在IDEA中启动Debug模式，进入断点后的界面，我这里是Windows，可能和Mac的图标等会有些不一样。就简单说下图中标注的8个地方： 1....以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。 2....通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？那肯定很累，说不定你还错过这个值得重新来一次。...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
就简单说下图中标注的8个地方： 1、以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。...Run to Cursor (Alt + F9)：运行到光标处，你可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点。...通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？那肯定很累，说不定你还错过这个值得重新来一次。...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
就简单说下图中标注的8个地方： ① 以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。 ...回到顶部六、断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？...切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。 ?...八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？ ...九、中断Debug 想要在Debug的时候，中断请求，不要再走剩余的流程了？ 有些时候，我们看到传入的参数有误后，不想走后面的流程了，怎么中断这次请求呢(后面的流程要删除数据库数据呢....)
就简单说下图中标注的8个地方： 以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。...Run to Cursor (Alt + F9)：运行到光标处，你可以将光标定位到你需要查看的那一行，然后使用这个功能，代码会运行至光标行，而不需要打断点。...[图5.2] 六、断点条件设置 通过设置断点条件，在满足条件时，才停在断点处，否则直接运行。 通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？...[图7.1] 切换线程，在图7.2中Frames的下拉列表里，可以切换当前的线程，如下我这里有两个Debug的线程，切换另外一个则进入另一个Debug的线程。 ?...[图7.2] 八、回退断点 在调试的时候，想要重新走一下流程而不用再次发起一个请求？
2.选中“部门”列中任意一个单元格，执行“数据→排序”命令，打开“排序”对话框，单击“选项”按钮，弹出“排序选项”对话框(如图5)，按其中的下拉按钮，选中刚才自定义的序列，按两次“确定”按钮返回，所有数据就按要求进行了排序...4.以后需要打印某种表格时，打开“视面管理器”(如图4)，选中需要打印的表格名称，单击“显示”按钮，工作表即刻按事先设定好的界面显示出来，简单设置、排版一下，按下工具栏上的“打印”按钮，一切就OK了。...3.调整好行高和列宽后，同时选中A1至G2单元格区域(第1位学生的成绩条区域)，按“格式”工具栏“边框”右侧的下拉按钮，在随后出现的边框列表中，选中“所有框线”选项，为选中的区域添加边框(如果不需要边框...如果我们想要对表格中的某一部分“照相”，只须先选择它们(图23)，然后按下“摄影”按钮，这时该选定区域就被 “拍”了下来。...从菜单中选取“工具”之“自定义”选项，点击弹出对话框下部的 “键盘”按钮，在弹出对话框的 “类别”列表中选取“编辑”，然后，在对话框右上方的“命令”列表中选取“EditOfficeClipboard”;
3 Key promoter X 简介：Key Promoter X 是一个提示插件。在IDEA里使用鼠标操作时，会有这个操作的快捷键在界面的右下角进行告知。...使用：按住Shift + Alt再不停的按U，会把选中内容的单词的下划线转驼峰转大写等，不停的转换，直到你想要的。...使用：选中需要处理的内容后，按快捷键Alt + M，即可弹出工具功能列表。后面的具体功能也可以使用相应的数字或字母，而不需要鼠标点击。 ?...从图中删除类。 将图表导出为图像。 通过“设置”>“其他设置”>“序列”从图表中排除类 使用：光标定位在方法名或者方法体内，在右键菜单里选择Sequence Diagram。...13 GenerateAllSetter 简介：可以直接生成这个对象的所有set方法，非常方便。 使用：将光标放在变量声明的那一行，注意不能是分号后面。
通常在 Linux 中，按下这些按键时，在画面的左下方会出现『 INSERT 或 REPLACE 』的字样，此时才可以进行编辑。...中任意一个，就可以将光标移动到最底下那一行，进入底线命令模式（也称为指令列命令模式）。...如果想要进行多次移动的话，例如向下移动 30 行，可以使用 "30j"或 "30↓" 的组合按键， 亦即加上想要进行的次数(数字)后，按下动作即可！...dd删除游标所在的那一整行 ndd删除光标所在的向下 n 行 d1G删除光标所在到第一行的所有数据 dG删除光标所在到最后一行的所有数据 d$删除游标所在处，到该行的最后一个字符 d0删除游标所在处，到该行的最前面一个字符...:w [filename]将编辑的数据储存成另一个档案（类似另存新档） :r [filename]在编辑的数据中，读入另一个档案的数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
