前端的日常

前言 你是否还在找前端学习图，来看看我整理的这份图吧，前端学习路线图，从入门到进阶，一网打尽！再也不用担心找不到前端学习路线了！ 我决定使用象限图来展示前端学习路线图，因为...

前言 上一篇文章，我们使用Trae帮我们实现了动漫人物跟随鼠标移动的效果，那么我们今天就来使用Trae实现一个输入密码时，挡住动漫人物眼睛的效果。 这次的效果难度应该也是差...

前言 你是否看到一个登录页面，它的背景是一个充满活力的动漫人物，她的眼睛会跟随你的鼠标移动，仿佛在注视着你。 这个页面不仅美观，而且富有互动性，让人眼前一亮。那么，这个页面...

前言 现在，数据越来越多，也越来越复杂，就像一堆乱麻，我们得想办法把里面的关键信息找出来，还得让人一眼就能看明白。 3D 数据可视化就像是给这些乱麻找到了一个好用的展示架，...

前言 你是否也好奇前端能不能实现地铁线路图的效果，答案是可以的。 本文将使用Trae帮我们实现地铁线路图的效果，并且通过SVG实现鼠标跟随效果。 为啥使用SVG？ SVG是...

前言 在游戏圈里，有些游戏是靠画面、剧情和特效来吸引玩家的，而俄罗斯方块，它靠的是一股“魔性”。这游戏，简直就是方块界的“祖师爷”，从诞生那一刻起，就注定了不平凡。 今天我...

前言 有一次在逛网站，返现一个很好玩的特效，输入文字，然后回车，文字就被中心的黑洞所吸引，最终消失在黑洞里面，于是我让Trae基于对全网粒子动画进行搜索，然后找到最佳实践并...

前言 在朋友圈看到九宫格图片时，那种整齐划一的视觉冲击力总能吸引无数点赞，你是否好奇过它是如何实现的？ 今天，我用Trae AI IDE在短短几分钟内就实现了这个看似复杂的...

灵感来源 这个鼠标跟随项目的灵感来自于那些充满创意的交互网站。我一直被那些细腻的鼠标跟随效果所吸引，特别是当光标不再是单调的箭头，而是一个会"思考"的图形时，整个用户体验都...

当AI帮我写情书：一个前端程序员的七夕告白 七夕前一周，女朋友突然在视频通话里托着腮说："想要个会动的爱心。"我好像不会这玩意——作为一个写了五年vue管理后台的前端工程师...

前言 最近在浏览一些前沿的网页设计网站时，我被一些具有流体动态效果的交互设计所吸引。特别是那些随着鼠标移动产生烟雾、流体效果的网页，不仅视觉上令人惊艳，而且大大提升了用户体...

前言 七夕，这个充满浪漫气息的传统节日，总是让人心生期待。对于程序员来说，虽然我们日常与代码为伴，但浪漫的心思也从不缺席。今年七夕，不妨用一种特别的方式表达爱意——用代码绘...

前言 在开发过程中，我们常常需要对现有的UI组件进行二次封装，以满足特定的业务需求。 最近，我在项目中遇到了一个需求：需要实现一个自定义的下拉框，用户可以选择预设的选项，也...

前言 在前端开发的世界里，我们常常依赖各种UI框架来快速搭建界面，这些框架就像是一套现成的工具箱，能大大节省我们的开发时间。 Ant Design Vue（antdv）就是...

前言 在如今这个信息爆炸的时代，我们的生活节奏越来越快，时间也变得越发宝贵。很多时候，我们希望能够一边做自己的事情，一边享受娱乐内容。 B站作为国内领先的视频分享平台，拥有...

前言 如果你经常使用Vercel进行项目部署，你可能会遇到一些不便。 Vercel是一个强大的无服务器平台，支持快速部署和自动缩放，但它也有一些局限性。例如，Trae（假设...

前言 在上一篇文章中，Trae帮助我们深入理解了MCP（Model Context Protocol）是什么，以及MCP标准输入输出的格式。MCP是一种轻量级的通信协议，通...

什么是MCP？ MCP（Model Context Protocol）是一种让AI模型与外部工具通信的标准协议，它通过标准输入输出（stdin/stdout）进行通信，使用...

很多前端同学想学Canvas，但看到官方文档的API就头大，瞬间打消学习的兴趣。 今天咱们就使用Trae，用一个超简单的动态时钟，把Canvas的核心概念一次讲清楚。 先来...