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 文件设置执行权限是一个简单的过程。以下是详细步骤:
  1. 通过图形界面设置执行权限
      • 找到 AppImage 文件,右键点击它。
      • 选择“属性”(Properties)。
      • 在打开的属性窗口中,切换到“权限”(Permissions)标签页。
      • 勾选“允许作为程序执行文件”(Allow executing file as program)选项。
      • 点击“关闭”(Close)或“应用”(Apply)按钮以保存更改。
  1. 通过命令行设置执行权限
      • 打开终端(Terminal)。
      • 使用 cd 命令切换到包含 AppImage 文件的目录。例如: 替换 /path/to/directory 为 AppImage 文件的实际路径。
        • 使用 chmod 命令为文件添加执行权限。例如: 将 filename.appimage 替换为你的 AppImage 文件的实际文件名。
      1. 验证执行权限
          • 在终端中,你可以使用 ls -l 命令来查看文件权限。例如: 如果文件权限设置正确,你应该在输出中看到 x 出现在所有者权限部分的末尾,表示所有者有执行权限。
        1. 运行 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:全匹配