瀚文博客

供免费、安全的Chrome插件下载服务，解决谷歌商店访问不了的问题

Fri, 27 Feb 2026 09:03:15 +0800

分享一个网吧，方便一些同学下载需要的插件。

网站地址

https://crxdl.com/

第一步：解压 ZIP 文件

将下载的 .zip 文件解压到一个固定的文件夹中（安装后不能删除或移动该文件夹）。

第二步：打开 Chrome 扩展管理页面

在地址栏输入：chrome://extensions/
或者点击菜单 → 更多工具 → 扩展程序

第三步：开启开发者模式

在扩展管理页面右上角，**打开「开发者模式」**开关。

第四步：加载已解压的扩展程序

点击左上角的 「加载已解压的扩展程序」（Load unpacked）
选择刚才解压出来的文件夹（不是 zip 文件本身）
点击「选择文件夹」

第五步：完成安装

插件会立即出现在扩展列表中
如果看到错误提示，检查文件夹内是否有 manifest.json 文件

css去掉input获取焦点或者激活时的默认边框

Mon, 22 Sep 2025 16:51:39 +0800

在CSS中去除input获取焦点或激活时的默认边框，可以通过以下方式实现：

1. 去除默认焦点样式：

input {
  outline: none;
}

2. 针对Element Plus组件库的el-input组件：

:deep(.el-input__inner) {
  outline: none;
}

/* 或者更具体的选择器 */
:deep(.el-input__wrapper) {
  outline: none;
  box-shadow: none !important; /* Element Plus可能会使用box-shadow模拟边框 */
}

3. 完整示例（可添加到你的Header.vue样式中）：

/* 去除所有input元素的焦点边框 */
input:focus {
  outline: none;
}

/* 去除Element Plus输入框的焦点样式 */
:deep(.el-input__inner:focus) {
  outline: none;
  border-color: initial; /* 保持原有边框颜色或设置为transparent */
}

/* 如果使用了el-input-group等组件 */
:deep(.el-input-group__append:focus),
:deep(.el-input-group__prepend:focus) {
  outline: none;
}

4. 注意事项：- 为了保持可访问性，建议添加自定义的焦点样式 - 可以使用 `:focus-visible` 伪类来仅在键盘导航时显示焦点样式

/* 保持键盘导航的可访问性 */
input:focus-visible {
  outline: 2px solid #409eff; /* 自定义焦点样式 */
  outline-offset: 1px;
}

input:not(:focus-visible) {
  outline: none;
}

element-ui 传入一个全局配置对象对按钮组件全局设置size大小

Sun, 27 Apr 2025 11:25:23 +0800

官方文档：

在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。按照引入 Element 的方式，具体操作如下：

完整引入 Element：

import Vue from 'vue';
import Element from 'element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });

按需引入 Element：

import Vue from 'vue';
import { Button } from 'element-ui';

Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);

Nas搭建一个极简极轻量的个人云盘 - filebrowser

Fri, 07 Mar 2025 10:29:36 +0800

Filebrowser是一个轻量级的开源文件服务器和Web文件管理器，基于Go语言开发。它允许用户通过Web界面上传、管理、预览和分享文件。Filebrowser旨在提供一个简单、高效的方式来处理文件，无需复杂的配置

项目源码：https://github.com/filebrowser/filebrowser（目前28K ）
项目官网：https://filebrowser.org/
演示demo：https://demo.filebrowser.org/通过demo/demo账号密码登陆体验
docker-compose：

ervices:
    filebrowser:
        container_name: filebrowser
        volumes:
            - <path-to-storage>:/srv # 这里填一个nas上路径，用于保存上传的文件，该文件夹可以非空
            - ./data:/database
            - ./config:/config
        ports:
            - '6080:80'
        restart: unless-stopped
        environment:
          - TZ=Asia/Shanghai
          - PUID=1000   # 注意这里要换成实际的用户权限值，后文有提供方法
          - PGID=1000
        image: docker.1ms.run/filebrowser/filebrowser:s6

经常有朋友给我留言说无法拉镜像、不知道如何加速镜像等问题，所以我这里在compose文件里已经加上了docker加速镜像地址：docker.1ms.run，大家可以直接用，这也是我从网上搜罗到的，不保证能一直使用。

获取用户权限的ID方法

ssh登陆nas后执行以下命令，将得到的内容替换到compose文件中

执行 id -u 得到 PUID

执行 id -g 得到 PGID

特点总结：

1. 轻量级： 基于Go语言实现，性能优异，资源占用少。
2. 功能齐全： 上传、下载、预览、搜索、删除、移动、重命名、分享
3. 开源活跃： GitHub上的活跃社区，频繁更新，文档完善。
4. 安全性： 支持设置访问权限，保护文件不被未授权访问。
5. 用户友好： 提供直观的用户界面，易于上手。
6. 多用户支持： 支持多用户间文件共享、私有
7. 文件预览： 支持多种文件格式的预览，如图片、视频、PDF等

不到1MB的神器，让你的Win11焕然一新！

Mon, 10 Feb 2025 10:44:15 +0800

你是否曾经遇到过这些困扰：刚装完Win11，开始菜单里堆满了各种预装应用；正在专注工作时，系统更新的提示总是不期而至；朋友分享的软件刚下载就被Defender无情删除；还有那个让人怀念的Windows10右键菜单...如果你也有类似的困扰，那么今天要介绍的这款"Windows11轻松设置"软件一定能帮到你。它虽然只有不到1MB的大小，却能帮你轻松解决这些烦恼，让Win11的使用体验更加顺畅。

这款来自B站ID：oyksoft 开发的软件，采用了极简的设计理念。你完全不需要安装过程，只要解压就能立即使用。它的界面直观友好，即使是普通用户也能轻松上手。

让系统更清爽

在Win11系统中，搜索热点和小组件往往会占据大量空间，而且经常显示一些我们并不关心的内容。通过这款软件，你可以轻松禁用这些干扰项，让系统界面回归简洁。关于Windows更新，虽然完全禁用并不可取，但你可以通过合理的设置来避免它在你工作时突然弹出提示。

系统的隐私保护也得到了特别关注。你可以限制搜索功能只显示本地内容，禁用语音搜索，甚至可以阻止本地搜索内容被发送到微软服务器。这些设置不仅能保护你的隐私，还能提升系统运行效率。

摆脱系统束缚

对于已经安装了其他防病毒软件的用户来说，Windows Defender的双重保护往往显得多余。通过简单的几次点击，你就能关闭Defender的实时保护和篡改防护功能，让系统运行更加轻松

系统预装的应用往往让人困扰，这款工具提供了便捷的应用管理功能。你可以轻松卸载那些用不到的预装应用，管理已安装的软件，甚至在需要时重新安装Microsoft Store。

个性化你的系统

最让用户怀念的可能就是Windows10的右键菜单了。通过这款工具，你可以轻松恢复熟悉的菜单样式。不仅如此，它还能帮你显示文件扩展名和隐藏文件夹，让文件管理变得更加直观。任务栏的图标和样式也可以根据个人喜好进行调整，打造属于你的个性化界面

便捷的工具集成

在日常使用中，修改hosts文件是一项常见需求，但在系统中寻找这个文件往往很麻烦。这款工具直接集成了hosts文件编辑功能，省去了繁琐的查找过程。同时，它还提供了防火墙规则管理和系统硬件信息查看等实用功能，让系统管理变得轻而易举。

使用建议

初次使用时，建议从系统界面优化开始，比如禁用一些干扰项，让系统更加清爽。对于不熟悉的高级设置，可以将鼠标悬停在选项上查看详细说明，避免贸然更改可能影响系统稳定的选项。

微信第三方风控说明

Mon, 30 Dec 2024 15:54:51 +0800

本风控规则集合多家经验的总结，仅供参考

！！！强烈建议不要异地登录

风控须知

使用本服务进行登录均为副设备登录，使用账号密码进行登录的为主设备，副设备大概率 24 小时内掉线一次（防盗号机制），为正常现象，二次登录即可，执行历史快捷登陆API以保证复用历史设备信息，挂机常用设备。

新设备登录 24 小时（1天）内不能发送朋友圈，部分账号 72 小时（3天）内不能发朋友圈，如发送朋友圈手机会收到安全告警。

为了账号稳定，推荐登录新设备后进行 3 - 5 小时的挂机养号操作，在此时间段内限制或者禁止操作，以提高设备的稳定性，可以避免很多风控。

发朋友圈每条间隔建议10分钟以上 / 条，单天建议不超过 100 条，点赞和评论建议间隔为 3~5s，单天上限为500 次，获取朋友圈间隔为 5s 以上，单天上限为 200 次。

主动添加好友单天上限为 15 个，扫码方式添加和通过好友请求上限为 25 个，1 小时内上限为 5 个，超过上限时，无法发出好友请求，也收不到好友请求。

发送消息 1 分钟内不能超过 40 条，给相同对象（同一个好友，同一个群）发消息时，建议间隔为 1 ~ 3s / 条，给不同对象（不同的群，不同的好友）发消息时，每个对象之间建议间隔为 3 ~ 5s。

创建群聊单天上限为 10~15 个，且两次创建群聊的间隔不要低于 10 分钟，频繁建群，或频繁拉人入群是极度高危操作，建议使用主设备进行创建群聊。新群不建议直接拉人，可使用多个机器人在群里随意发几天消息后再拉人，新号建议 1 小时内拉人数不要超过 6 个，老号可适当放宽，但不宜超过 15 个。

下载图片，视频等，需在消息收到后 1s 后进行下载，每次下载之间间隔需超过 3s，失败重试间隔最低 1s，每条消息请只下载一次，多次下载有一定风险，需要永久保存的文件请自行保存，下载链接仅 3 天有效。

定时业务请注意让定时任务有一定的时间波动，太规律的行为在风控严格时期，可能会被警告

加好友

一个微信号，能加的好友上限是5000人，建议加3000人就够了。

微信好友3000人以上，约有15%-20%的好友看不到你发的发朋友圈。

微信好友接近5000人，约有30%的好友看不到你发的发朋友圈。

1、微信主动添加好友：
一个微信号，一天主动添加好友不能超过30人；

超过了，对方收不到你的添加请求。

2、微信被动添加为好友：
一个微信号，一天只能被动加300人左右的好友；

超过了，会提示操作频繁，加不上。

3、微信添加好友的方式和安全人数详解：

扫一扫加好友：每天每个微信号，最多加30人。

通讯录导入：每天最多加3次，每次最多加10人，每次间隔时间最少2小时。

搜索加好友：每天最多加3次，每次最多加10人，每次间隔时间最少2小时。

微信群内加好友：每天最多加3次，每次最多加10人，每次间隔时间最少2小时。

附近的人加好友：每天最多加3次，每次最多加8个人，每次间隔时间最少2小时。

摇一摇加好友：每天最多加2次，每次最多加5个人，每次间隔时间最少2小时。

加微信名片：每天每个微信号，最多加20人。

被动加好友：每天每个微信号，最多被动加300人左右。

微信申请添加好友请求，有效期为10天，若验证时间超过10天就会显示“接受好友验证请求已过期。显示已过期需要用户或者对方重新发起验证请求。如果添加同一个好友，连续发送请求数6-8次而堆放一直没有通过验证的时候，系统将不再接受请求，将提示发送失败

波长和能量的关系,区分可见光和不可见光激光

Mon, 14 Oct 2024 15:47:51 +0800

波长和能量之间存在紧密的关系，即波长越短，能量越大；波长越长，能量越小。

这种关系基于波动理论和量子力学原理。

波长与能量之间的关系式是E=hc/λ。

具体来说，能量E，可以用普朗克常数h乘以光在真空中的光速c，再除以波长λ来表示。

可见光：
一般人的眼睛可以感知的电磁波的波长在400～760nm之间，但还有一些人能够感知到波长大约在380～780nm之间的电磁波。
对于成都景瑞特的相位式的激光测距模块，我们常规的距离传感器型号U81/U85, M703A/M88B, B605B/B87A/BA6A，是属于可见光。传感器波长范围一般在：620nm~690nm。如果您需要其他波长的模块，比如不可见激光测距模块，我们也可以为您定制。如果您有其他疑问，欢迎随时与我们沟通。

不可见光：
不可见光，顾名思义是人类肉眼看不到的光，其中包括我们熟悉的紫外线、红外线、远红外线等。
不可见光如果以波长来表示：
不可见光<380nm：如紫外线。
不可见光>760nm：如红外线、远红外线。

如下图所示，您可以看到可见光的波长范围：

JS/VUE按钮点击excel上传文件解析文件内容

Mon, 19 Aug 2024 14:27:59 +0800

代码如示

import * as XLSX from 'xlsx'; // 导入xlsx库

    importFile() {
      const fileType = ['xlsx', 'xls']
      const inputFile = document.createElement('input')
      inputFile.type = 'file'
      inputFile.style.display = 'none'
      inputFile.accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
      document.body.appendChild(inputFile)
      inputFile.click()

      inputFile.addEventListener('change',  () => {
        const file = inputFile.files[0]
        var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)

        if (!fileType.includes(testmsg)) {
          this.$message.warning('上传的文件格式只能是,xlsx,xls')
          document.body.removeChild(inputFile)
          return false
        }
        //读取xlsx文件数据转换成js数据

        const reader = new FileReader();
        reader.onload = (e) => {
          const data = e.target.result;
          const workbook = XLSX.read(data, { type: 'binary' });

          // 假设第一个工作表是我们需要的数据
          const firstSheetName = workbook.SheetNames[0];
          const worksheet = workbook.Sheets[firstSheetName];

          // 将工作表转换为JSON
          const json = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
         
          // 处理JSON数据
          console.log('json',json);
          // 这里可以对json进行进一步处理，例如展示在界面上
         
          document.body.removeChild(inputFile); // 清除临时创建的input元素
        };
        reader.onerror = (err) => {
          console.error('Error reading file:', err);
          document.body.removeChild(inputFile);
        };
        reader.readAsBinaryString(file);

      })
    },

vue element table expand 设置只可以展开一行、设置点击行即可打开扩展内容

Fri, 12 Jul 2024 15:20:28 +0800

在Vue中使用Element UI的el-table组件时，‌可以通过以下步骤设置只可以展开一行以及通过点击行即可打开扩展内容：‌

设置只可以展开一行：‌

通过监听expand-change事件来实现每次只展开一行的效果。‌当expandedRows（‌已展开的行）‌的长度大于1时，‌清空expands数组（‌用于存储当前展开的行）‌，‌然后只将点击的那一行添加到expands数组中，‌并通过$refs.tableRef.toggleRowExpansion(expandedRows)来确保只有一行被展开。‌

设置点击行即可打开扩展内容：‌

在el-table上添加@row-click或@cell-click事件监听器，‌当行或单元格被点击时，‌调用$refs.tableRef.toggleRowExpansion(row)方法来展开或收起该行。‌

隐藏表格扩展隐藏图标：‌

通过设置<el-table-column type="expand" width="1"></el-table-column>的宽度为1，‌可以实现隐藏扩展图标的效果。‌或者，‌可以通过CSS来隐藏扩展图标。

<template>
  <el-table
    ref="myTable"
    :data="tableData"
    @row-click="handleRowClick"
  >
    <el-table-column type="expand" width="1">
      <template slot-scope="props">
        <!-- 扩展内容的模板 -->
      </template>
    </el-table-column>
    <!-- 其他列配置 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [/* 表格数据 */],
      expandedRow: null, // 用于存储当前展开的行数据
    };
  },
  methods: {
    handleRowClick(row, column, event) {
      this.toggleRowExpansion(row); // 调用方法来处理行的展开和收起
    },
    toggleRowExpansion(row) {
      if (this.expandedRow) {
        // 如果之前有行处于展开状态，‌先收起它
        this.$refs.myTable.toggleRowExpansion(this.expandedRow);
      }
      // 展开点击的行
      this.$refs.myTable.toggleRowExpansion(row);
      this.expandedRow = row; // 更新当前展开的行数据为点击的行数据
    },
  },
};
</script>

在这个示例中，‌通过监听row-click事件，‌当行被点击时，‌会调用toggleRowExpansion方法来处理行的展开和收起。‌同时，‌通过设置expandedRow变量来跟踪当前展开的行数据，‌确保只有一行被展开。‌注意，‌这里的代码是一个简化的示例，‌实际使用时可能需要根据具体需求进行调整和优化

Windows Server 网络连接由公用网络改为专用网络

Thu, 04 Jul 2024 14:55:21 +0800

1.Get-NetConnectionProfile //获取编号

2. Set-NetConnectionProfile -Name "未识别的网络" -NetworkCategory Private

设置成【专用网络】，这里要注意InterfaceIndex 编号

set-netconnectionprofile -InterfaceIndex 30 -NetworkCategory Private

如果设置成【公用网络】

set-netconnectionprofile -InterfaceIndex 30 -NetworkCategory Public