【免费】vue3实现chatgpt的打字机效果_chatgpt流式输出资源-CSDN文库

相关文章推荐

知识渊博的紫菜 · 18家全国性银行存款“降息”！· 5 月前 ·

逆袭的饭卡 · 王菲念诵《心经》_头条· 8 月前 ·

淡定的板凳 · 第42话 - 恋人的2种打开方式 - 包子漫画· 1 年前 ·

爱旅游的丝瓜 · 杨天真最对不起的，还是张艺兴！ - 知乎· 1 年前 ·

活泼的楼梯 · 我军大校：美在台海南海制造压力 ...· 1 年前 ·

老了敲不动了

vue3 实现 chatgpt 的打字机效果

2.zip

（1个子文件）

2.zip

2.docx 499KB

<div id="sidebar" style="display: none"><div id="outline"/></div><div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/87694645/bg1.jpg"/></div><div class="pi" data-data="{"ctm":[1.611830,0.000000,0.000000,1.611830,0.000000,0.000000]}"/></div></div></div><div class="content-view" style=";" data-v-916ce4a0="" data-v-282c79aa=""><div data-v-916ce4a0=""><div id="pf2" class="pf w0 h0" data-page-no="2"><div class="pc pc2 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/87694645/bg2.jpg"/><div class="t m0 x1 h2 y1 ff1 fs0 fc0 sc0 ls0 ws0">在做<span class="ff2"> <span class="_ _0"> </span>chatgpt <span class="_ _0"> </span></span>镜像站的时候，发现有些镜像站是没做打字机的光标效果的，就</div><div class="t m0 x1 h2 y2 ff1 fs0 fc0 sc0 ls0 ws0">只是文字输出，<span class="_ _1"/>是他们不想做吗？反正我想做。<span class="_ _1"/>于是我仔细研究了一下，<span class="_ _1"/>实现了</div><div class="t m0 x1 h2 y3 ff1 fs0 fc0 sc0 ls0 ws0">打字机效果加光标的效果，现在分享一下我的解决方案以及效果图</div></div><div class="pi" data-data="{"ctm":[1.611830,0.000000,0.000000,1.611830,0.000000,0.000000]}"/></div></div></div><div class="content-view" style=";" data-v-916ce4a0="" data-v-282c79aa=""><div data-v-916ce4a0=""><div id="pf3" class="pf w0 h0" data-page-no="3"><div class="pc pc3 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/87694645/bg3.jpg"/><div class="t m0 x1 h3 y4 ff3 fs1 fc0 sc1 ls0 ws0">共识</div><div class="t m0 x1 h2 y5 ff1 fs0 fc0 sc0 ls0 ws0">首先要明确一点，<span class="ff2">chatgpt <span class="_ _0"> </span></span>返回的文本格式是<span class="ff2"> <span class="_ _0"> </span>markdown <span class="_ _0"> </span></span>的，最基本的渲染方</div><div class="t m0 x1 h2 y6 ff1 fs0 fc0 sc0 ls0 ws0">式就是把<span class="ff2"> <span class="_ _0"> </span>markdown <span class="_ _0"> </span></span>文本转换为<span class="ff2"> <span class="_ _0"> </span>HTML <span class="_ _0"> </span></span>文本，然后<span class="ff2"> <span class="ff4 fs2 fc1">v-html</span> </span>渲染即可。这里的</div><div class="t m0 x1 h2 y7 ff1 fs0 fc0 sc0 ls0 ws0">转换和代码高亮以及防<span class="ff2"> <span class="_ _0"> </span>XSS <span class="_ _0"> </span></span>攻击用到了下面三个依赖库：</div><div class="t m0 x2 h2 y8 ff5 fs3 fc2 sc0 ls0 ws0">�<span class="_ _2"> </span><span class="ff2 fs0 fc0">marked <span class="_ _0"> </span><span class="ff1">将<span class="_ _3"> </span></span>markdwon <span class="_ _0"> </span><span class="ff1">转为</span> <span class="_ _0"> </span>html</span></div><div class="t m0 x2 h2 y9 ff5 fs3 fc2 sc0 ls0 ws0">�<span class="_ _2"> </span><span class="ff2 fs0 fc0">highlight <span class="_ _0"> </span><span class="ff1">处理代码高亮</span></span></div><div class="t m0 x2 h2 ya ff5 fs3 fc2 sc0 ls0 ws0">�<span class="_ _2"> </span><span class="ff2 fs0 fc0">dompurify <span class="_ _0"> </span><span class="ff1">防止</span> <span class="_ _0"> </span>XSS <span class="_ _0"> </span><span class="ff1">攻击</span></span></div><div class="t m0 x1 h2 yb ff1 fs0 fc0 sc0 ls0 ws0">同时我们是可以在<span class="ff2"> <span class="_ _0"> </span>markdown <span class="_ _0"> </span></span>中写<span class="ff2"> <span class="_ _0"> </span>html <span class="_ _0"> </span></span>元素的，<span class="_ _4"/>这意味着我们可以直接把光</div><div class="t m0 x1 h2 yc ff1 fs0 fc0 sc0 ls0 ws0">标元素放到最后！</div><div class="t m0 x1 h3 yd ff3 fs1 fc0 sc1 ls0 ws0">将<span class="ff6"> mar<span class="_ _5"/>kdown<span class="_ _5"/> </span>转为<span class="ff6"> h<span class="_ _5"/>tml </span>并<span class="_ _5"/>处理代码<span class="_ _5"/>高亮</div><div class="t m0 x1 h2 ye ff1 fs0 fc0 sc0 ls0 ws0">先贴代码</div><div class="t m0 x1 h4 yf ff2 fs0 fc0 sc0 ls0 ws0">MarkdownRender.vue</div><div class="t m0 x1 h5 y10 ff4 fs2 fc3 sc0 ls0 ws0"><script <span class="fc4">setup</span>><span class="ff7 fc5">import<span class="ff4"> {computed} </span>from<span class="ff4"> <span class="fc6">'vue'</span>;</span>import<span class="ff4"> </span><span class="fc7">DOMPurify</span><span class="ff4"> </span>from<span class="ff4"> <span class="fc6">'dompurify'</span>;</span>import<span class="ff4"> </span></span></div><div class="t m0 x1 h5 y11 ff4 fs2 fc5 sc0 ls0 ws0">{marked} <span class="ff7">from</span> <span class="fc6">'marked'</span>;<span class="ff7">import</span> hljs <span class="ff7">from</span> </div><div class="t m0 x1 h5 y12 ff4 fs2 fc6 sc0 ls0 ws0">'//cdn.staticfile.org/highlight.js/11.7.0/es/highlight.min.js'<span class="fc5">;<span class="ff7">import</span> mdInCode <span class="ff7">from</span> </span></div><div class="t m0 x1 h5 y13 ff4 fs2 fc6 sc0 ls0 ws0">"@/utils/mdInCode"<span class="fc5">; <span class="ff8 fc8">// </span></span></div><div class="t m1 x3 h6 y13 ff9 fs4 fc8 sc0 ls0 ws0">用于判断是否显示光标</div><div class="t m0 x1 h5 y14 ff7 fs2 fc5 sc0 ls0 ws0">const<span class="ff4"> props = </span><span class="fc7">defineProps</span><span class="ff4">({</span></div><div class="t m0 x1 h5 y15 ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _4"/><span class="ff8 fc8">// </span></div><div class="t m1 x4 h6 y15 ff9 fs4 fc8 sc0 ls0 ws0">输入的</div><div class="t m0 x5 h7 y15 ff8 fs2 fc8 sc0 ls0 ws0"> <span class="_ _6"/>markdown </div><div class="t m1 x6 h6 y15 ff9 fs4 fc8 sc0 ls0 ws0">文本</div><div class="t m0 x1 h5 y16 ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _4"/>text: {</div><div class="t m0 x1 h5 y17 ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _1"/>type: <span class="ff7 fc7">String</span>,</div><div class="t m0 x1 h5 y18 ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _1"/>default: <span class="fc6">""</span></div><div class="t m0 x1 h5 y19 ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _4"/>},</div><div class="t m0 x1 h5 y1a ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _4"/><span class="ff8 fc8">// </span></div><div class="t m1 x4 h6 y1a ff9 fs4 fc8 sc0 ls0 ws0">是否需要显示光标？比如在消息流结束后是不需要显示光标的</div><div class="t m0 x1 h5 y1b ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _4"/>showCursor: {</div><div class="t m0 x1 h5 y1c ff4 fs2 fc5 sc0 ls0 ws0"> <span class="_ _1"/>type: <span class="ff7 fc7">Boolean<span class="_ _6"/><span class="ff4 fc5">,</span></span></div></div><div class="pi" data-data="{"ctm":[1.611830,0.000000,0.000000,1.611830,0.000000,0.000000]}"/></div></div></div></div></div> <div class="bd-top-box bd-top" data-v-282c79aa=""><div class="fileInfo" data-v-282c79aa=""><span class="mb-12" data-v-282c79aa="">共有<strong data-v-282c79aa="">1</strong>个文件</span> <span class="text" data-v-282c79aa=""> | docx：1个 </span></div></div> <div class="tags full-width bd-top bd-top-box " data-v-282c79aa=""><div class="tag" data-v-0b34cd78="" data-v-282c79aa=""><a rel="" href="https://download.csdn.net/tagalbum/949364" target="_blank" class="tag-main line" data-v-0b34cd78="">vue.js</a></div><div class="tag" data-v-0b34cd78="" data-v-282c79aa=""><a rel="nofollow" href="https://so.csdn.net/so/search/s.do?t=doc&u=&q=ChatGPT" target="_blank" class="tag-main line" data-v-0b34cd78="">ChatGPT</a></div><div class="tag" data-v-0b34cd78="" data-v-282c79aa=""><a rel="" href="https://download.csdn.net/tagalbum/3121" target="_blank" class="tag-main line" data-v-0b34cd78="">人工智能</a></div><div class="tag" data-v-0b34cd78="" data-v-282c79aa=""><a rel="" href="https://download.csdn.net/tagalbum/862" target="_blank" class="tag-main line" data-v-0b34cd78="">AI</a></div></div> <div class="space" style="padding-bottom: 40px;" data-v-282c79aa=""/>  </div></div> <div class="divide-bold"/></section> <div class="recommend-list" data-v-54aad052=""><div class="top-title" data-v-54aad052="">你可能感兴趣的资源</div> <div data-v-54aad052=""><a href="https://download.csdn.net/download/weixin_42134234/15925864" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~BlogCommendFromBaidu~Rate-1-15925864-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~BlogCommendFromBaidu~Rate-1-15925864-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.1" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue-blog:vue3 +打字稿测试演示</div></a> <div class="desc" data-v-54aad052="">博客 vue3 +打字稿测试演示 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置请参阅。</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/weixin_42122340/16020956" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~BlogCommendFromBaidu~Rate-2-16020956-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~BlogCommendFromBaidu~Rate-2-16020956-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.2" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">Vue3-TypeScript:Vue3的演示，使用打字稿</div></a> <div class="desc" data-v-54aad052="">Vue3-TypeScript:Vue3的演示，使用打字稿</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_77822280/87759162" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-3-87759162-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-3-87759162-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.3" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">用vue3实现ChatGPT打字机效果</div></a> <div class="desc" data-v-54aad052="">用vue3实现ChatGPT打字机效果</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_77783312/87758993" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-4-87758993-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-4-87758993-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.4" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue3让ChatGPT实现打字机效果</div></a> <div class="desc" data-v-54aad052="">vue3让ChatGPT实现打字机效果</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_78102191/87841052" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-5-87841052-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-5-87841052-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.5" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue3 实现 chatgpt 的打字机效果.zip</div></a> <div class="desc" data-v-54aad052="">vue3 实现 chatgpt 的打字机效果.zip</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/zy_dreamer/87767418" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-6-87767418-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-6-87767418-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.6" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">基于Express 和 Vue3 搭建 ChatGPT 展示页面</div></a> <div class="desc" data-v-54aad052="">支持双模型，提供了两种非官方 ChatGPT API 方法方式免费？可靠性质量 ChatGPTAPI(gpt-3.5-turbo-0301) 否可靠相对较笨 ChatGPTUnofficialProxyAPI(网页 accessToken) 是相对不可靠聪明对比： ChatGPTAPI...</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_77783312/87734650" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-7-87734650-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-7-87734650-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.7" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">Java调用ChatGPT（基于SpringBoot和Vue）实现连续对话</div></a> <div class="desc" data-v-54aad052="">Java调用ChatGPT（基于SpringBoot和Vue）实现连续对话</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/qq_41701956/87982443" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-8-87982443-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-8-87982443-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.8" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">使用vue高仿了chatgpt的前端，后端使用python flask openai实现</div></a> <div class="desc" data-v-54aad052="">使用vue高仿了chatgpt的前端，后端使用python flask openai实现。开放了最新的gpt-3.5-turbo模型，后端使用了最新模型在分支toGpt3.5上，加上了流式响应。新的模型更加强大，更加智能</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/lk419121010221/2063767" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-9-2063767-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-9-2063767-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.9" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">一个有趣的屏幕打字效果</div></a> <div class="desc" data-v-54aad052="">有趣的屏幕打字效果,评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊评论啊</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/weixin_39841848/11515531" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-10-11515531-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-10-11515531-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.10" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vuerouter切换时loading效果实现</div></a> <div class="desc" data-v-54aad052="">vue-router切换时loading效果实现</div></div><div data-v-54aad052=""><a href="https://wenku.csdn.net/doc/645313f3ea0840391e76daa6" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-11-14808164-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-11-14808164-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.11" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue实现手机号码抽奖上下滚动动画示例</div></a> <div class="desc" data-v-54aad052="">本文介绍了vue实现手机号码抽奖上下滚动动画示例，分享给大家。具体如下： <!DOCTYPE> <html> <head> <meta http-equiv=Content-type content=text/html; charset=utf-8 /> <title>...</div></div><div data-v-54aad052=""><a href="https://wenku.csdn.net/doc/645c931f95996c03ac3c3c34" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-12-12950051-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-12-12950051-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.12" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">Vue实现简易翻页效果源码分享</div></a> <div class="desc" data-v-54aad052="">本文给大家分享了vue实现简易翻页效果，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧</div></div><div data-v-54aad052=""><a href="https://wenku.csdn.net/doc/6461ecfb543f844488959377" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-13-12757858-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-13-12757858-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.13" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">VUE 3D轮播图封装实现方法</div></a> <div class="desc" data-v-54aad052="">主要为大家详细介绍了VUE 3D轮播图封装实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/mmoo_python/72280866" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-14-72280866-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-14-72280866-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.14" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">【JavaScript源代码】Vue3实现图片放大镜效果.docx</div></a> <div class="desc" data-v-54aad052="">Vue3实现图片放大镜效果　本文实例为大家分享了Vue3实现图片放大镜效果的具体代码，供大家参考，具体内容如下　实现效果　代码　<template>　<div class="goods-image">　　 class="large"　:...</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/qq_36493053/86542356" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-15-86542356-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-15-86542356-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.15" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue3+vite+ts 仿淘宝放大镜效果</div></a> <div class="desc" data-v-54aad052="">1.本demo是一个类似于淘宝放大镜的效果。 2.使用vue3+vite搭建 3.实现了图片点击轮播和移入放大的效果 4.下载下来可直接使用，必须真实有问题可以直接提问</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/zyq20010125/85217958" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-16-85217958-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-16-85217958-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.16" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue 弹框实现移动效果</div></a> <div class="desc" data-v-54aad052="">vue弹框实现移动效果，可拖动悬浮</div></div><div data-v-54aad052=""><a href="https://wenku.csdn.net/doc/645c9aa795996c03ac3d8197" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-17-12936601-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-17-12936601-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.17" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">vue实现直播间点赞飘心效果的示例代码</div></a> <div class="desc" data-v-54aad052="">主要介绍了vue实现直播间点赞飘心效果的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/m0_46529566/85240636" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-18-85240636-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~OPENSEARCH~Rate-18-85240636-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.18" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">实现的基于vue在线排课系统（vue3）.zip</div></a> <div class="desc" data-v-54aad052="">实现的基于vue在线排课系统（vue3）.zip 大学生课程设计基于vue的课程设计自己大二写的课程设计</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/dQCFKyQDXYm3F8rB0/88011152" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-19-88011152-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-19-88011152-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.19" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">认知智能技术与产业研究报告2023</div></a> <div class="desc" data-v-54aad052="">本报告由华院计算技术（上海）股份有限公司和中国信息通信研究院云计算与大数据研究所联合撰写，围绕认知智能发展现状、关键技术、典型应用场景和未来发展方向进行阐述。</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_78008478/87861854" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-20-87861854-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-20-87861854-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.20" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">免费可用的ChatGPT网页版.zip</div></a> <div class="desc" data-v-54aad052="">免费可用的ChatGPT网页版.zip</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/m0_73648871/87638432" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-21-87638432-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-21-87638432-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.21" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">ChatGPT使用总结：150个ChatGPT提示词模板（完整版）</div></a> <div class="desc" data-v-54aad052="">ChatGPT使用总结：150个ChatGPT提示词模板（完整版）</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/weishuai90/87558133" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-22-87558133-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-22-87558133-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.22" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf</div></a> <div class="desc" data-v-54aad052="">哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf 哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf 哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf 哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf 哈尔滨工业大学-ChatGPTChatGPT 调研报告 2022 年 11 月 30 日，OpenAI 推出全新的对话式通用人工智能工具—— ChatGPT。ChatGPT 表现出了非常惊艳的语言理解、生成、知识推理能力，它可以很好地理解用户意图，做到有效的多轮沟通，并且回答内容完整、重点清晰、有概括、有逻辑、有条理。ChatGPT 上线后，5 天活跃用户数高达 100 万，2 个月活跃用户数已达 1 个亿，成为历史上增长最快的消费者应用程序。除了被广大用户追捧外，ChatGPT 还受到了各国政府、企业界、学术界的广泛关注，使人们看到了解决自然语言处理这一认知智能核心问题的一条可能的路径，并被认为向通用人工智能迈出了坚实的一步，将对搜索引调研报告-2023.3.6-94页.pdf</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_76933148/87581887" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-23-87581887-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-23-87581887-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.23" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">249个 ChatGPT 关键词汇总中文版</div></a> <div class="desc" data-v-54aad052="">249个 ChatGPT 关键词汇总中文版</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/Vertira/87962489" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-24-87962489-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-24-87962489-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.24" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">2023年最新SCI影响因子</div></a> <div class="desc" data-v-54aad052="">2023年最新SCI影响因子 2023年 6.28.科睿唯安(Clarivate Analytics) 发布SCI 下载链接 </div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_77783312/87764065" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-25-87764065-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-25-87764065-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.25" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">分享几个可以免费使用ChatGPT4的网站</div></a> <div class="desc" data-v-54aad052="">分享几个可以免费使用ChatGPT4的网站</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/2301_78021017/87811565" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-26-87811565-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-26-87811565-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.26" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">4个亲测好用的ChatGPT4渠道</div></a> <div class="desc" data-v-54aad052="">4个亲测好用的ChatGPT4渠道</div></div><div data-v-54aad052=""><a href="https://download.csdn.net/download/qq_19309473/85084519" data-report-query="utm_medium=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-27-85084519-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&depth_1-utm_source=distribute.wap_relevant_download.none-task-download-2~default~DownloadCategory~Rate-27-85084519-download-87694645.260%5Ev1%5Ewap_dl_relevant_base&spm=1003.2020.3001.6616.27" class="top" data-v-54aad052=""><div class="title" data-v-54aad052="">由于找不到iUtils.dll,无法继续执行代码</div></a> <div class="desc" data-v-54aad052="">该工具用于解决以下问题：对应文章教程：http://t.csdn.cn/S0Hkj 由于找不到iUtils.dll,无法继续执行代码。重新安装程序可能会解决此问题。修复成功率100%，不会操作的可以通过联系我远程帮你解决哦。