填坑记

昨天在翻修旧项目的过程中看到了两个非常不推荐的代码习惯，虽然能用，但很容易留坑，而且，奇怪的是，以前带新人的时候，也经常会看到这两种写法，也许是一个通病问题，今天整理出来简单分析分析

在使用 react-draggable 库实现拖拽时，一旦拖拽结束，就会误触被 <Draggable> 包裹的元素中的 `click` 事件，本文介绍解决这个问题的方法

robots.txt是一种存放于网站根目录下的ASCII编码的文本文件，它通常告诉网络搜索引擎的漫游器（又称网络蜘蛛），此网站中的哪些内容是不应被搜索引擎的漫游器获取的，哪些是可以被漫游器获取的

每次看别人写的 SOLID 设计模式案例时好像都很好理解，也感觉自己已经看懂了，但在真正写代码的时候总感觉哪哪都不对劲，又说不出哪里有问题，这次从一次实践中，重新思考思考。

使用 typescript 写 node ，本来以为在 vscode 上调试是件很容易的事情，结果还是踩了一些小坑。本文记录一下踩坑的过程和具体的解决方案。分别通过 tsc 和 ts-node 实现。

公司有个工具型的项目，由最开始 PC 网页版，一共延伸出 9 个端，感觉现阶段的项目框架设计不够“优雅”，甚至有点臃肿。决定尝试使用 pnpm + workspaces 的方式进行优化

将 gif 图片中的每一帧切割出来，让用户自行选择里面需要用到的帧，再将其重新组合。获取 gif 中的每一帧图片，把 gif 转换成一张张 png 图片。

从 19 年 iPadOS 发布后（首版应该是 iPadOS13），苹果偷偷修改了iPadOS 的 userAgent。目的是实现“请求桌面网站”，让 iPad 更像一台 PC 电脑，而不一台手机。

每次定义 Table 的操作列时，都要写一大堆重复的“模板代码”，一来效率低，二来不便于通过交互细节，故对这个场景进行抽象封装，整理成一个通过组件

封装 antd 的 Upload 组件，将图片直传到七牛云。要点：受控组件、beforeUpload 时获取随机文件名、对外暴露文件线上 URL