项目解决方案与技术点总结

背景 在项目中遇到一个轮播列表，效果如下 思路 复制一组数据拼接到数组后面，每次截取固定长度的数组，更新dom节点，使用CSS Animation修补过渡效果 实现 方式一 用 CSS 让容器内的数据

前言 通过API进行交互，使用JavaScript等编程语言发起HTTP请求来实现逐字输出。 一次性请求等待整个响应体完全返回，然后再进行逐字输出。这可能会导致较长的等待时间，特别是在生成大量文本时。

前言 使用CSS3实现四个角边框,使用到属性-webkit-mask蒙版 和 conic-gradient 锥形渐变 实现代码 html 部分代码 container的大小100px * 100px,

## 前言 评论引用：有人相爱，有人夜里开车看海，有人 leetcode 第一题都做不出来。for循环解题不写了，记录一下使用new Map()解题。 ``` /** * @param {number

业务场景 vue3 <script setup> 子组件讲数据传递给父组件，[defineEmits]应用。业务场景子组件表单提交数据传递给父组件，父组件接受后发送接口请求。 父组件 子组件 官方文档

场景 vue3 使用<script setup>语法糖实现父组件调用子组件方法。项目场景子组件弹窗表单，父组件提交接口在成功回调里关闭子组件的弹窗。 父组件 子组件 这里主要是用到[defineExp

场景 项目中使用nuxt开发一个表单，图片验证码接口提供一个通过http get请求png二进制流，接口请求使用的nuxt/http。 版本信息如下 接口/api/captcha/code返回的png

大部分做网站多语言的都是通过 i18n 来做的，每一个字符串都要翻译成多种语言JSON文件，工作量实在大。尤其是涉及到后端数据在前端展示进行多语言翻译。利用谷歌翻译js插件前端实现多语言切换功能。 特

Nuxt提供了两种部署方式：服务器端渲染应用部署和静态部署。 静态部署 修改nuxt.config.js部署目标方式 执行生成一个dist目录 dist目录里就是一些静态文件，把这个dist目录放到服