- 博客(14)
- 收藏
- 关注
原创 如何使用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关注的人