- 博客(18)
- 收藏
- 关注
RSS订阅
原创 Vue 3 下拉菜单组件实现及解析
下拉菜单是一种常见的用户界面元素，在本文中，我们将使用 Vue 3 和 TypeScript 创建一个下拉菜单组件，并深入解析其实现细节。我们将创建一个名为 DropdownMenu 的 Vue 3 组件，它将接受一组选项作为参数，并允许用户通过点击按钮来选择。通过本文，我们了解了如何使用 Vue 3 和 TypeScript 创建一个简单而功能强大的下拉菜单组件。我们深入研究了组件的各个部分，包括模板、脚本和样式，并解释了它们的作用和实现细节。
2024-03-21 10:05:33
4064
原创 ReactDOM 18版本 使用createRoot 替换render详解
React 18 提供了两个 root API，被称之为 Legacy Root API 和 New Root API，在本文我将介绍二者的区别，以及新api的优势和使用方法
2024-06-04 12:18:33
928
原创 深入理解Vue 3中的自定义Hooks
Vue 3的Composition API为前端开发者提供了更灵活、更强大的工具，其中自定义Hooks是其重要特性之一。本文将深入探讨Vue 3中自定义Hooks的原理、用法和实现方式。我们将通过简洁明了的代码示例和实际应用场景，带领读者深入理解如何利用自定义Hooks提高代码的复用性、可维护性以及开发效率。随着对Vue 3自定义Hooks的深入理解，开发者将能够更加灵活地构建现代化的前端应用。
2024-04-11 18:22:49
1053
原创 Prisma 入门教程4-深度嵌套事务写入
深度嵌套事务写入指的是在数据库中进行多层级的写入操作。本篇文章带你学习使用Prisma进行嵌套事务
2024-04-03 08:00:00
1035
1
原创 Prisma 入门教程3-数据建模与迁移
本文介绍了如何使用 Prisma Migrate 工具进行数据库迁移，涉及从数据模型的定义到管理迁移历史的整个流程。首先，我们探讨了如何使用 Prisma Schema 语言来声明数据模型，包括表、列、数据类型及关系的定义。接着，文章详细说明了如何通过 Prisma Migrate 初始化迁移环境、创建迁移记录以及将变更应用到数据库的步骤，确保数据库结构能够安全且有效地更新以适应业务需求的变化。此外，本文还强调了在进行数据库结构变更时，如何安全地修改数据模型，包括修改 Schema 定义、生成迁移脚本以及部
2024-04-02 15:17:54
679
1
原创 yarn的安装和使用-写给前端初学者（必学）
在本篇博客中，我们详细介绍了Yarn的安装过程以及基本使用方法，希望能够帮助初学者快速掌握这一强大的依赖管理工具。随着前端开发的不断演进，Yarn作为一个高效、可靠的包管理器，它的重要性不言而喻。无论是在项目初始化、依赖安装、脚本执行还是工作流管理等方面，yarn都展现出了其独特的优势。通过本篇博客的学习，你对Yarn有了一个基本的了解，并能够在实际项目中运用它来提升开发效率。当然，Yarn的世界远不止于此，它还有很多高级特性等待着我们去探索和实践。
2024-03-31 07:45:00
718
1
原创 Prisma 入门教程2-增删改查
通过Prisma，我们可以更加便捷地进行数据库操作，并且它的类型安全特性能够帮助我们减少很多潜在的错误。如果你们觉得这些内容对你们有所帮助，并且想要继续深入了解Prisma的更多高级特性，如中间件、自定义查询、性能优化等，我会非常乐意继续分享更多的教程和经验。同时，我也鼓励大家动手实践，因为实践是检验学习成果的最佳方式。不要害怕犯错，每一个错误都是向成功迈进的一步。如果在使用Prisma过程中遇到任何问题，或者有任何关于Prisma的疑问和想法，都欢迎在评论区留言讨论，我们可以一起交流学习。
2024-03-30 11:26:20
1250
原创 探索Tailwind V4：全新版本带来的变革和挑战
Tailwind CSS作为一个功能强大的实用工具优先的CSS框架，一直以其高效和灵活性受到前端开发者的青睐。近期发布的Tailwind V4，无疑是该框架迄今为止最受期待的更新之一。在这篇博客中，我们将深入探讨Tailwind V4带来的一系列变化，以及这些变化对开发者意味着什么。
2024-03-28 08:15:00
380
1
原创 React 19马上来了，你准备好了吗？
React 19 带来了许多令人激动的新特性和改进，有些设想并且非常夸张，希望如此。这包括全新编译器，并发渲染、Suspense for Data Fetching 和全新的 Server Components。这些新特性为开发人员提供了更多灵活性和性能优势，使得构建高性能、交互式的 Web 应用程序变得更加容易。打破前端和后端的边界，在维持自身客户端能力优势的基础上，同时为社区的全栈框架提供基建, 这可能是因为React很多核心开发都是Vercel的人了，有些更新也是为了next更新，为全栈框架做准备。
2024-03-27 12:10:38
1613
原创 如何取消一个Promise，中止一个网络请求？看完你就学会了
当有一个接口请求响应时间很长，并且请求后还有一些业务处理（会存在于闭包中）。等我们切换到其它页面，这个请求完成后还会处理剩下的业务，导致出现一些错误，例如条件判断错误、状态码错误等等。
2024-03-26 12:02:39
1489
原创 【前端邮件模版福音】邮件模板一键生成Email HTML，让你不再需要写行内样式
一件小事，使用Node.js简易实现一个HTML Email 自动生成，抽象className，提高开发效率。
2024-03-24 20:13:14
412
1
原创 Next.js 简单优雅的获取IP和访问者所在国家简码
使用Next.js 14 简单优雅的获取IP和访问者所在国家简码，只需要几行代码，就能够让你输出用户的访问IP地址和IP所在国家。
2024-03-22 10:03:32
339
1
原创 Web3 Supra 跨链预言机项目空投，一季度空投
Supra 是一个跨链预言机，2020 年成立，23 年得到 2400 万美金投资，HashKey、Conbase 等 20 多家投资机构投资。KYC 验证需要等待 2 天左右，等待 KYC 验证通过后，就可以领取 490 个 SUPRA 代币了。项目方承诺空投 1.16 亿美金价值的代币，40 万个人均分，每人正常可以拿到 290U 的奖励。刷完就行了，每周还会有新的题，每道题答对能够获得五颗星，每周当周的题会有一个宝箱。继续下一个任务，点击 Let’s Go。选择国家，选择 China，点击继续。
2024-03-21 15:44:33
1158
原创 使用Javascript封装一个一天只会执行N次的函数
通过封装一个限制每天执行次数的函数，我们可以更加优雅地处理需要频率控制的任务。使用闭包和日期对象，我们能够避免使用全局变量，从而提高代码的可维护性和安全性。这样的封装让我们的代码更具可读性和可扩展性，方便在不同场景中灵活使用。你可以根据具体需求调整的值，以满足不同业务需求。希望这个简单而实用的函数封装能对你的项目有所帮助！
2024-03-20 15:42:59
335
原创 【最新】在Next.js中引入Google Analytics4(谷歌分析)
几行代码，在Next.js中引入Google Analytics4，帮助你接入谷歌分析和完成谷歌分析事件发送功能
2024-03-19 19:04:32
786
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人