网站图片十分常用，尽可能让图片使用缓存，是一个提高页面效率的常见方法。那么页面如何判断图片是否已经缓存了呢？很简单，通过 HTMLImageElement.complete 属性就可以做到。 实现方式 const img = new Image(); img.src = 'xxx'; // 图片原地址 if (img.complete){ // 已经加载 } else { // 还没加载 } 通过这种方式，可以快速判断图片是否已经缓存，并可以结合这个方法进行不同的后续处理。 原理 利用 HTML…

初衷 其实市面上有几个不错的起始页，但是总觉得不是很满意，于是自己趁着没事，用一个星期瞎写了一个。 域名 start.xiaopangying.com 框架 我是很喜欢 quasar 框架，所以就用了它。 其实本来一开始完全手写，后来发现越写越大，都快成库了，大到布局、css库，小到按钮、对话框、List、Card 等，其实也写的差不多了，但后面每出一个内容，就要新写组件，头大，重复造轮子了，最头疼的是要不断测试（烦得一批），有点耽误工夫了，于是就直接上了 quasar。但之前写的框架内容还留着，没准哪天就成一整套…

起因 最近有人给我的 jz-gantt 提了个bug，说页面中放多个 gantt 组件会出现异常。我复现了一下，还真是。原因呢，也很简单，之前的升级小记中也记录过，就是因为 全局变量 冲突，当时没有意识到这会成为一个问题。这个之前还没考虑到，也是因为刚开始用 vue3，以为它会自动管理全局变量，但是，并不是~ 因为挂载多个组件，导致变量名重叠，最后只有最后一个挂载的组件中的变量会生效，这就导致了多个组件出现了异常情况。简单来说，之前那种全局变量的方法是真正的全局变量，它适合用在项目中，而并不适合用在组件中。 修改思…

2021就要过去了，转眼看看，这一年又是很快的一年。都说岁月难熬，可是时间就这么在不经意间匆匆流逝，谁也挡不住。 这一年过的飞快，我大体上分成了两半过。上半年在查缺补漏后端，下半年主要精力都放在前端上，有时候感觉时间真的不够用。 尤其是下半年，接触了CI，然后就想着把手头上所有的东西都搞起来，配合上 docker，简直不要太爽。 还有一个，我的文档站，docs.jeremyjone.com。本来开始只是写一个文档，现在慢慢让我搞成了一个信息集成站，还在一点一点往里面填东西。也算是把自己的知识进行一个梳理，这样查找起…

今天没什么事，下载了最新的 Visual Studio 2022，配套的 .NET 6 还是很厉害的。 虽然我还没使用，之前也看过不少介绍了，但还是在打开的一瞬间有不小的震撼。 来看一下一个 web 项目的初始代码吧： var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); var app = builder.Build(); // Co…

开始之前 万字长文，爆肝三天，一点一点把项目又搭了一遍，还找了很多文档，链接已经贴在相关内容中了，方便大家查看，同时也写了一些常见坑的填坑方式。创作不易，如果喜欢，请点个赞吧~ 同时，原文已经存放在我的文档中，地址 -> 这里。 Vue.js3 + Vite + TypeScript 从0搭建工程化项目模板 为简化每次初始化项目，最好的方法就是搭建一个项目模板，这样每次初始化的时候直接拉取就好，不用再一个一个进行配置，省去了大量时间。 该内容模板已经在 Github，如果需要，可以直接下载使用。具体使用方法可…

开始之前 vue3 虽然已经出了快1年了，也没怎么好好用过，就是刚出来的时候尝了个鲜。然后紧跟着就一直在鼓捣 .net 的东西，前阵子搞了搞 docker，最近终于有时间正儿八经的用一下 vue3 了。哪里上手呢，之前有人问我有没有升级 jz-gantt 组件的计划。正好赶着这段时间连学习带升级，把它搞了。 什么是 jz-gantt 具体的甘特组件，之前写过 文章，同时也可以到 GitHub 查看源码，放了两个版本。 文档我也更新了，在 这里。 欢迎有需要的朋友们点个 star，也欢迎提 issue。 升级小记 v…

开始之前 在写数据操作时，经常会与这两个接口打交道，它们有着几乎相同的方法，使用起来基本无二，甚至通过 As 方法可以相互转换。那么它们之间到底有什么区别，今天就聊聊这两个接口。 为了更好的理解，我们尝试使用如下语句进行理解： IQueryable<Project> projects1 = Db.Where(x => x.Id == projectId); IEnumerable<Project> projects2 = Db.Where(x => x.Id == project…

这几天需要升级 MySQL，又折腾了半天，这个升级之路还是有一点曲折的。 升级之前 在升级之前需要做几件事情： 做好备份 备份 /var/lib/mysql 路径下的所有文件 cp -r /var/lib/mysql /var/lib/mysql_backup 备份 /etc/my.cnf 文件 cp /etc/my.cnf /etc/my_backup.cnf 备份整个数据库 mysqldump -u<username> -p --add-drop-table --routines --events …

开始之前 之前在 vue2 中经常使用类似方法，直接 reuqire(<url>) 即可。今天在写 vue3 的内容时，遇到了，习惯性的填上了这个，结果发现不行~ 都怪我，确实还没完整的看上一遍 vite 的内容，就是一直使用而已。这下好了，赶紧一番搜索翻阅文档，vite 和 webpack 的核心差别还是挺大的，在 vite 中并没有这样的包。于是就有了下面的操作。 解决方法 对于所有动态拼接的路径，只要不是纯字符串的，就需要使用下面的方式。 Glob 在 vite 中，提供了 Glob 导入功能，可…