kooriookami

我很高兴的向大家宣布，经过我们 3 年多开发的 LeaferJS 开源引擎终于打磨成熟，迎来了正式版的发布～...

项目起因 事情是这样的，前不久看到一个国产的开源canvas 2d框架（leaferjs）做的非常棒，于是就跃跃欲试，打算用这个框架搞点什么，于是最终决定搞一个开源的在线的...

最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 ...

Canvas 文本排版 前言 Canvas 原生的文字排版功能很薄弱，甚至做不到自动换行。相较之下 HTML 的排版功能就很强大了。今天我们就来探索一下 Canvas 排版...

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。...

重构心得 前言 Element Plus 有两个下拉选择器，Select 是真实 Dom 选择器，继承自 Element UI；SelectV2 是虚拟选择器，后来新写的。...

像素风图片编辑器的核心框架从Konva替换为了Leafer，并且实现了用图片去像素化的基本Demo！...

vue3的内存泄漏 在项目中会发现一个奇怪的现象，当使用element-plus中的图标组件时会出现内存泄漏。详情查看 解决方案1：关闭静态提升。详情查看 解决方案2：文末...

代码片段 闲来无事写了个有意思的东西，鼠标放在小方块上会放大并挤压周围方块，背景颜色会动态改变。这里没有用一行 js 代码，纯样式（Sass）实现。 实现方式 下面只展示核...

在 JavaScript 中，NaN（Not-a-Number）代表一个特殊的非数字值。当你需要检查一个值是否为 NaN 时，通常会借助 isNaN() 函数。然而，随着 ...

效果 优点 避免了 el-form-item 规则提示信息过长换行显示不全问题 聚焦直接显示规则状态变化，得以及时提醒用户输入 输入过程中，直观感受到所有规则以及校验情况 ...

ES是ECMAScript的缩写，也就是JavaScript的标准化规范。ECMAScript是一种由Ecma国际组织制定的脚本语言标准，它定义了JavaScript的语法...

Select V2 虚拟列表选择器 前言 万条数据的列表选择器，若一次全部渲染则性能不佳。在 Vue 3 中，可使用 Element Plus 的 Select V2 虚拟...

Leafer 是新开源的一个 2D 图形绘制库，目前已经有了 1.1k 的 Star 数，成长趋势非常不错，本篇将带大家实现一个 Leafer 插件...

游戏王卡片 Yugioh Card 前言 我曾在 3 年前制作了一个游戏王卡片生成器的网站，当时用的技术是 dom + css 渲染卡片。在不同浏览器渲染的结果差异挺大（需...