type
status
date
slug
summary
tags
category
icon
password
webpack打包静态文件
配置webpack的 addWebpackPlugin 选项传递到cdn
vscode setting
配置文件:在vscode中移除未使用的依赖
vscode snippets
代码补全中首字母大写 capitalize
问题,使用tab后才会把小写变为大写,但是tab键会触发补全功能
在现代 VSCode 中,您无需关注第一行。只需打开“首选项:键盘快捷键”,找到
acceptSelectedSuggestion
,右键单击并选择“更改表达式”,然后将其设置为 Adam 上面所说的:suggestWidgetHasFocusedSuggestion && suggestWidgetVisible && textInputFocus && !inSnippetMode
git大小写问题
git是默认是大小不敏感的,但可以通过一句配置进行修改
指定依赖的依赖的版本
滚动条优化
可以实现一个左右带有间距的滚动条,符合UX要求,同时不用引入复杂的库而是使用原生的滚动条
UX表示不行,我要hover时滚动 👇
字体加载优化的几个属性
font-display
属性决定了一个 @font-face 在不同的下载时间和可用时间下是如何展示的。auto
字体显示策略由用户代理定义。
block
为字体提供一个短暂的阻塞周期和无限的交换周期。
swap
为字体提供一个非常小的阻塞周期和无限的交换周期。
fallback
为字体提供一个非常小的阻塞周期和短暂的交换周期。
optional
为字体提供一个非常小的阻塞周期,并且没有交换周期。
字体阻塞周期: 如果未加载字体,任何试图使用它的元素都必须渲染不可见的后备字体。如果在此期间字体已成功加载,则正常使用它。
字体交换周期: 如果未加载字体,任何尝试使用它的元素都必须呈现后备字体。如果在此期间字体已成功加载,则正常使用它。
nrm报错
原因:应该使用 open 的 CommonJs规范的包 ,现在 open v9.0.0 是 ES Module 版本的包
解决
去掉点击button按钮时的蓝色效果
shebang(hashbang)
js的label语句
可实现类似于goto语句的效果
MDN🔗:MDN label statement
git空提交 触发ci
网页读取文件
此方法依赖浏览器的文件读取API来读取文件,并将文件内容赋值给文本框。
MDN🔗:MDN FileReader
importmap
使用importmap引入资源,然后可以这样使用
ES Module以成为现在浏览器一个新的特性,主流浏览器都实现了较好的支持。使用importmap对引入文件实现映射,配和ESM可实现与工程模式相似的开发体验。
兼容情况: importmap
对于不支持 import-maps 的浏览器, 可以使用 es-module-shims 进行处理。
Ubuntu运行appimage文件 cpu占用高
在 Linux 系统中,为 AppImage 文件设置执行权限是一个简单的过程。以下是详细步骤:
- 通过图形界面设置执行权限:
- 找到 AppImage 文件,右键点击它。
- 选择“属性”(Properties)。
- 在打开的属性窗口中,切换到“权限”(Permissions)标签页。
- 勾选“允许作为程序执行文件”(Allow executing file as program)选项。
- 点击“关闭”(Close)或“应用”(Apply)按钮以保存更改。
- 通过命令行设置执行权限:
- 打开终端(Terminal)。
- 使用
cd
命令切换到包含 AppImage 文件的目录。例如: 替换/path/to/directory
为 AppImage 文件的实际路径。 - 使用
chmod
命令为文件添加执行权限。例如: 将filename.appimage
替换为你的 AppImage 文件的实际文件名。
- 验证执行权限:
- 在终端中,你可以使用
ls -l
命令来查看文件权限。例如: 如果文件权限设置正确,你应该在输出中看到x
出现在所有者权限部分的末尾,表示所有者有执行权限。
- 运行 AppImage 文件:
- 在图形界面中,你可以直接双击 AppImage 文件来运行它。
- 在命令行中,你可以通过输入以下命令来运行 AppImage 文件:
同样,将
filename.appimage
替换为你的 AppImage 文件的实际文件名。
确保在尝试运行 AppImage 文件之前,你已经安装了所有必要的依赖库,例如
libfuse2
,以避免运行时错误。如果你在设置执行权限或运行 AppImage 文件时遇到问题,检查文件路径是否正确,以及你是否有足够的权限来执行这些操作。如果你是以普通用户身份操作,通常不需要额外的权限。如果你是以 root 用户操作,确保你了解使用 root 权限运行应用程序的潜在风险。clashx规则配置
此界面用于增加和删减配置文件中的规则,目前 Clash 支持的规则类型如下:
DOMAIN-SUFFIX:域名后缀匹配
DOMAIN:域名匹配
DOMAIN-KEYWORD:域名关键字匹配
IP-CIDR:IP 段匹配
SRC-IP-CIDR:源 IP 段匹配
GEOIP:GEOIP 数据库(国家代码)匹配
DST-PORT:目标端口匹配
SRC-PORT:源端口匹配
PROCESS-NAME:源进程名匹配
RULE-SET:Rule Provider 规则匹配
MATCH:全匹配