2024年 04月 15日Next.js中的基本状态管理这篇Blog提供了关于在 Next.js 中进行基本状态管理的综合指南。它涵盖了使用 useState 和 useReducer 进行本地状态管理，以及使用 Context API 进行全局状态管理的方法。此外，它还介绍了如何从外部 API 获取数据，并使用 SWR 简化数据获取和状态管理的过程。最后还探讨了 Next.js 中的中间件集成以及服务器组件中的状态管理技术。 —Next.js 中的基本状态管理 让我们从 Next.js 状态管理的基础开始。在接下来的章节中，我们将讨论基本的 Hooks、技术和工具，以便有效地管理状态。 使用 useState Hook 进行状态管理 useState Hook 是在传统的 React…Nextjs
2024年 01月 22日12个国内外最受欢迎及常用的Vue 3组件库Vue 3的迅速普及带来了一系列强大的UI框架，为开发者提供了灵活、高性能的工具。本文介绍了BalmUI、Element Plus、Wave UI、Ionic Vue、Vuetify 3、Quasar、PrimeVUE、Ant Design Vue、Vuestic UI、Vue DevUI和Inkline等框架，它们适用于不同的开发需求，加速开发并提升用户体验。 —在此，我将展示一系列我知道的并且认为是非常出色的Vue 3 UI框架（先国内再国外，除此无特定顺序），这里面肯定有你熟悉的组件库。它们将助力你打造美观的Vue 3应用，同时提供出色的开发者体验。让您在选择组件库时可以根据项目需求进行选择。 1. Element Plus…Vue3
2023年 11月 12日减少 JavaScript 以提升网页性能在现代网站开发中，减少 JavaScript 的使用是至关重要的，也是整体页面效率的关键因素。随着软件工程的发展，对于更快速、更高效的网站以及整体 JavaScript 负载更小的需求一直存在。未使用的 JavaScript 会为你的 Web 应用程序增加不必要的负担，降低整体性能。 —本文将介绍一系列模式和技巧，帮助你通过去除未使用的 JavaScript 来减少这种负担，从而节省时间、优化性能并提高效率。 什么是未使用的 JavaScript？ 简而言之，未使用的 JavaScript，通常称为死代码，是指你的 Web…TypeScript
2023年 10月 07日使用Vue3的Render函数定制化插槽——以Naive UI为例了解如何巧妙地使用Vue3的Render函数来创建高度可定制化的插槽，本文以Naive UI的NTooltip组件为案例，深入解释了Render函数的运用。 —在前端开发中，Vue3 的 render 函数是一个强大的工具，它允许我们以程序化的方式创建组件和界面元素。本文将重点介绍如何使用 Vue3 的 render 函数来渲染插槽，并以 Naive UI 为例进行演示。 Naive UI 中的 NTooltip 组件 Naive UI…Vue
2023年 08月 24日JavaScript 数组常用方法本文将针对JavaScript，详细介绍一系列常用的数组方法，涵盖了flatMap()、concat()、copyWithin()、every()、fill()、filter()、flat()、forEach()、shift()、includes() 以及 reduce()。通过掌握这些方法，您可以在实际开发中提高工作效率并改善代码质量。 —在JavaScript中，数组是一种常见且必不可少的数据结构，用于存储一系列值。数组方法是对数组进行操作和转换的强大工具。本文将详细解释一些常用的数组方法，包括concat()、copyWithin()、every()、fill()、filter()、flat()、forEach…Array
2023年 08月 05日漫游孤独：一个人的旅行当生活的节奏变得匆忙，人们常常 渴望能够暂时离开繁杂的尘世，寻找内心的宁静。在这个喧嚣的时代，一个人的旅行成为了一种特殊的体验。在旅途中，我们可以与自己独处，与大自然对话，深入思考和感受。孤独并非负担，而是一种机会，让我们逐步融入自己的内心，发现隐藏在喧嚣背后的真正自我。这份自由的旅程，不受约束，不受他人眼光，成为一段属于个体的独白，一场寻找心灵栖息地的探索。 —…随笔
2023年 03月 24日使用 PurgeCSS 删除未使用的 CSS 代码本文介绍了如何使用 PurgeCSS 工具来删 除未使用的 CSS 代码，从而减小网站文件大小，提高性能优化。文章还涵盖了 PurgeCSS 在不同 JavaScript 库和框架中的使用示例，以及一些高级配置选项。无论您使用哪种 CSS 框架，本文都将帮助您优化您的项目并提高性能。 —使用 PurgeCSS 删除未使用的 CSS 代码 删除不必要的代码将使您的网站加载速度更快，因为浏览器将请求和解析更少的代码。在本教程中，我们将探讨 PurgeCSS，这是一种用于删除未使用的 CSS 代码的工具。通过将 PurgeCSS…PurgeCSS
2023年 02月 22日Vue 3 Composition API 中的响应式特性：ref() 和 reactive()。在组合式 API 中，我们使用两个函数来定义状态，即 ref() 和 reactive()。在本文中，我们将探讨这两个函数，概述它们的独特之处，并学习何时应该使用它们。作为额外内容，我们还将了解如何解包 refs、监视它们的变化，并使用它们创建隐式引用。。 —在单页面应用程序（SPA）中，响应性指的是应用程序根据底层数据的变化能够更新其用户界面的能力。响应性使我们能够编写更清晰的代码，避免了我们需要手动根据数据变化来更新界面。相反，界面会自动更新。 然而，JavaScript 本身并不具备这种能力，因此我们可以通过像 React…Vue
2023年 01月 15日最佳 Node.js 网页抓取（爬虫）工具网页抓取工具是一种从网站和网络API中获取信息的工具或脚本，它可以帮助您提取洞察力或编制包含信息的数据库。例如，像谷歌、百度等这些搜索引擎会抓取网络以对站点进行索引，并将其作为用户查询的结果提供。 —在本文中，我们将探讨一些最佳的 Node.js…爬虫
