Vercel部署Node服务
Vercel 是一个功能全面的部署工具，专为静态网页和Node服务设计，提供自动生成的域名访问。它不仅支持Nextjs项目，还提供多种模板，包括Next.js的with-vercel-fetch，用于实现简单SSR服务。通过与GitHub联动，Vercel自动创建项目并生成专属仓库。
总结：GitHub Pages、Vercel和Cloudflare均提供免费部署静态网页的服务，并支持国内外访问。选择合适的平台时，应考虑成本、功能和性能需求。同时，也可以考虑其他免费托管选项如Netlify、Firebase Hosting、Surge等。
Vercel最初是一个名为“Zeit”的公司创建的，它的目标是使开发人员能够更快、更轻松地构建和部署他们的应用程序。Vercel支持各种框架和语言，包括React、Vue、Next.js、Angular、Node.js等，它还具有高度可定制化的功能，以满足开发人员的各种需求。
vue3使用vite构建如何将组件导出让别人cdn引入?
纯 js 库项目 使用 vite 创建项目，编写 main.js 文件，确保只有一个出口文件。 带 HTML 的库项目 纯 js 项目简单，只需 export 输出即可；带模板项目同样遵循此规则，使用 vite 创建项目，建立测试文件，设置入口文件。
CDN引入Vue.js方法如下：将Vue.js的CDN链接嵌入标签中，并在标签内创建Vue实例，将实例绑定至具有id为app的元素。实例配置message属性，值为Hello， Vue！，并进行页面渲染。值得注意的是，CDN引入Vue.js适用于快速开发或测试环境，生产环境中推荐使用npm等工具进行Vue.js安装与管理，确保可靠性和性能。
创建一个 Vue3+Vite 项目，如 vue3xmwtable。调整项目目录结构，创建 packages 目录用于存放组件，将 src 目录更改为 examples。配置根目录下的 vite.config.js 文件以适应新的目录结构。
答案：新增组件导入文件：在项目的utils目录下创建一个名为components.ts的文件。这个文件将负责动态导入Vue3组件。编写组件导入逻辑：在components.ts文件中，可以使用import.meta.glob函数来动态导入组件。import.meta.glob是Vite提供的一个特殊导入语法，它允许你根据匹配模式导入多个模块。
本地开发时，首先在项目根目录下创建 packages 文件夹，用于存放组件。在 packages 目录下创建组件文件，例如组件 HbPages，然后在 src\packages 文件夹下新建 index.js 文件，用于导出组件。本地验证组件是否能正常使用，可分别在 main.js 和 App.vue 文件中注册与引入组件进行测试。
在 Vue 3 中引入组件库，通常需要注意以下几点来确保配置正确且能顺利使用组件库：选择合适的引入方式：以 Vant 组件库为例，官方通常会提供多种引入方式，如全局引入和按需引入。根据项目的需求选择合适的引入方式。考虑构建工具和环境：在使用 Vite 作为构建工具时，引入组件库的方式可能需要特别注意。
Lottie-前端实现AE动效
Lottie是可应用于Android， iOS， Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和web端渲染动画的json文件。设计师用AE制作动画，再用Bodymovin导出相应json文件，前端使用Lottie库实现动画效果。
Lottie动效的具体步骤 下载AEUX插件：AEUX是一个设计插件，可以实现sketch到AE的无缝衔接，方便设计师在sketch中设计好动画后直接导入AE进行进一步编辑。安装bodymovin插件：获取bodymovin插件，并根据项目需求选择合适的版本。
初识Lottie，让动效实现更简单Lottie是Airbnb发布的一款开源动画库，它支持Android、iOS、Web和Windows平台，通过AE设计动画效果并导出json文件，开发者使用Lottie库即可轻松实现动画效果，极大地节省了开发成本，提升了工作效率。
流畅度：Lottie动画的流畅度远胜于传统的动画实现方式。它利用Path路径来绘制动画的基本形状，并通过描述这些点的坐标来让线段产生变化，从而实现了更加细腻和流畅的动画效果。还原效果：Lottie动画的还原效果非常出色。无论是在PC端还是移动端，Lottie都能准确地还原出设计师在AE中制作的动画效果。
Lottie是由Airbnb推出的一款开源动画库，适用于Android、iOS、Web和Windows等平台。通过在AE中设计动画效果并导出json文件，开发者可以直接调用Lottie库实现动画效果，大大节省开发成本与提升工作效率。在进行Lottie动画制作前，需要AE与Bodymovin插件这两个工具。Bodymovin插件需通过ZXP Installer进行安装。
axios概念介绍和基本使用
1、Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中进行 HTTP 通信。由于其基于 promise，使得异步操作更为简洁、直观。对于开发人员而言，axios 提供了丰富的 API，并支持取消请求、转换请求和响应数据、自动转换 JSON 数据等功能。
2、首先，了解Axios与Blob的基本概念。Axios是一个功能强大的HTTP客户端库，适用于浏览器端和Node.js环境。而Blob则是表示二进制数据的对象，常用于文件和多媒体数据的处理。接下来，我们分步骤介绍如何使用Axios与Blob进行数据处理。首先，你需要安装Axios。
3、Axios 是一个基于 Promise 的封装库，广泛用于 Vue.js 项目中。它将 XMLHttpRequest 的功能进行了二次封装，简化了网络请求的使用，同时提供了更丰富的配置选项和错误处理机制，使得网络请求的处理更加便捷。
4、在使用axios时，许多人对`responseType`和`Content-Type`这两个概念容易混淆。实际上，它们分别用于定义axios如何处理响应数据以及后端返回的数据类型。`responseType`的用途是设置axios如何解析`response.data`的值。默认设置为`json`，这意味着axios将尝试将响应数据解析为JSON对象。
5、了解Vue3的基本概念：Vue3是一个流行的前端JavaScript框架，采用MVVM模式，但有自己的架构模式，被描述为“渐进式框架”。选择Vue3的理由：Vue3是最新版本，大部分前端项目和招聘需求都倾向于Vue3。Vue基本语法：掌握Vue指令：如vbind、vmodel、vif等，用于处理DOM操作和视图与模型之间的交互。
6、以 axios 为例，其安全性在依赖库的更新迭代中显得尤为重要。虽然篡改外部依赖的可能性较低，但持续学习和对底层技术的探究，能让我们在使用时更加自信。本文将带领读者深入 Promise 的世界，从基本概念到实现细节，逐步构建对 Promise 的深刻认知。
