2026年2月9日
uniapp多边形动画
摘要： 实现效果 使用三角形，四边形等拼成一个爱心的图形。 爱心的图形一段时间会有高光闪过。 点击爱心图形会使拼成一个心字。 [video(video-iyxwCynj-1739523100465)(type-csdn)(url-https://live.csdn.net/v/embed/463437)(i 阅读全文
posted @ 2026-02-09 10:23 Ccarrote 阅读(6) 评论(0) 推荐(0)
uniapp中使用canvas和requestAnimationFrame显示粒子动画
摘要： 实现效果 在canvas中显示根据帧率（fps）和粒子数量（numbers）生成随机颜色大小以及速度的粒子（particles）。 帧率和粒子数量可随时更改，更改完后视图也会更新。 添加开始动画和停止动画按钮。 [video(video-wMeXRCFD-1744358613881)(type-cs 阅读全文
posted @ 2026-02-09 10:22 Ccarrote 阅读(3) 评论(0) 推荐(0)
前端实现速度线
摘要： 功能 前端实现速度线，在矩形内生成黑白三角形且闪动。 思路 速度线可以使用多个角度相同的三角形分解矩形。三角形的渲染使用canvas连线fill就行，三角形在矩形上的两个点可以通过计算每个三角形的边长来获取。三角形在矩形上的边长使用三角函数获取。 HTML结构：包含一个画布（Canvas）用于显示图 阅读全文
posted @ 2026-02-09 10:21 Ccarrote 阅读(2) 评论(0) 推荐(0)
上传图片修改透明边距并下载下来
摘要： 功能 允许用户上传图片，并在图片周围添加透明边距。用户可以调整边距的大小，然后将修改后的图片下载为PNG格式。 思路 HTML结构：包含一个画布（Canvas）用于显示图片，以及一些输入框和按钮用于调整边距和下载图片。 CSS样式：定义了页面的基本布局和样式，使页面居中显示，并设置了画布的大小和边框 阅读全文
posted @ 2026-02-09 10:21 Ccarrote 阅读(5) 评论(0) 推荐(0)
flv.js使用记录
摘要： 目前主流浏览器不能直接嵌入并且播放FLV文件，所以在网上找到开源插件flv.js并封装组件以便使用 首先创建vue插件，在mounted的时候使用$nextTick创建flvPlayer对象 然后监听url防止url未获取就初始化 <template> <video class="video-com 阅读全文
posted @ 2026-02-09 10:19 Ccarrote 阅读(3) 评论(0) 推荐(0)
2026年2月3日
element-ui小技巧
摘要： 1、表格内容超出隐藏鼠标浮上去显示文字提示 如下可以先在el-table-column标签上添加宽度属性再添加show-overflow-tooltip属性 <el-table-column prop="name" label="姓名" width="120" show-overflow-toolt 阅读全文
posted @ 2026-02-03 16:29 Ccarrote 阅读(5) 评论(0) 推荐(0)
wangeditor5自定义扩展设置图片宽高（px）
摘要： ​ wangeditor设置图片宽高默认有30%、50%、100%三种等比缩放选择，但是有的时候需要按照像素控制图片大小不在乎图片是否有拉伸的情况。所以只能编写设置图片宽高的自定义扩展。 ​编辑 1、设置图片大小最好就是与原生一样放置到选中工具栏上最合适，且因为要设置宽高两种属性所以用弹窗嵌套表格方 阅读全文
posted @ 2026-02-03 16:25 Ccarrote 阅读(11) 评论(0) 推荐(0)
2024年10月16日
使用node把git当前代码分支的本地代码保存到暂存区
摘要： 使用node的child_process模块中的spawnSync同步执行命令 const { spawnSync } = require('child_process'); 使用spawnSync方法获取当前git状态，因为js文件在项目外所以添加cwd控制命令执行路径为项目根目录 const { 阅读全文
posted @ 2024-10-16 09:56 Ccarrote 阅读(65) 评论(0) 推荐(0)
2024年10月14日
node 命令行回答交互
摘要： 在Node.js中，可以使用readline模块创建命令行交互式程序。以下是一个简单的例子，它会询问用户的名字，并打印一个欢迎信息。 const readline = require('readline'); const rl = readline.createInterface({ input: 阅读全文
posted @ 2024-10-14 17:25 Ccarrote 阅读(34) 评论(0) 推荐(0)
2023年7月14日
TypeScript类型兼容性取值问题
摘要： 如下代码，x为Named类型，把y（多了location属性）赋值给x，这时Named类型虽然只有一个name属性但是x里是存了两个属性的。 但是用x['location']可以成功取出，用x.location则会报错，不是很理解这两种取值方式有什么不同导致这种情况？ interface Named 阅读全文
posted @ 2023-07-14 15:52 Ccarrote 阅读(20) 评论(0) 推荐(0)
下一页