最近找水印工具，发现全部都不支持自动宽度，我就希望找一款可以自动计算文本宽度并展开的水印工具，然后发现没有。于是手写一个，反正也不是很复杂。 然后就越写越多，目前我用着还算比较完善，直接开源，欢迎大家提意见和 PR。 简单介绍一下 任意位置：可以挂载到任意 DOM 节点上，以便在任意位置显示水印 动态计算宽度和高度：水印可以根据内容长度和容器宽度进行自适应调整，确保水印始终显示完整。 自动换行：当水印内容超过容器宽度时，水印会自动进行换行，以便适应容器的大小。 动态监听：X-Watermark 会监听 DOM 变化…

问题 最近工作写了个 H5 应用，本地、测试和正式环境都没啥问题，直接发版~ 嗯，然后就出问题了。有位大佬，用着18年的手机点开了应用。首页内容很长，好家伙，内容全部揉在了一块。真真是首屏展示全部。。。 期初我以为是懒加载的问题，可能机型比较老，不支持 IntersectionObserver，直接换成滚动懒加载，还是不行，我凌乱了。。。 排查 由于手机是人家大佬自己的，不可能给我测试用，我们这边也没有能复现的机型，给我整不会了。 既然是老机型，那一定是版本问题呗。打包降级，从 js 到 css，各种打包降级，还是…

随着电子书越来越多，普通文件夹再也难以承受，（尤其是最近网盘收藏了亿些些），所以搞个图书管理系统，就摆上了日程。 因为没用过盖面神器，所以没有具体了解过这个领域。仅仅是知道一点点，但仅限于本地电脑上的 Calibre，知道这玩意好像可以推送到 kandle，具体不了解。 我的需求： 电脑能看 手机能看 它们能同步看，也就是电脑上看了一半，手机上可以继续，而不用手动记录阅读点 能统一管理书籍 需求很简单，所以网上查了查，还是基于 Calibre，这玩意有 calibre-web，而且还是 docker 的方式，正好我…

问题 今天发现一个比较有意思的问题。我定义了一个 class，里面有一个 type 属性需要和 code 保持一致，所以很自然我就写了如下内容： class Node { code = ''; get type() { return this.code; } } 这个代码本身没什么问题，也可以正常取值： const node = new Node(); node.type; // 可以读取到对应的值 但是呢，问题来了，我使用这个对象往后端传递的时候， type 丢了~ 看了一下对象结构，估计是和…

今天倒库的时候，提示： Could not find a declaration file for module 'xxx' implicitly has an 'any' type. There are types at 'xxx/dist/index.d.ts', but this result could not be resolved when respecting package.json "exports". The �…

最近有个小需求，要求格式化数字之后，遇整取整，也就是 100.00 要展示 100。 这个功能也好做，没多想，直接在格式化后面添加： replace(/(?<=\.\d*)0+$|\.0+$/, '') 完美展示，发版~ 但是！！！！！ 问题就出现了，这是一个 app 插件程序，在电脑和 android 程序中都没问题。然后身旁的小伙伴拿个 iPhone 过来跟我说程序打不开了。 我郁闷了，手机里面还没有报错，一脸懵。 先是回退了一个版本，好了~ 嗯，那就是这个版本修改的问题。 找了个 M…

今天我的开源组件 @xpyjs/gantt star 数到了100。虽然没有刻意推广过，但是时不时还是会有人 star 我的仓库，很开心，这也是我持续搞它的动力。 目前我已经将 vue2 和 vue3 分成了两个版本，可以分别使用。 vue3 版本持续更新（虽然已经有阵子没动了，实在太忙了，但我会持续更新的） vue2 没有什么新内容了。如果有 bug，还是会持续改善的。 这个组件确实比较局限性，但是我觉得吧，它比目前我能搜到的开源组件还是要定制化一些，毕竟当时我是因为没有合适的，才会自己开发一个，感谢这些 sta…

vue2 版本的 elemtant-ui 的表格插槽需要使用 slot-scope="scope" 来传递数据。使用 vetur 时直接关闭了 template 的相关检查。 但是在 volar 中，它会直接报一个 scope 无法找到的错误： 此时应当弃用 slot-scope 字段，转而使用 v-slot，一切正常~ 包括 element-ui 的表格，使用正常~ 扩展 slot-scope 是 vue2 的老写法，接收默认插槽内容，等价于 v-slot:default 或简写为 v-slo…

在使用 TypeScript 时， *.vue 文件中经常也需要用到类型声明，但是只要是我们在组件内部定义的变量，无一例外在使用类型声明时都会报错： 这主要是 eslint 与 TypeScript 存在冲突。 eslint 中的 no-undef 规则是依赖配置的，而不是使用 TypeScript 来确定存在的全局变量 所有类型检查已经由 TypeScript 提供，所以无需在 TypeScript 项目中使用 no-undef 规则。这属于重复检查。 所以，我们只需要重写其规则即可。在 ESLint 配置文件中…

每次加载 element 的 table，当在 tabs 标签中切换时，table的宽度都会从一个较小值展开，看着就是闪烁，体验非常不好。 看了一下，我这里在它内部 table 标签不知道为什么要添加一个 style="width:320px" 的固定值，直接替换了就可以： table { width: 100% !important; } 嗯，使用起来没什么副作用。