使用 FastAPI+aiosqlite+databases 搭建服务端的基础用法
说明
本文是主要为从未使用过这些框架的人做一个介绍,并没有太多的技术含量。
连接池
首先先把我最焦虑的问题放在这里,到底要不要一个连接池?
我在 aiosqlite 的仓库中搜到了这样一条 issue,作者为我们介绍了为什么使用 sqlite 数据库时连接池不是那么重要。我并没有说它不重要,只是在轻量级使用中可以不在意这点。我这里把原文复制过来,并且把重要句子标粗。
Generally spea ...
拓展 marked 支持自定义表情
原理
为了方便,我只是拓展 renderer 里对于图片渲染的逻辑,处理我们自定义表情,官方文档地址:https://marked.js.org/using_pro#renderer
我们要把类似这样的图片:,也就是方框里填 @ 就认为它是我们的自定义表情,然后以后面的 href 为表情 id。
实现
1234567891011121314151617181920212223242 ...
异步加载 Vue 组件以减小 chunk 体积
问题
当你的组件过于复杂时,这里指它引用了非常多的第三方库,那么当你打包的时候或许会碰到下面的警告:
1234(!) Some chunks are larger than 500 KiB after minification. Consider:- Using dynamic import() to code-split the application- Use build.rollupOpti ...
Naive UI 使用独立 API 后警告 inject
解决方法
抽离出来一个单独的文件,用来储存 pinia 对象,如下:
123import { createPinia } from 'pinia'export const pinia = createPinia()
注意 main.ts 中的 app.use 也要用这个单独的文件暴露的 pinia 变量(也就是跨文件全局变量),之后再在调用 createDi ...
Nginx 反代跳转到 127.0.0.1 的错误
方案
找到你的 nginx 配置文件,把那个反代的配置加上请求头:
1234567location / { proxy_set_header HOST $host; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forw ...
Python 使用 pkgutil 访问包内资源
结论
pkgutil 是 python 的内置模块,可以用来打开包内文件。
使用的时候如下:
123456import pkgutildef foo(): data: bytes = pkgutil.get_data(__name__, 'file.txt') content: str = data.decode('utf-8') prin ...
记一次重构三个月前的 Vue 项目
简介
是我之前写过的一个图片切割器,这是 GitHub 链接,其主要功能是通过 canvas 对图片进行一个切割,从而达到发朋友圈、个人资料大图片的一个效果。
用到的库有:Vue, Pinia, Tailwind CSS。
这是我三个月前一晚上加工出来的粗糙产物,所以说有比较多的槽点,也算是新人容易犯的一些错误。
重构点
这里列出几个大的点。注意,尽管有些地方我用的是 HTML 代码块(右上角或左 ...
利用 rply 写一个计算相对分子质量的工具
概述
rply 是一个 python 的 lexer/parser 生成器,然而我知道它的原因是那个号称自主研发的木兰语言用了它。 这里是官方文档链接。
利用它能很方便的解析字符串,由于某个玩具语言我还是稍微懂一点这套流程的。
目前这个工具基本完成,已经开源到 GitHub 上:https://github.com/kifuan/chemcalc
效果
把 README 的复制过来了:
12345 ...
Python + inspect 一行实现递归 fib 函数
背景
有个裙友要看看用 lambda 能不能在一行里定义出来 fib 函数,并且不要那个根号五的数学公式,于是就有了这篇文章。
介绍
inspect 库可以帮助我们拿到 Python 上下文的各种信息,自然也包括了当前正在运行的函数。配合 eval 可以达到我们的目的。
实现
原始方法
虽然大家都知道,但还是放上来做一个对比。
1234567def fib(n): if n in (1, 2 ...
Vue Router 搭配 NaiveUI 的进度条
介绍
由于 naive ui 的进度条需要依赖于一个 NLoadingBarProvider,所以我们在定义 router 的时候是无法使用 useLoadingBar() 获取到进度条对象的。
我的解决方法是利用 pinia 把 loadingBar 示例获取到,然后存起来,这样就可以访问到了。
这里用 pinia 的原因单纯是因为它简单好用,并且还能在浏览器插件里看到变量的值,而单纯的全局变量 ...