粥粥个人播客

Nuxt 学习之旅 1

文章在个人网站中发布，原文链接：Nuxt学习之旅1 前言 在AI时代的冲击下，单纯的切图仔或者会一点前端工程化和系统化，已经不是什么值钱的技能了。 为了不被时代滚滚的车轮轧到，决心趁着年轻学习一点全...

删除具有大量部署的cloudflare pages项目

文章在个人网站中发布，原文链接：删除具有大量部署的cloudflare pages项目 部署量不是很大 如果你的部署量也就是一两百，可以尝试手动删除旧的部署，删除到部署数量小于一百一般就能删除了。

记录一个纯CSS实现滚动驱动动画的效果

在vue中contenteditable元素的双向数据绑定

如何向页面中嵌入UnityWeb3D

随着现在设备性能的提升，向网站中插入3D模型已经不是啥稀奇事情了。而且插入3D元素能极高地提高用户体验，再加上一些用户交互就能给人非常惊艳的体验。 目前比较流行的Web3D技术有three.js、还有可视化...

自己写一个小小vue - getter与setter

我相信各位前端大佬和小佬们都听过这句话： vue2使用getter与setter来控制数据，vue3则直接使用proxy。 肯定有很多人像我一样，只管爽用vue就行，我管你什么getter、proxy的。不过这个东西在实际开发中是...

纯css实现跑马灯效果

先看效果 我是练习市场两年半的个人实习生，喜欢html、css、js。 我是练习市场两年半的个人实习生，喜欢html、css、js。 .marquee { overflow: hidden; white-space: nowrap; width:...

记一次将博客网站迁移

起因 因为某一天在gitlab上号时发现被下发了60天死亡通知，账号会在两个月后被删除，所以网站搬家就被提上了日程。 当然氪金是不可能氪金的，于是把主意打到了赛博活佛cloudflare身上。 步骤 转移仓库 gi...

纯css实现环形进度条

先看效果 这个环形进度条使用纯css制作，使用css变量控制进度，你可以打开开发者工具选中它改变它内联的css变量--progress: 60，进度和内容均会发生变化。 style[contenteditable]{ d...

纯CSS实现一个炫酷的输入框效果

先看效果 username .demo-input{ position: relative; height: 40px; width: 300px; margin: 8px; } .demo-input *{transition-duration: 100ms} .demo-input input{ width: 100%;...

巧用属性选择器纯CSS实现筛选器

先看看这个样例的效果 所有 黄色 红色 绿色 紫色 ‍ ‍ .filter{display: flex;cursor: pointer;user-select: none;} .fi...

我的简历编辑器上线了

立即进入 .enter-button { text-align: center; background: #0C9371; width: 300px; color: #fff; height: 50px; line-height: 50px;...