lhW9HoiICdLK
以谷歌内核的浏览器扩展，包括edgechrome，还有我们常用的国产浏览器都能使用 浏览器扩展是一种软件，以增强Chrome内核浏览器的功能。浏览器扩展使用HTML、JavaScript、CSS和图片等Web技术开发。 浏览器扩展与浏览器插件不同。浏览器扩展无需了解浏览器的源代码，而浏览器插件是更底层的浏览器功能扩展，需要深入掌握浏览器的源代码。 以谷歌内核的浏览器扩展的基本组成 浏览器扩展，至少包括一个manifest.json和一个js文件 manifest.json是扩展的调度中心，用于声明各种资源。该文件采用JSON格式定义 js文件中定义要执行的操作 浏览器扩展，通常还可以包括图...
当我们把接口都做好以后，我们需要去开发前端界面。 添加文章功能里面，最重要的就是文章内容部分，需要配置上富文本编辑器，这样才能给我们的内容增加样式。 下载ueditor代码 ueditor已经很久没有更新了，我们现在去github下载压缩好的代码包 https://github.com/fex-team/ueditor/releases/tag/v1.4.3.3 下载好以后，可以看到有这些文件，把这个目录放到我们的前端资源目录里 引入加载富文本编辑器 下面是我自己项目里面的目录，请酌情修改 <scriptsrc="/static/j...
当我在实现在线客服源码弹窗效果JavaScriptSDK时，对外公开的SDK代码就是使用的自执行函数的形式。 使用自执行函数来实现JavaScriptSDK有以下好处： 封装代码：自执行函数可以将你的JavaScript代码封装起来，从而避免在全局作用域中定义变量，防止变量名称冲突。 提供API：自执行函数可以提供API，方便调用者使用。例如，你可以在自执行函数中定义一些方法，然后将这些方法暴露给调用者使用。 控制变量作用域：自执行函数可以控制变量的作用域，从而避免在全局作用域中定义变量。这样，你就可以在函数内部定义局部变量，避免对全局变量造成影响 自执行函数（IIFE）是...
我在实现在客服系统的时候，前端是基于WebSocket来实时收取服务端消息的，详细的解释下 即时通讯一种常用的方法是使用WebSocket。WebSocket是一种通信协议，它允许浏览器和服务器进行全双工通信，也就是说，双方都可以同时发送和接收消息。 在前端使用JavaScript实现即时通讯的方法也有很多，可以使用WebSocket对象来与服务器通信。 你可以在浏览器中打开WebSocket连接，然后使用send()方法向服务器发送消息，使用onmessage事件处理程序来接收服务器发送的消息。 constws=newWebSocket('ws://example.com/w...
如果想实现chatGPT的网页版，调用接口就可以了，但是如果需要联系上下文语境，就需要在传递的数据的时候进行下拼接 传参的时候对所有的对话数据进行拼接，拼成下面这样 {"prompt":"(You:在吗\n)这里在哦，有什么可以帮助你的吗？(You:你这个系统多少钱\n)抱歉，您想知道什么？这里是客服中心，不提供价格咨询服务哦。(You:在哪咨询价格\n)可以您联系我们的销售团队，他们会给您提供更多的产品价格咨询服务。(You:联系方式发一下\n)您可以通过电话或网络咨询，我们的客服热线是000-888-888，网站是Http://www.example.com。(You:错的\n)很抱歉由于...
我们智能客服知识库机器人已经开发完成，后端数据库是使用的qdrant向量数据库，但是该数据库并没有导出备份功能，所以我按简单的纯前端实现知识库导出excel数据 使用第三方库（如SheetJS）SheetJS是一个流行的JavaScript库，可帮助处理Excel文件。您可以使用SheetJS来将数据导出为Excel文件。 首先，添加SheetJS库的CDN链接到您的HTML文件中： <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script> h...
俗话说，人靠衣装，马靠鞍。官网首页是产品或公司的脸面，必须要大气。 原来旧版的支付宝首页，有个大视频作为页面背景一直播放展示，效果很赞，所以实现了下 https://gofly.v1kf.com 先看看效果： 亮点部分 大视频是绝对定位，定在最下面，上面的文字是绝对定位，定在最上面。还加了一层半透明的div蓝色调。 文案的居中是使用的display:flex排版 文案部分有一个渐变色效果 文案部分还有一个动画效果没有展示，是个渐出动画效果 html部分 <divclass="vedioBanner"> <divclass="vedioBannerIntro"...
css里面有个背景色渐变色的效果，我们能拿来做什么呢 现在就演示下，我在开发此页面时所实际实现的样子 演示页面-唯一在线客服系统 实现代码很简单，效果还是很不错： background:linear-gradient(90deg,EE884C0%,FFBA8E100%); 首页里也有个渐变色的运用 唯一在线客服系统 实现代码： background-image:linear-gradient(toright,0d6efd,2aeb91); 花哨的样式尽...
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chatpdf{ display:flex; height:100vh; flex-direction:row; } .chatpdf.pannel{ width:255px; background-color:rgb(0,21,41); } .chatpdfBo...
众所周知，我们是访问不通OpenAI官方服务的，但是我们可以自己通过代理或者使用第三方代理访问接口 现在新出台的规定禁止使用境外的AI大模型接口对境内客户使用，所以我们需要使用国内的大模型接口 国内的效果真的很差，现在如果想使用GPT大模型，可以使用微软Azure的OpenAI服务。 负责任的AI 在微软，我们致力于以人为本的原则推动AI的进步。生成模型（如AzureOpenAI中可用的模型）具有显著的潜在优势，但如果没有仔细的设计和深思熟虑的缓解措施，这样的模型有可能生成不正确甚至有害的内容。微软已经进行了大量投资，以帮助防止滥用和意外伤害，其中包括要求申请人展示定义明确的用例...