丁少华

摘要： 没有ide 和 Cursor 不同，它没有做自己的开发编辑器，而是以插件的形式发布。 Jetbrains、VS Code、GitHub 以及 Slack 甚至 Vim 都可以以插件的形式去使用它！ 对了，新用户免费使用半个月，之后便会以 50刀/每月 高昂的费用收取！ vscode安装 只需要在vs 阅读全文

摘要： 背景 我要监听一个视频播放当前进度时间，并把显示到页面上。 使用传统state function DemoOne() { const [currentTime, setCurrentTime] = useState(0); const videoRef = useRef<HTMLVideoEleme 阅读全文

摘要： 前言 有时候，navigator.clipboard对象可能会不存在。 因为我们要做一套降级处理！ 封装 copy.js function fallbackCopyText(text) { const textarea = document.createElement("textarea"); te 阅读全文

摘要： 当发布 TypeScript 编写的 npm 包时，应该遵循一些最佳实践来确保包的可用性和可维护性。以下是推荐的项目结构和发布流程： 推荐的项目结构 my-package/ ├── src/ # TypeScript 源代码 │ ├── index.ts # 主入口文件 │ └── ... # 其他 阅读全文

摘要： 定义变量文件 随便写一个scss文件，比如在 src/assets/var.scss $my-color: #00b96b; 打包工具配置 不同工具 如webpack、vite有不同的处理方式加载到全局 vite // vite.config.ts import { defineConfig } f 阅读全文

摘要： 前言 我原图2MB的png，使用webp后为1.2MB，使用avif就只有500kb了，而且还是原图高保真！ 最后兼容性也上去了 这比我之前常用的 webp 还给力！ 安装 Windows: vcpkg install libavif Macos: brew install libavif 或者下载 阅读全文

摘要： 前言 node v23开始直接支持ts，也就是说可以直接 node xxx.ts。 但是v23成为lts还需要几个月时间吧。 那么再次之前我们应该怎么让他支持呢？ tsc 标准的做法，将ts打包成js，然后再运行js。 效率低下，不方便！ ts-node 支持直接运行ts脚本： npx ts-nod 阅读全文

摘要： 不支持extends prettier配置并不支持 extends 关键字，但是我们可以手动合并，比方说我们下载了一个配置包 @repo/config-prettier，我们可以如下继承到自己项目中 // prettier.config.js const configPrettier = requi 阅读全文

摘要： 前言 与通过npm安装的prettier关联 vscode 的 prettier 扩展，会优先使用 你项目中明确安装的 prettier（既 npm i prettier --D） 的版本， 如果你没有安装，则会扩展使用自己 捆绑内置的 比较旧的 prettier。 内置的 prettier 版本 阅读全文

摘要： <template> <div class="app"> <div> <el-checkbox v-model="crossPage">跨页全选</el-checkbox> </div> <el-table ref="tableRef" :data="dataRender" row-key="id" 阅读全文