- 博客(36)
- 收藏
- 关注
RSS订阅原创 使用AutoHotKey交换Escape键和CapsLock键，并打包成 exe 文件，设置开机自启动
主要为了与 vim 操作适配。并打包成 exe 文件，放在 U 盘中，方便在别人的电脑中运行。虽然可以通过修改注册表的方式交换两个按键，但注册表的修改方式并不灵活，因为如果要恢复原本的按键【比如别人来使用你的电脑，他可能并不习惯这样的按键顺序】，就需要去删掉注册表中添加的内容，然后至少需要注销系统一次，并重新登录，才能恢复成原本的按键。而使用 AutoHotKey 的方式来交换两个按键的顺序，就可以做到：需要交换的时候直接运行该程序，不需要的时候就退出该程序，即可恢复原本的按键顺序。
2024-12-16 09:49:12
468
原创 用不到500行代码编写一个VSCode代码片段生成器，附源码【前端新手练习小项目】
【附完整源码！】一个仅使用前端HTML，CSS和JS编写的VSCode 代码片段生成工具，它本质就是一个 html 文件，双击使用浏览器打开就可以使用，无需网络，无需安装，本身也可以作为前端新手的练手项目。
2024-12-16 01:27:20
436
原创 使用油猴脚本实现一键开启或关闭自动刷新网页
一般情况下，我们不会有这个自动刷新浏览器网页的需求，但以前实习的时候，也确实遇到过这种需求。正好这几天写的博客都跟油猴脚本多少有点关系，就想试着写写看。如果是让网页一直不停的刷新，那么实现起来太简单了，但使用体验肯定不会好。能设置刷新时间，并提供一个可以生成随机刷新时间的方法。能有一个提示信息，也就是一个简单的提示弹窗，提示当前的状态【是否开启了自动刷新功能？多少秒后开始刷新网页？】，一段时间后自动消失。能匹配到所有网页地址，也就是在所有网页上都生效。
2024-12-06 22:59:17
1508
1
原创 使用浏览器书签来切换网页内容能否编辑的状态
如果你本来就在用这个快捷键，那么你将下面代码中的。在写这两篇文章的时候，我也在思考还有没有别的使用场景，然后，突然想要有的时候我们可能会有编辑网页的需求，比如：我要用 SingleFile 这个浏览器插件来保存网页，或者就是直接使用浏览器的 Ctrl + P 来打印网页，或者是需要截图网页的时候，结果发现网页中竟然有错别字。现在只要点击书签，上面的代码就会被执行，网页就可以被编辑了，再次点击，网页就恢复到不可以编辑的状态，当然，已修改的网页内容不会被恢复，只有刷新了网页还可以恢复成原本的样子。
2024-12-05 20:01:19
1002
原创 使用AdGuard浏览器插件来拦截网页元素（去广告）
这个插件的下载安装我这里就不说了。还记得以前刚开始学习怎么写油猴脚本的时候，写的最多的就是去广告，也就是移除网页上的元素。做法就是先找到这个元素，然后要么就是直接删除这个DOM节点，要么就是设置它的样式，让它从视觉上消失。用油猴脚本虽然可以做到，但毕竟要自己动手写代码，而且如果不幸遇到那种要修改的内容特别多，且网页结构经常变动的网页，维护这个油猴脚本的成本就会增加。后来自从知道如何用 AdGuard 来实现 “拦截” 网页元素后，就再也没有手动写过这种类型的代码了。
2024-12-05 14:50:25
5213
原创 使用 Vimium C 插件来运行 JavaScript 代码
在测试这个书签来运行 JavaScript 代码的过程中，发现它有一些缺点，比如：会占用原本就所剩不多的书签栏空间，因为如果将它放到一个文件夹中，又不方便点击；移动鼠标找到这个书签栏，也是比较麻烦的，不如使用键盘来得快。所以，在经过一段时间的研究后，发现可以使用 Vimium C 的按键重映射功能来实现同样的功能。这里，依然是以之前那篇文章中的例子为演示，也就是实现一键处理网页中的链接，并让它们默认在新的标签页中打开。【如果你没有看过之前的那篇文章，可以花个两分钟看看】
2024-12-04 23:23:58
909
1
原创 复制网页上的任意内容以及用油猴脚本实现免登录一键复制
阻止用户自由复制的方式有很多种，对应的，解除这类限制的方式也有很多种。我这里只介绍一种方法，但会介绍它的两种使用途径。只要是你有权限查看的网页的内容，它都可以被复制下来。
2024-12-04 22:01:30
2967
原创 使用浏览器书签(收藏夹)来运行 JavaScript 代码
一些网页中的链接，默认是在当前标签页中打开的，但有时候其实我们是希望它在新的标签页中打开的，也就是保留当前标签页的网页内容。
2024-12-04 19:44:27
1187
原创 通过修改Windows 10注册表的方式来去除Ctrl + Space切换输入法的快捷键
这是一个 微软官方承认的 Bug，就是Ctrl + Space 这个快捷键是系统默认切换中英文的快捷键，但这个快捷键是无法被取消的，在系统的设置中有取消这个选项，但是只要点击确定后，它就会恢复成原本的 Ctrl + Space，而这个 Ctrl + Space 快捷键在很多编程工具中都是 Basic Complete 【基本补全】这个操作的快捷键，也就是快捷键冲突了。
2024-12-04 17:50:32
753
原创 使用一段简单的油猴脚本来改善沉浸式翻译插件的阅读体验
因为感觉沉浸式翻译这个浏览器插件，翻译后的默认样式不太容易区分，尤其是遇到那种内容多且排版不是那么好的网页，所以就写了一段简单的脚本来稍微改善下观感。
2024-12-04 15:13:38
1176
原创 在vim中高亮光标所在行中的tab、空格、缩进
比如你喜欢视频中的那种红色，那么就可以设置为 196 ，然后保存退出，重新进入 vim 即可。时间有限，详细的代码解释准备后续再补充，因为这个功能本来就可有可无，而且vim也是一个小众的软件，受众不多。综上所述，这段代码的作用是在插入模式中高亮显示当前行末尾的空格或制表符，并在退出插入模式时清除高亮显示。虽然这里只有3行代码，但说真的，想要把这3行代码解释透彻，并不是那么容易的。关键点在于正则表达式那块。主要是以前在B站上看到一个视频，其中有一位大佬的vim就有这个效果，于是就想自己把这个效果实现一遍。
2024-04-28 09:50:59
969
原创 禁止Windows10系统休眠的方法
主要原因是我的Dell笔记本电脑太老旧了，在长时间不使用的情况下，就会自动断电休眠，这会导致每次我唤醒系统的时候，就会出现一个检查硬件的界面（一个类似BIOS设置的界面，修改前忘记拍照了，修改后就再也没有出现过这种情况了，所以，没有图片），很烦这个步骤，每次都要花很长时间来跳过这个步骤，而且它也检查不出什么问题来，最后还会有一个超级大的声音提示它检查完成了。了，然而，这样设置其实并没有什么效果，3个小时之后，电脑系统照样会休眠掉，然后在开启屏幕的这个过程中，又会进入到内存质检中去，所以在这里一定要到。
2024-04-26 09:04:27
976
原创 禁用Windows10系统Win+L锁屏快捷键
其实有一种掩人耳目的办法，就是按照下图中的设置，将所有的功能全部切换为睡眠，在睡眠状态下，电脑的屏幕以及鼠标、键盘的灯光全都是关闭状态的，尤其是当笔记本电脑的盖子盖下来之后，别人一般来说是不会来乱动我的电脑的。如果真的是需要长时间离开电脑的话，那么就把电脑中需要保存的内容全都保存，然后注销系统即可，这样下次就是相当于重新登录系统，这个时候就需要输入密码了。直接删除掉这个注册表内容即可，或者将它的值改为0也可以。禁用掉之后就无法锁屏了，不管使用哪一种方式，都是无法进行锁屏的。：按下 Win+R 键，输入 "
2024-04-26 08:21:46
1892
1
原创 PS小技巧补充1
在使用移动工具（已勾选自动选择）的时候，想要移动某个图层，可以点中图层，然后按下 Ctrl 键，可以看见左上角的自动选择已经被取消了，这时可以在画布的任意位置，移动该图层的内容。按住 Alt 键不放，滚动鼠标滚轮，可以实现快速的画布放大缩小的操作。按住 空格键不放，看见鼠标变成一个小手的样子后，点中鼠标左键，可以拖动画布，方便观察。当画布放大后，直接滚动滚轮，是上下调节画布的位置，按住Ct...
2020-02-19 18:35:30
620
原创 PS中常用的保存格式
JPG：该模式默认会添加一个白色背景，也就是说用PS在创建文档的时候，选择了透明背景，保存为JPG格式后，就会出现白色背景层。PNG：png格式没有背景颜色，默认是透明的背景，放在桌面上也是透明的。也就是说，想要设保存为透明的图片，可以不设置背景颜色，然后保存为PNG格式。PSD：保存了所有的图层信息。方便再次编辑。TIFF：是不经过压缩的格式，保留了许多细节，非常真实，不光是在写真喷绘上...
2020-02-18 21:52:00
2192
原创 PS中的颜色模式，8位、16位、32位区别、以及背景内容的区别
颜色模式RGB模式：又称“真彩色模式”，是电脑美工设计人员最熟悉的色彩模式。RGB模式是将红（Red）、绿（Green）、蓝（Blue）3种基本颜色进行颜色加法（加色法），配置出绝大部分肉眼能看到的颜色。（RGB模式一般用于图像处理）。RGB是工业界的颜色标准，三个颜色通道。CMYK模式：这是一种印刷模式，其中的4个字母分别是指青色（Cyan）、洋红（Magenta）、黄色（Yello...
2020-02-18 21:18:53
34993
原创 PS布局：侧边栏的设置
看见别人的PS有一个侧边栏，但是自己刚开始怎么设置都没有设置出来，后面注意到了一个拖动蓝色提示后，就轻松做出来了。效果制作标号为2的部分直接拖动需要靠边的窗口到PS软件的最右侧，此时会出现蓝色提示这个时候就可以松开鼠标左键了。制作标号为3的部分如果只是拖动到中间位置就会出现下面的情况：图层的部分并没有在一起。所以需要将需要排在下面的窗口拉到最底部去，同样要看见显示了蓝色的提...
2020-02-18 20:17:56
2195
原创 PS快捷键总结，（操作、设置）小技巧
快捷键新建 文档 Ctrl + N新建图层 Ctrl + Shift + N保存 Ctrl + S另存为 Ctrl + Shift + S放大 Ctrl + +（加号，小键盘上的也可以） Ctrl + 0（放大到3200%）缩小 Ctrl + -（减号，小键盘上的也可以）Ctrl + 1（缩小到0.2%）撤销/重做 Ctrl + Z （注...
2020-02-18 18:18:02
2185
原创 PS照片处理尺寸参考表
参考表一、讲多少寸，是指长边的英寸数，比如5 x 3.5就是5寸。讲多少R，指短边的英寸数，比如4R是6 X 4寸，而3R就是5寸的5 X 3.5寸。R 的意思的 rectangle 长方形，都是以最短的边计算的。二、这里的寸，是指英寸，每英寸是2.54厘米，24寸，是指长边的长度，短边一般为长边的2/3或者3/4。照片的尺寸是以英寸为单位，1英寸=2.54cm ，通常X...
2020-02-18 15:04:27
8530
原创 PS图片的两种大小及修改，psd源码文件，图层概念
内存大小找到文件，右键 ，属性，就可以看见照片的内存大小。也就是占用了多少磁盘空间。想要修改图片文件的内存大小可以通过PS的另存储的功能设置，在文件菜单栏下。点击了另存储后（也可以使用 Ctrl + Shift + S 快捷键），选择需要的图片的格式。jpg，png都是常用的格式。选择好了格式之后确定。就可以设置图片的内存大小了。像图片上面的界面一样，可以通过设置品质来控制图片的内...
2020-02-18 14:30:39
3821
原创 PS界面初识
选择的版本是PS2017CC。菜单栏菜单栏有很多的设置选项。如果一些悬浮的工具消失了，可以在窗口中找到。对于选择，图像，图层，文件，都是常用的选项。工具栏工具栏可以有两种显示方式，一种是像图片上的那种，是一栏显示完全，一种是两列显示的格式。看自己喜欢那种就选择那种。没选择一种工具，在它的上面就会显示它的属性，也就是它可以干那些事。当然他们有些是有快捷键的，鼠标放上去就知道快捷键了。...
2020-02-18 13:43:05
296
原创 win10 系统锁屏壁纸的目录
路径C:\Users\(你自己的用户名)\AppData\Local\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets查看需要将想看的照片文件修改后缀名为jpg（或者其他的格式也行）才可以查看。不然就是这样的情况：注意上面标黑的部分Microsoft.Windows...
2020-02-10 09:30:40
1816
2
原创 11、HTML表格的简单小应用-制作课程表
1、直接上效果图2、源代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>课程表</title> </head> <body> <table border="1px"> <tr>...
2020-02-01 21:18:30
1204
原创 10、HTML表格（table 、th、tr、td、合并单元格）的简单认识
1、表格的定义表格的定义是通过 table 标签来定义的，当然了，如果只是写一个 table 标签，是看不见任何内容的，一个表格是由行和列组成，而在HTML中，行的定义又是由 tr 标签来定义的，列是由 td 标签来定义的。例如： <table > <tr> <td>1-1</td> <td>1-2</t...
2020-02-01 21:17:09
17454
原创 9、HTML：有序列表（ol），无序列表（ul），描述列表（dl、dt、dd）详解
1、什么是列表什么是列表？什么是有序列表？什么是无序列表？上面写的 3 句话就是一个列表，你懂得。。。2、有序列表有序列表：英文叫做 ordered list，所以标签也是取这个词组的首字母 ol。ol标签括起来的范围就是有序列表的范围，而里面的每一项都是一个list（列表项），所以，也是取这个单词的一部分，li，作为标签名。如下：<!--有序列表--> <...
2020-02-01 14:45:02
14325
原创 8、HTML:行内元素（内联元素）与块元素
1、概念对比块元素：所谓的块元素就是独占一行的元素，即使它再窄（占用的范围），内容再少，也会独占一行。行内元素（内联元素）：只占用本身大小的元素，不会占用一行。内容越多，占用的范围越宽。如果有三个行内元素的占用的宽度加在一起不到一行的宽度，那么他们是可以排列在一行内，不用换行。2、行内元素举例<!--行内元素--> <em>床</em>&...
2020-02-01 12:43:17
347
原创 7、HTML超链接标签，a标签，锚链接，QQ推广
1、页面间跳转<a href = "path" target = "目标窗口的位置"> 链接的文字或者图片 </a>属性： 1、href：是这个链接的路径地址，可以是网址，也可以是别的html文件。 但是需要注意的是，如果是网址，需要写清楚全部的地址如： 百度： https://www.baidu.com ，而不能只写后面部分 如果是别的html文件的话，需要注...
2020-01-31 20:06:09
1077
原创 6、HTML图像标签，img标签
1、常见的图片格式jpggif（动态图）pngbmp（位图）2、img标签使用<img src = "path" alt = "text" title = "text" width = "x" height = "y">img：是image图像的缩写。是一个自闭合标签。属性： src：是图片的存储路径 alt：是图片无法显示的时候，显示的一段话，也就是图像的代...
2020-01-31 17:26:12
996
原创 5、HTML常见基本标签
1、开放、闭合、自闭合标签开放标签：成对出现的标签的前一个称为开放标签。如：<h1> 一级标题 </h1> 的前一个 <h1> 为开放标签闭合标签：成对出现的标签的后一个称为闭合标签。如：<h1> 一级标题 </h1> 的后一个 </h1> 为闭合标签自闭合标签：单个出现的标签称为自闭合标签。也叫自结束...
2020-01-31 16:40:28
936
原创 4、HTML文件结构相关解释
基本结构图相关解释：1、<!DOCTYPE html>: 了解HTML的发展史的就知道，HTML有许多的版本， 其中应用广泛的有3个：XHTML，H5，H4.为了让浏览器知道我们 使用的是哪个HTML版本，需要在网页的最上面加上一个doctype声明， 用来告诉浏览器这里使用的HTML的版本。注意：HTML4与XHTML的文档 的声明都十分复杂，但是H5的文档声明却很...
2020-01-31 12:33:40
329
原创 3、HTML乱码出现的原因
1、出现的原因：计算机 存储 的任何内容都是以二进制 0 1 保存的，比如说：假设 “中国” 两个字，在保存的时候是保存为1010101110001，但在读取的时候（也就是从 “1010101110001” 到 “中国”的过程），计算机会把这个二进制的编码转化为原来的内容，即“中国”两个字，这是编码和转码的问题。其中的转换规则叫字符集（编码和解码采用的规则），如果使用A字符集去编码，使用...
2020-01-31 11:40:03
471
原创 2、使用IDEA开发html代码
1、开发html常见的IDE记事本（早期）DreamweaverIDEAwebstormHbuilder……2、使用IDEA创建一个文件这里选择IDEA 完全是为了尝鲜。。。与创建Java项目一样：先建一个项目，什么项目都可以，这里创建的是Java项目。创建完成了之后，可以将src文件夹删掉，也可以不删，因为对接下来的开发完全没有影响。为了方便管理html文件，可以创建一个文...
2020-01-31 10:40:19
18404
原创 1、初识HTML，HTML简介
1、什么是HTMLHTML：是Hyper Text Markup Language 的首字母的缩写。是超文本标记语言的意思。标记语言：说白了就是通过一系列的标签来书写的语言。超文本：首先得理解纯文本（如下），而超文本就是纯文本的升级版。可以包括：文字、图片、音频、视频、动画等等元素。纯文本：在纯文本编辑器 ( 如Windows自带的记事本 ) 中编写的内容都是纯文本，网...
2020-01-31 10:38:34
169
原创 win10系统：虚拟桌面的创建、切换、删除快捷键
0、使用场景：人类总是有着无穷无尽的窥私欲……在生活中使用电脑，总有一些东西是不希望别人看见的。当你在跟女朋友QQ聊天不希望别人看见的时候，突然有个哥们来到你面前看着你的电脑，是什么感觉？当需要同时打开的窗口多了之后，整个桌面的状态栏会显得十分混乱，切换窗口也变得十分繁琐，怎么将窗口分类管理？除了使用 Alt + Tab（或windows 徽标键 + Tab）快速切换win10系统间的窗口外...
2020-01-26 16:53:07
34959
2
原创 写博客的初衷
0、简介时间：2020年1月26号出于无聊，在哔哩哔哩上看见up主CodeSheep 的视频：为什么程序员必须写技术博客。视频中提出的问题，我也遇到过，主要的还是自己读的大学是一个二本的学校，出了社会没有什么职场竞争力，面试将会没有任何的机会。得知，拥有自己的个人博客是一个额外的加分项，想着这样至少可以让简历上，不至于留下空白。于是，开始了这第一次的博客写作。1、记录走过的路现在的我是...
2020-01-26 14:37:52
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人