Element Plus 的走马灯（carousel）元素是提供了 height="auto" 这个方法，让走马灯的高度可以根据子内容的高度自动设置。但是经过研究之后，我发现它只能够识别写死在 <el-carousel-item> 元素属性上的高度。不太好用。 而且假如说走马灯滚动的时候，它自身的高度还会变化，这就导致网页不稳定了。这是一种不…

这几天尝试了一下 Android 开发。Android 开发的网络配置稍微复杂一些，因为需要分别配置很多的网络。尤其是对于没有开发经验的人来说，根本不知道网络到底是怎么一回事。下面我来从头开始讲解一下其中的原理，以及推荐方案。 Android Studio 网络 Android Studio 是一个 IDE，它包含编辑器、调试器等工具，需要连接网络…

有时候用默认的 pip freeze > requirements.txt 不够好。可能是因为你的环境里面出于种种原因安装了此项目不需要的包。总之，我们需要更好的方法。 1️⃣ 列出顶级依赖 这一步可以使用 pipreqs： pip install pipreqs cd /path/to/your/project pipreqs . --force…

最近，我终于在创建新的 wiki 了！这是一个专门记录非中文虚拟歌手相关内容的 wiki，由我们这些一直记录相关内容的同好们共同维护。现在有了这个 wiki，我打算在这里写很多的小组件，还有很多的自动化功能，大大减轻编辑者的负担。 在创建这个站点的过程中，因为涉及多次迁移服务器，所以我在这里记录一下迁移服务器所需要做的事情。 配置服务器 LAMP …

因为 psycopg 对异步的支持不是很好，配置容易出问题（不要试图反驳我），所以推荐改用 asyncpg 。 1. 安装依赖 pip install sqlalchemy[asyncio] asyncpg 2. 建立数据库连接和 Session from sqlalchemy.ext.asyncio import AsyncSession…

🔧 正确的 Alembic 使用步骤 这里是你 应该怎么做迁移 的完整流程（用一次记住，不会再糊涂）： 🥇 第一次迁移初始化（只做一次） 初始化 Alembic： alembic init alembic 生成 alembic.ini 和 alembic/ 文件夹。 修改 alembic.ini找到： sqlalchemy.url = sqlite…

上一篇文章我介绍了为了开发组件库而用的相关配置文件。这篇文章里，我会介绍在文件夹里并存两套配置的方法。 很明显，开发 Vue 组件库的时候，文件夹里不太可能只有组件本身的代码（当然你就那么做也不是不可以），文件夹里通常还有着一些测试内容，比如 App.vue ，它们和组件一起运行测试。在打包的时候我们只想打包组件，不打包测试内容。除此之外，还有很多…

如果想要在多个项目中使用同样的组件的话，每次手动导入会比较麻烦，使用 npm 包是一种便捷的做法。 不过，打包 npm 包的行为和打包为网页不太一样，我们不能够简单地直接把 build 的成果直接当做 npm 包。有几个地方需要注意，下面我把自己打包过程中的几个点总结一下。 package.json 的配置 小白需要先理解 package.json…

由于 Tailwind CSS 默认使用 Tree Shaking 机制，只保留项目中使用到了的类，所以 npm 组件库中写的模板类不会被使用。 对于这个问题，其实没有比较好的解决办法…… 我的解决办法是这样的：让 Tailwind CSS 把组件库扫描一下，保留里面用到的模板类。 创建一个 tailwind.config.js 配置文件： /**…

平时，网页的 JavaScript 报错只有在控制台才能看到，网页看上去就是停住不动了，也不知道发生了什么事情。 如果你不想让用户知道发生了什么的话，这样做是可以的。不过，如果我们想更加方便地看到到底发生了什么，或者明确提示用户网页发生了错误，那么我们还是应该把报错显示出来。 使用 vue 的全局配置处理报错 vue 的 app.config.er…