- 博客(14)
- 收藏
- 关注
RSS订阅原创 如何使用Next.js和GitHub Issues构建个人博客:从零到上线的完整指南
本文详细介绍了如何使用Next.js、GitHub Issues和Vercel从零开始构建并部署个人博客。包含技术栈选择、需求分析、开发过程和部署步骤等完整指南。
2024-08-08 23:53:15
1005
原创 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
981
原创 把 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
407
原创 React 极简低代码实现
这篇文章讲解如何使用 React 开发一个简易的低代码生成器，实现拖拽生成页面的功能。作者使用 Next.js 搭建项目，并详细介绍了项目需求、组件设计以及核心功能的实现方式。文章中重点阐述了如何利用 react-dnd 和 react-moveable 这两个库来实现拖拽和元素移动，并分享了开发过程中遇到的难点和解决方案。最后，作者公开了项目的 GitHub 源码地址，方便读者学习和参考。
2024-06-22 10:10:44
904
原创 两年前端工作经验的半年总结
"2024年半年回顾：前端打工人阿星的自我成长与目标调整。从React源码学习到Next.js实战，从书籍阅读到技术写作，阿星分享了他的半年进步与反思，以及对未来半年的量化目标和期望。例如：主人翁 意识，沟通能力，换位思考能力等等
2024-06-08 22:50:14
1753
原创 github copilot vs 通义灵码 vs 腾讯云 AI 代码助手
这篇文章介绍了三种流行的代码辅助工具：GitHub Copilot、通义灵码和腾讯云AI代码助手。GitHubCopilot以其强大的上下文理解能力著称，但需要付费且集成到VSCode时可能存在问题。通义灵码作为阿里云提供的工具，以其免费使用、代码续写和生成注释功能受到用户青睐。腾讯云AI代码助手则以其多样化的功能和准确的代码生成能力脱颖而出。文章通过作者的亲身体验，让读者了解这些工具的优缺点，帮助开发者选择适合自己的编程助手，提高开发效率。
2024-06-05 09:22:27
4253
原创 前端程序员速学 Redis
Redis 是一个内存数据库，以其高速度、简单操作和丰富的数据类型（如字符串、列表、集合等）而闻名。本文为初学者提供了一个快速入门指南，包括通过 Docker 安装、基础命令及在 Node.js 中使用 ioredis 库的示例。内容涵盖了常用操作，如 SET、GET、LPUSH、RPUSH 和 LMOVE，并解释了其原子性及实际应用场景，如缓存、消息队列和实时通信。通过这篇教程，您可以有效提升对 Redis 的理解，并提高应用性能。
2024-05-26 20:33:15
1042
原创 前端程序员如何学习 Dokcer （二）？
通过一个包含 Redis 和 Next.js 技术的项目，本文介绍了如何使用 Docker 和 Docker Compose 进行容器化部署，并实现数据持久化。同时指出目前还没有使用 Nginx 部署，Dokcer 镜像很大需要优化体积问题
2024-05-19 12:38:36
939
1
原创 一行代码让网站停止工作，亲测有效
一个正则表达式导致 灾难性回溯问题的解决，遇到 bug 不要慌，从简单到难的使用排查问题的方法。先定位到问题。例如：我遇到bug，先定位前端问题还是后端问题，再定位问题的大的位置，逐渐缩小范围，最终找到问题的位置。然后解决问题。有没有觉得这其实就是使用二分法的思想来定位问题。找到问题的代码了，那其实就胜利一大半了，剩下的就是写出正确的代码，做充足的测试，最后复盘这次 bug，以后不要再犯同样的错就好了！关注我的微🌟公众号：爱前端的阿星，每周分享前端知识。
2024-05-14 09:07:57
290
原创 更适合前端的 Docker 教程（一）
前端程序员自学 docker ，我们知道了什么是 Docker？它解决了什么问题？我们如何在电脑安装 Docker 环境？了解 Docker Desktop 和 VSCode Docker如何使用 Docker 进行简单的 Next.js 纯前端项目部署
2024-05-12 10:14:16
1898
1
原创 如何自学前端找到一份工作
如何从小白自学前端找到工作，这份自学前端保姆级教程收藏好，无论你是看视频还是读文档都可以，自学前端 从基础 HTML，CSS，JavaScript 三件套，到现代前端开发模式。框架（React，Vue）学习。到 包管理工具，构建工具（vite，webpack）CSS处理器，到进阶学习，Typescript，NodeJs ，小程序开发，设计模式，前端工程化，到最后项目，给开源社区贡献，最后分享了我在自学过程中的一些问题和后端如何快速入门前端
2024-05-06 22:54:23
782
原创 挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及 Diff 算法的概念及其相互关系
挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及Diff算法的概念及其相互关系，React 源码学习笔记
2024-05-05 23:09:32
716
1
原创 AI辅助编程，GitHub copilot chat 体验
最近，看到很多大佬分享 GitHub copilot chat ，据说能够让效率翻倍，抱着不相信，打假的心态我也弄一个，体验一下，结果真的很赞，下面分享使用 GitHub copilot chat 的过程
2023-06-27 00:56:27
981
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人