Nest.js + Vercel 部署实战：如何将你的后端应用转化为 Serverless 函数，实现零成本、高可用的极速上线。

《小王子》里面有一句话写的真好，狐狸告诉王子，“看东西只有用心才能看的清楚。重要的东西用眼睛是看不见的。”说实话，我们这一生，都在为那些看不见懂东西而活着

通过 Vue 2 + Docker + config.js 和 envsubst 实现运行时动态获取容器环境变量，无需重新构建镜像。

AI如潮水般涌来，有人惊喜，有人恐慌。它能写代码，能优化性能，能生成界面，却终究只是工具，而非创造者。前端开发者们若只是搬砖，终将被淘汰；若能驾驭AI，便能乘风破浪。历史的车轮滚滚向前，惟有思考者，不被碾碎。

最近我在处理一个项目时遇到了一个比较棘手的问题：我成功接收到了后端加密的数据，使用crypto-js库进行解密时却总是报错“Error: Malformed UTF-8 data”，无法正确对密文codestr解密。

随着CSS的发展，许多新的属性和功能被引入，这些新特性不仅简化了代码，还提升了用户体验。本文将介绍一些CSS的一行升级方案，帮助你在日常开发中更高效地解决问题

微信小程序 web-view 内嵌 H5 端遇到的问题，并介绍了解决方案

Vue3项目中实现“电梯”效果的锚点导航功能。该功能包括点击左侧导航后右侧内容区平滑滚动到对应位置，以及右侧内容区滚动到相应位置时左侧导航动态更新选中状态。实现方法结合了scrollIntoView和IntersectionObserver

海子的诗歌，以其独特的浪漫主义色彩和深刻的生命体验著称，常以自然景象为背景，表达对生命的热爱、对理想的追求以及对现实世界的深刻反思

在高速发展的Web开发领域，常常令人目不暇接的是层出不穷的新框架、库以及前沿技术。然而，有时最为显著的提升源自于对基础知识的重新探索。本篇博客文章旨在引领您深入了解五个HTML属性，它们不仅对提升网站的可访问性至关重要，同时也能极大增强用户的整体体验。无论您是编程老手还是初涉此领域的新人，让我们一起探索这些元素的潜力，以创建更具包容性的Web体验。

这篇Blog提供了关于在 Next.js 中进行基本状态管理的综合指南。它涵盖了使用 useState 和 useReducer 进行本地状态管理，以及使用 Context API 进行全局状态管理的方法。此外，它还介绍了如何从外部 API 获取数据，并使用 SWR 简化数据获取和状态管理的过程。最后还探讨了 Next.js 中的中间件集成以及服务器组件中的状态管理技术。

Vue 3的迅速普及带来了一系列强大的UI框架，为开发者提供了灵活、高性能的工具。本文介绍了BalmUI、Element Plus、Wave UI、Ionic Vue、Vuetify 3、Quasar、PrimeVUE、Ant Design Vue、Vuestic UI、Vue DevUI和Inkline等框架，它们适用于不同的开发需求，加速开发并提升用户体验。

在现代网站开发中，减少 JavaScript 的使用是至关重要的，也是整体页面效率的关键因素。随着软件工程的发展，对于更快速、更高效的网站以及整体 JavaScript 负载更小的需求一直存在。未使用的 JavaScript 会为你的 Web 应用程序增加不必要的负担，降低整体性能。

能让鸡毛飞上天的，从来不是风，是把重量压在该压处的肩膀。

了解如何巧妙地使用Vue3的Render函数来创建高度可定制化的插槽，本文以Naive UI的NTooltip组件为案例，深入解释了Render函数的运用。

本文将针对JavaScript，详细介绍一系列常用的数组方法，涵盖了flatMap()、concat()、copyWithin()、every()、fill()、filter()、flat()、forEach()、shift()、includes() 以及 reduce()。通过掌握这些方法，您可以在实际开发中提高工作效率并改善代码质量。

当生活的节奏变得匆忙，人们常常渴望能够暂时离开繁杂的尘世，寻找内心的宁静。在这个喧嚣的时代，一个人的旅行成为了一种特殊的体验。在旅途中，我们可以与自己独处，与大自然对话，深入思考和感受。孤独并非负担，而是一种机会，让我们逐步融入自己的内心，发现隐藏在喧嚣背后的真正自我。这份自由的旅程，不受约束，不受他人眼光，成为一段属于个体的独白，一场寻找心灵栖息地的探索。

开发中遇到了需要对元素边角的形状进行调整，使其更佳美观，本文中记录了几种使用css设置边角样式的方法。

本文介绍了如何使用 PurgeCSS 工具来删除未使用的 CSS 代码，从而减小网站文件大小，提高性能优化。文章还涵盖了 PurgeCSS 在不同 JavaScript 库和框架中的使用示例，以及一些高级配置选项。无论您使用哪种 CSS 框架，本文都将帮助您优化您的项目并提高性能。

在组合式 API 中，我们使用两个函数来定义状态，即 ref() 和 reactive()。在本文中，我们将探讨这两个函数，概述它们的独特之处，并学习何时应该使用它们。作为额外内容，我们还将了解如何解包 refs、监视它们的变化，并使用它们创建隐式引用。。

网页抓取工具是一种从网站和网络API中获取信息的工具或脚本，它可以帮助您提取洞察力或编制包含信息的数据库。例如，像谷歌、百度等这些搜索引擎会抓取网络以对站点进行索引，并将其作为用户查询的结果提供。

TypeScript 装饰器是一种特殊类型的声明，它可以附加到类、方法、属性或参数上，用于修改类的行为或添加额外的元数据。装饰器是一种在编译时进行元编程的技术，它使得我们可以以声明性的方式对类和类成员进行扩展或修改，而无需修改原始类的代码。

模块是更现代化和推荐的组织代码的方式，尤其在大型项目中，模块的组织和依赖管理更加灵活和强大。因此，在 TypeScript 中，通常更推荐使用模块来组织和管理代码。而命名空间则更适用于一些简单的场景，或者在需要与传统 JavaScript 代码进行交互时使用。

在实际开发中，根据不同的场景和需求合理地运用TypeScript的这些高级类型，将会大大提升我们的代码质量和开发效率。也可以使我们编写更灵活、更安全、更通用的代码。