- 博客(28)
- 收藏
- 关注
RSS订阅原创 谷歌放大招了！全新升级的多模态能力，强到离谱
大家好，我是 luckySnail，就在昨天谷歌的 Gemini 2.0 Flash Experimental 原生多模态生图功能正式发布，玩了几个小时候，我真的迫不及待的想分享一下，太强大了！先看看它能做的事情：图片生成图片编辑创建图片故事设计生日贺卡我们先看一下效果，最后再讲如何体验，如果你想直接体验，可以直接下滑到「使用教程」
2025-03-14 08:30:00
417
原创 借助 Cursor 做了第一个全栈项目，帮你将内容转为美观的图片
虽然这个项目业务逻辑不复杂，但是真正开发到上线还是需要一段时间，下面分享一下我的项目开发收获吧！对请求头，响应头理解更深，熟悉了 Restful 风格 API熟悉了全栈项目开发流程，深刻感受到 后端 > 前端 😭，但是依然热爱前端🩷数据结构真的很重要，好的数据库设计能够减少很多开发量AI 真的很强大，但是前提是在开发者本身就不差的情况，感觉 AI 在强者手中能够发挥更大的价值不要造轮子（有这时间可以读别人的源码，个人觉得更有价值），多看看 github ，了解最新技术动态！
2025-03-13 08:37:40
993
原创 图片 或者视频转为 ASCII
网站地址：https://ascii.luckysnail.cn/最近刷抖音，发现了一个叫“青海摇”的舞蹈视频，看第一遍的时候觉得好土，感紧划走，但是这个舞蹈视频深深的留在了我的脑海里，于是我偷偷又看了一遍，结果发现人家靠这个舞蹈赚麻了，想起了评论区的一句话：“一开始以为人家是一个笑话，最后发现我才是那个笑话”，最搞笑的是人家现在已经在解决就业问题了，但是要求是：学历最高不得超过大专（dog），哈哈哈哈，本科成案底啦！看了一会后，我想能不能做一个字符版的，刚好最近 Cursor 写代码嘎嘎快，说干就干。
2024-12-29 18:24:12
897
原创 实现一个前端开发都使用过的工具
最近在系统学习 nodejs，学到 http 模块的时候，想着写个东西熟悉一下相关的 API，那写个什么呢？也不知道怎么得鼠标点击了一下右键发现了它 ，相信每个前端都不会陌生，我们最开始学习前端都会安装的插件：https://open-vsx.org/extension/ritwickdey/LiveServer，它能帮我们启动具有和功能的。我们一般都会使用它来打开我们的 html 文件，使用它启动有很多好处：实时预览，文件更改自动刷新游览器，支持静态和动态页面的实时更新解决不能访问本地文件问题。
2024-12-29 18:23:15
870
原创 tytemd 中如何实现图片懒加载
大家好，我是 luckySnail ,周五正当我和 AI 如胶似漆的时候，后端同事突然和我说有一个地方需要我优化一下，我就问他，什么快和我说，他打开一个项目页面，然后打开控制台和我说，你看，这个网页刚进入就把所有图片都请求了了一次，并且因为请求太多图片导致触发了我们设置的最大限制，导致后面的图片直接请求失败，从而导致左侧图片都是加载失败的样子好家伙，这都是老板白花花的银子呀！赶紧修复上线，可是怎么修复呢？
2024-12-29 18:21:02
656
原创 前端正在被“锈”化
而且 Biome 还赢得了 prettier 挑战赛的 20000 元美金，感兴趣的可以看：https://biomejs.dev/blog/biome-wins-prettier-challenge/。我们可以使用这两个命令来实现，更多细节：https://biomejs.dev/zh-cn/guides/migrate-eslint-prettier/。4. [使用 biome 的新项目](https://github.com/chaseFunny/new-project-with-biome)
2024-12-29 18:20:26
727
原创 从 DeepSeek 到宇树机器狗：中国技术的全球突破
大家好，我是 luckySnail。今天，我们来看看中国在人工智能和机器人领域的重大突破——DeepSeek 和宇树科技。终于我们不再是跟随者，可以上了牌桌一起玩游戏了。我们开始从应用创新转向核心技术创新并且让更多人看到，所以这两个产品在我看来有非常重要的意义。拥有 1万枚英伟达 A100 芯片的幻方发布最新deepseek V3 在很多地方已经超过了国外了最新模型。这种“家境贫寒穷小子”通过创新逐渐超过西方“声名显赫大家族”的逆风翻盘故事谁又不爱呢？夸张的说，真的是短剧的剧情照进了现实。
2024-12-29 18:19:19
2406
原创 好爱土味视频，但是不好意思看，于是专门做一个网站
这篇文章详细记录了作者如何使用Next.js和Cursor AI助手开发一个将图片和视频转换为ASCII艺术的网站从需求分析、上传组件开发、ASCII转换功能实现，到全局页面布局和作品集展示，完整展现了现代前端开发流程。文章突出了AI辅助编程如何提升开发效率，
2024-12-10 15:18:59
908
原创 cursor 使用经验分享
深入 Cursor AI 编辑器的核心功能与实战经验。从代码补全、终端对话到文档集成，详解如何利用 AI 提升开发效率。对比 Windsurf，分享会员使用技巧，助你掌握 AI 辅助编程新方向。
2024-11-25 22:56:25
7602
原创 价值千金的 AI 系统架构图
这篇文章介绍了一种未来的AI系统架构愿景，涵盖数据处理、代理编排、模型优化及系统记录。通过模块化设计，系统实现了灵活性和扩展性，适用于复杂任务和大规模应用。了解此架构有助于开发者更好地使用和参与AI系统开发。
2024-11-25 22:53:48
523
原创 面向对象编程 vs 函数式编程
面向对象编程（OOP）和函数式编程（FP）的核心概念与差异。通过实现Todo List的实例，对比两种编程范式的特点、优势和适用场景，帮助开发者选择最适合的编程方式，提升代码质量。
2024-11-10 21:49:40
1254
原创 懂前端的都知道这里的门道有多深 - js 的事件循环
深入理解JavaScript事件循环机制，浏览器的渲染进程、渲染主线程和事件循环机制。帮助前端开发者理解为什么JavaScript是单线程的，浏览器如何通过事件循环机制来处理异步任务和消息队列的优先级
2024-11-02 15:22:39
672
原创 大模型检索增强生成技术（LLM RAG）的前世今生
介绍 RAG（检索增强生成）技术在大语言模型中的应用。它解释了RAG的概念、产生背景、系统组成和工作原理。文章还介绍了RAG如何解决LLM的局限性，以及如何构建一个RAG聊天机器人入门教程
2024-10-12 09:02:41
920
原创 DOM元素导出图片与PDF：多种方案对比与实现
这篇文章详细介绍了将HTML DOM元素转换为图片或PDF的多种方法，包括使用html2canvas、dom-to-image、Puppeteer和canvas原生绘制等技术。文章分析了每种方法的实现过程、使用场景、优缺点，并提供了代码示例，帮助开发者根据具体需求选择合适的解决方案。
2024-09-27 16:16:31
1667
原创 如何使用Next.js和GitHub Issues构建个人博客:从零到上线的完整指南
本文详细介绍了如何使用Next.js、GitHub Issues和Vercel从零开始构建并部署个人博客。包含技术栈选择、需求分析、开发过程和部署步骤等完整指南。
2024-08-08 23:53:15
1495
原创 multi-repo 和 mono-repo 代码管理方式了解（附实践源码）
我们业务项目基本上都是 multi-repo，但是multi-repo 项目如果要开发多个库，然后这些库互相有依赖关系，那么协同就很麻烦，就比如 React 项目，我们知道 React 项目下面有 React 核心库、React DOM、React Native ，这些模块之间有许多共享的代码和依赖。，这将会根据 turbo.json 的配置，并行构建所有的应用和包。上面也说了，类似 React 这样的项目，使用 mono-repo 就再适合不过了，但是 mono-repo 的缺点也是有的，
2024-07-03 21:57:49
1319
原创 把 iconfont 的图标下载到 React 项目中使用
如果使用发现图标自带颜色，那么是因为图标本身是有颜色的，那么在通过 symbol 获取图标时会在 svg 的path 中增加 fill 属性，导致无法更改颜色，如果需要动态修改颜色，需要重新添加该图标(无色的图标)，两种方式修复这个问题 1）获取在 symbol 的 js 文件中程序删除 fill 属性，打开对应 js 文件，全局搜索 fill，删除对应的代码（代码示例：fill="#181818"） 2）去 iconfont 去色后生成新的 js 文件，使用新的 js 文件，3）点击购物车，添加到项目。
2024-07-03 21:57:01
672
原创 React 极简低代码实现
这篇文章讲解如何使用 React 开发一个简易的低代码生成器，实现拖拽生成页面的功能。作者使用 Next.js 搭建项目，并详细介绍了项目需求、组件设计以及核心功能的实现方式。文章中重点阐述了如何利用 react-dnd 和 react-moveable 这两个库来实现拖拽和元素移动，并分享了开发过程中遇到的难点和解决方案。最后，作者公开了项目的 GitHub 源码地址，方便读者学习和参考。
2024-06-22 10:10:44
1392
原创 两年前端工作经验的半年总结
"2024年半年回顾：前端打工人阿星的自我成长与目标调整。从React源码学习到Next.js实战，从书籍阅读到技术写作，阿星分享了他的半年进步与反思，以及对未来半年的量化目标和期望。例如：主人翁 意识，沟通能力，换位思考能力等等
2024-06-08 22:50:14
2099
原创 github copilot vs 通义灵码 vs 腾讯云 AI 代码助手
这篇文章介绍了三种流行的代码辅助工具：GitHub Copilot、通义灵码和腾讯云AI代码助手。GitHubCopilot以其强大的上下文理解能力著称，但需要付费且集成到VSCode时可能存在问题。通义灵码作为阿里云提供的工具，以其免费使用、代码续写和生成注释功能受到用户青睐。腾讯云AI代码助手则以其多样化的功能和准确的代码生成能力脱颖而出。文章通过作者的亲身体验，让读者了解这些工具的优缺点，帮助开发者选择适合自己的编程助手，提高开发效率。
2024-06-05 09:22:27
10953
原创 前端程序员速学 Redis
Redis 是一个内存数据库，以其高速度、简单操作和丰富的数据类型（如字符串、列表、集合等）而闻名。本文为初学者提供了一个快速入门指南，包括通过 Docker 安装、基础命令及在 Node.js 中使用 ioredis 库的示例。内容涵盖了常用操作，如 SET、GET、LPUSH、RPUSH 和 LMOVE，并解释了其原子性及实际应用场景，如缓存、消息队列和实时通信。通过这篇教程，您可以有效提升对 Redis 的理解，并提高应用性能。
2024-05-26 20:33:15
1135
原创 前端程序员如何学习 Dokcer （二）？
通过一个包含 Redis 和 Next.js 技术的项目，本文介绍了如何使用 Docker 和 Docker Compose 进行容器化部署，并实现数据持久化。同时指出目前还没有使用 Nginx 部署，Dokcer 镜像很大需要优化体积问题
2024-05-19 12:38:36
1008
1
原创 一行代码让网站停止工作，亲测有效
一个正则表达式导致 灾难性回溯问题的解决，遇到 bug 不要慌，从简单到难的使用排查问题的方法。先定位到问题。例如：我遇到bug，先定位前端问题还是后端问题，再定位问题的大的位置，逐渐缩小范围，最终找到问题的位置。然后解决问题。有没有觉得这其实就是使用二分法的思想来定位问题。找到问题的代码了，那其实就胜利一大半了，剩下的就是写出正确的代码，做充足的测试，最后复盘这次 bug，以后不要再犯同样的错就好了！关注我的微🌟公众号：爱前端的阿星，每周分享前端知识。
2024-05-14 09:07:57
572
1
原创 更适合前端的 Docker 教程（一）
前端程序员自学 docker ，我们知道了什么是 Docker？它解决了什么问题？我们如何在电脑安装 Docker 环境？了解 Docker Desktop 和 VSCode Docker如何使用 Docker 进行简单的 Next.js 纯前端项目部署
2024-05-12 10:14:16
2211
1
原创 如何自学前端找到一份工作
如何从小白自学前端找到工作，这份自学前端保姆级教程收藏好，无论你是看视频还是读文档都可以，自学前端 从基础 HTML，CSS，JavaScript 三件套，到现代前端开发模式。框架（React，Vue）学习。到 包管理工具，构建工具（vite，webpack）CSS处理器，到进阶学习，Typescript，NodeJs ，小程序开发，设计模式，前端工程化，到最后项目，给开源社区贡献，最后分享了我在自学过程中的一些问题和后端如何快速入门前端
2024-05-06 22:54:23
1042
原创 挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及 Diff 算法的概念及其相互关系
挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及Diff算法的概念及其相互关系，React 源码学习笔记
2024-05-05 23:09:32
929
1
原创 AI辅助编程，GitHub copilot chat 体验
最近，看到很多大佬分享 GitHub copilot chat ，据说能够让效率翻倍，抱着不相信，打假的心态我也弄一个，体验一下，结果真的很赞，下面分享使用 GitHub copilot chat 的过程
2023-06-27 00:56:27
1108
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人