Reese Blog

我干了什么 究竟拿了时间换了什么

Python3 处理空白HTML占位空白字符

Python | 空白字符处理 | u3000 | x0a

unicodedata Python自带一个 unicodedata 的包, 方便部分字符中携带一些在网页中不可见的占位空白字符, 可以通过这个包进行过滤, 示例如下: 1 2 3 4 5 6 import unicodedata ucd.normalize('NFKC', '\n|\r|\t|\u3000|\xa0|\u2003') # '\n|\r|\t| | | '

Python将 PDF 转为图片和长图

Python | PDF | 图片

由于最近找工作, 发现很多 PDF 转图片都是收费的, 要么就是打水印的, 那只能利用程序能力解决了! 下面代码使用 Python 将 PDF 文件转为图片 依赖库 pillow pdf2image requirements.txt 1 2 3 4 5 # -i https://pypi.douban.com/simple # pdf2image pillow De...

js 双窗口同步滚动

JS | 双窗口同步滚动 | 简易 | demo | vue | tailwindcss

实现效果 核心代码 1 2 3 function scrollSync(syncTarget, sourceTarget) { syncTarget.scrollTop = sourceTarget.scrollTop / (sourceTarget.scrollHeight - sourceTarget.clientHeight) * (syncTarget.scrollH...

Python树形结构操作

Python | 树形数据 | 递归

工作开发中遇到人员管理或者菜单管理等需求时,会遇到树形数据操作的问题,这里提供两个通用的工具,用于生成对应结构. 平转树 1 2 3 4 5 6 7 8 9 # def lto_tree(items, ckey='children', fkey='father_id', key='id'): ''' 平转树 (! 注意这里修改原对象, 请深拷贝或避免反复调用) ''' f...

Docker + code-server 远程安全开发环境搭建

vscode-server 本身需要root权限,所以为了服务器的安全,这里使用 Docker 将开发环境运行在容器内,仅保留部分端口对外, 本例需要实现的基本功能如下:    浏览器开发    访问密码校验    zsh + ohmyzsh(powerlevel10k) 环境安装    Pyenv + Python3 安装    Nvm + node16 安装 ...

tailwindcss 安装失败的问题

tailwindcss | vue2 | 安装 | postcss7

Vue2 新安装 tailwindcss 经常会发生这个问题 project:(master) ✗ vue add tailwind project:(master) ✗ yarn serve ---------------------------------------------------------------------------------------------------...

Django 启动时预处理

Django | 预处理 | 自动执行脚本

预处理 部分业务场景下,在 Django 服务启动前需要执行一部分特定的操作,可以通过此方式配置。 1. 确认应用结构 1 2 3 4 5 6 7 8 ├── manage.py ├── app01 # 你的应用目录 | ├── __init__.py | ├── apps.py | ├── views.py | ├── ... | └── start.p...

Python 缓存函数 lru_cache + 过期时间 + hash对象支持

Python | 缓存 | 函数 | cache | hash | 超时缓存

functools.lru_cache 一个为函数提供缓存功能的装饰器,当下次以相同参数调用函数时直接返回上一次的结果。用以节约高开销或I/O函数的调用时间。 参数解释 maxsize=128 : 用于控制被装饰的方法最大可缓存结果数量,当超出数量外则按照 lru 规则剔除不常用的缓存;当设置为 None 时将取消缓存上限控制。 typed=False : 当设置为 True...

vue 动态样式生成

vue | style | 动态 | 样式

某些情况下,希望生成样式文件并生效,可以使用最简单的方法,插入 <style> 节点来实现。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script> export default { mounted() { const css = `.test { background-colo...

纯CSS实现 冻结行列的表格

HTML | CSS | 表格 | 冻结 | 固定 | 首行 | 首列 | 多列

冻结表格 冻结表格主要用到两个属性即可,给相应的单元格或表头表尾增加该属性,计算好位置即可 1 2 3 4 5 /* td 或 th 或 thead 或 tfoot 均可 */ table thead { position: sticky; top: 0; } 基础表格 表格代码 下面的例子都以这个例子修改, 额外增加了div.view用于测试滚动和固定 ...