前端

基础配置 简体中文 通用效率类 Auto Rename Tag 在编写HTML或XML代码时，修改一个标签的名称，对应的结束标签会自动同步修改，节省手动修改时间，提高代码准确性和编写效率。 Code

vue3使用ehcarts实现好看的饼图带阴影效果，分为三层实现饼图效果，引入base64图片放入中间，更加美观

Vue3使用AntvG6写拓扑图，可添加修改删除节点和边。里面讲述了用npm安装antv/g6 增删改查节点的代码描述和运行结果

Swiper 一个很好用的轮播循环插件，我这里用的是8.1.1版本 Vue代码实现的两行循环滚动效果

话不多说 直接上代码 连接SSE 返回值加入打字机效果 这时候根据SSE发送的数据流界面已经完成了，样式还需要优化（现在是纯文字的界面），下一章介绍样式的优化，展示的代码编辑器样式优化。

下载lodash 引入并使用 从lodash中引入debounce函数,leading和trailing是配置布尔值。

在CSS中，如果你想让英文单词换行，可以使用word-break: break-all;属性。这个属性会强制浏览器在任何字符之间进行换行，即使没有空格或其他分隔符。 没有加样式前的运行结果 运行结果

要实现t实时更新时间，可以使用setInterval函数来定时执行当前时间操作。以下是一个简单的示例：

好看实用的css三点闪烁（可用于加载样式、标题等），入门样式，简单易学，HTML和CSS就可以实现，代码已经放上去了

① 基于rem 适配（推荐，也是本篇要实现的方案） 适用场景：不固定宽高比的Web应用，适用于绝大部分业务场景 ② 基于 scale 适配 适用场景：固定宽高比的Web应用，如大屏或者固定窗口业务应用

使用硬件加速 为元素添加transform: translateZ(0);或者will-change: transform;属性，以启用硬件加速，提高渲染性能。 使用浏览器特定的抗锯齿属性

要实现一个上下悬浮的特效，可以使用CSS的@keyframes规则和动画属性。在这个示例中，我们定义了一个名为floating的动画，它会在2秒内完成一次完整的上下浮动。

在Vue3项目将ElementPlus切换为中文的两个方案，分别是在App.vue、main.ts里修改

安装nprogress 配置nprogress 路由引入nprogress 修改样式 Nprogress的gitHub地址

在Vue3项目中，我们可以使用axios库来发送HTTP请求。安装axios 设置跨域 在vue3项目中找到vite.config.ts文件