目录 1、什么是ChatGPT 2、我可以相信人工智能告诉我真相吗？ 3、你会使用我的对话进行培训吗？ 4、ChatGPT 接口参考 认证 请求组织 5、ChatGPT初体验 1、什么是ChatGPT ChatGPT的研究预览是免费使用的。 ChatGPT 是从 GPT-3.5 微调而来的&#x…...

【【淘密令】】开关 openwrt中一般默认没有打开【【淘密令】】功能，所以我们要先开启改功能，按照下面的配置开启之后，如果进程异常崩溃了，则会在/tmp目录下生成【【淘密令】】文件。 ulimit -c unlimited 【【淘密令】】文件格式core_pattern echo &qu…...

颜色分类识别代码matlab――分解RGB通道通过阈值来判断 代码下载链接 代码下载链接 代码下载链接 首先有一张包含多种颜色的图片： 然后可以编写代码，来实现分别提取出不同颜色的操作：...

文章目录练习9.51练习9.52练习9.51 设计一个类，它有三个unsigned成员，分别表示年、月和日。为其编写构造函数，接受一个表示日期的string参数。你的构造函数应该能处理不同的数据格式，如January 1,1900、1/1/1990、Jan 1 1900 等。…...

也许每个人出生的时候都以为这世界都是为他一个人而存在的，当他发现自己错的时候，他便开始长大 少走了弯路，也就错过了风景，无论如何，感谢经历 转移发布平台通知：将不再在CSDN博客发布新文章，敬…...

专家谈ChatGPT对话水平 ChatGPT 是一种基于深度学习的自然语言处理技术，能够处理和理解大量的自然语言数据，通过训练能够进行对话等多种自然语言处理任务。但是，在实际对话中，ChatGPT 的对话水平仍有一些不足之处： 对…...

本节课我们来学习一下模版标签中循环标签的使用，包括 foreach、volist 和 for。 一．foreach 循环 1. 控制前端先通过模型把相应的数据列表给筛选出来； $list User::select(); return View::fetch(loop, [ list > $list ]); 2. 在模版端使…...

本文主要记录我在Linux(Ubuntu)上部署.net core 的操作记录，也便于以后部署。 如对您有所帮助，不胜荣幸~ 文章目录前言一、准备工作1. 版本信息2. windows端web项目二、操作步骤1. Linux 配置 .net 运行环境1.1 查看最新 .net 运行环境的下载路径1.2 安装…...

参考文章 音频相关的基础知识： https://zhuanlan.zhihu.com/p/91837880 1. 基础名词概念 1.10 重采样 (1) 什么是重采样 将音频三元组（采样率、采样大小、通道数）的值转成另外一组值。三元组其中任意一个值发生改变就称为重采样ÿ…...

接上篇《13、元组高级应用及常见切片操作》 上两篇我们学习了Python中元组的高级应用，以及字符串、列表和元祖的切片操作。本篇我们来学习字典的高级应用，包括字典的查询、修改、添加、删除及遍历操作。 一、字典高级简介 我们通过前面的学习知道&…...

很重要的一点就是，看到代数式要很自然地去推导数据范围 D - 2-【【微信】】 (atcoder.jp) 题意： 思路： 看到三次方，n的范围又是1e18，因此a,b的范围就是1e6，因此可以去枚举a或b其中一个 这道题可以…...

查看linux系统版本：我的是centos7.9。 cat /etc/os-release1、下载： wget https://dev.mysql.com/get/【【微信】】ase-el7-9.noarch.rpm2、运行： rpm -ivh 【【微信】】ase-el7-9.noarch.rpm这时，cd /etc…...

给大家推荐一首好听的流行音乐 歌名：猪猪侠 谱曲：王巍 填词：王巍 歌曲原唱：陈洁丽 歌词： lulalulalula 噜啦噜啦咧噜啦噜啦咧，噜啦噜啦咧噜啦噜啦咧， 勇敢向前进前进有奖品我要跑第一&…...

软件生命周期 软件生命周期：软件定义、软件开发、软件维护 软件定义：问题定义、可行性研究、需求分析 软件开发：总体设计、详细设计、编码和单元测试、综合测试 软件维护：改正维护、适应性维护、完善性维护、预防性维护 改正…...

Hive一键启动脚本 这里，我们写一个【【微信】】脚本，可以一键启动beenline，并登录到hive。【【微信】】是建立在tcl基础上的一个自动化交互套件, 在一些需要交互输入指令的场景下, 可通过脚本设置自动进行交互通信。 3.4.1.安装【【微信】】 yum -y install ex…...

以下是物联网工程领域比较有影响力的SCI期刊： IEEE Internet of Things Journal： 该期刊是IEEE旗下的物联网领域期刊，成立于2014年，每月出版。 该期刊旨在发表最新的物联网研究成果，包括物联网系统、架构、协议、安全…...

深拷贝实质上是拷贝要拷贝的对象自身，浅拷贝实质上是对要拷贝对象的引用。 当你浅拷贝复制A为B的时候，当数据类型复杂的时候，改动B会给A造成影响 当你深拷贝复制A为B的时候，任何时候，改动B都不会给A造成影响 如果只…...

为什么很多朋友天天加班 反而得不到重用 其实很多时候问题在自己身上 我今天呢就给他讲一讲我自己的见解 很多程序员为了完成一个目的 完全不考虑过程 以为把事情做完了就行了 其他啥也不管 这就是单一思维 这也是很多 程序员代码质量不佳的原因 写代码就是一个资源调度调配的过…...

2023年，电魂网络迎来业务发展的全新拐点。作为一家长期深耕电竞产业的游戏公司，电魂网络在游戏研发、赛事运营、人才培养、产业链布局等方面均形成了领先优势，为公司的持续发展奠定了良好的基础。 在此基础上，电魂网络积极应对行…...

一、Android手机自动化测试工具，常用的有这7中： 1、首推Appium： 推荐理由：功能非常强大的移动端自动化测试框架，还免费 下载链接：Appium: 【【淘密令】】. Appium是一种被广泛使用的…...

文章目录背景类图序列图组件图部署图用例图状态图活动图使用合适的 UML 模型构建一个设计文档小结背景 众所周知，软件开发是一个分阶段进行的过程。不同的开发阶段需要使用不同的模型图来描述业务场景和设计思路。在不同的阶段输出不同的设计文档也是必不可少的。 …...

我第一次完成了认证 ，然后在授权验证那里出来了问题，我也不知道，教程是sangen 那个教程。跟着敲，我知道我的版本不对，但是我最后还是new bing 解决我的bug . 带token的时候就说明 ，认证就已经成功的&#x…...

摘要：本篇博客介绍了本教程的目标、适用人群、YOLOv5简介和车牌识别的意义和应用场景。为后续章节打下基础，帮助读者了解YOLOv5和车牌识别的相关背景知识。 正文： 车牌识别视频 引言 欢迎来到YOLOv5车牌识别实战教程！在这个教程中，我们将一步步教你如何使用YOLOv5进行车…...

Gin项目实战 Gin博客项目-项目架构Gin博客项目-集成gormGin博客项目-集成Bootstrap创建用户表单Gin 博客项目-实现控制器和路由Gin 博客项目-设计静态页面Gin 博客项目-用户注册Gin 博客项目-用户登录Gin 博客项目-集成markdown编辑器Gin 博客项目-创建博客模型和DAOGin 博客项…...

1. 什么是集合 1.1 概念 对象的容器，实现类对对象常用的操作。 1.2 和数组的区别 数组长度固定，集合长度不固定。数组可以存储基本类型和引用类型，集合只能存储引用类型。 1.3 位置 java.util.*; 2. 【【微信】】体系 2.1 【【微信】】父接…...

作者 | 曾响铃 文 | 响铃说 如何才能加速中国制造业高质量发展？在刚刚过去不久的两会上，这个问题成为代表委员们热议话题之一。 两会中，最高领导强调“我常说两个必保，一个是粮食饭碗中国必须端牢，再一个制造业必须…...

未来的数字人既要有好看的皮囊，又要有有趣的灵魂，就像美剧《西部世界》里的人一样，那就是人人幻想的世界。我们始终坚信未来数字人会朝着那个方向发展，而且现在速度会越来越快。作者：王立新出品：碳链价值&a…...

文章目录上传文件下载文件ssh链接服务器用vscode 链接服务器上传文件 scp -r rootip:/你的地址 下载文件 scp -r rootip:/你的地址 本地地址ssh链接服务器 【【淘密令】】然后输入密码，有的可能有密钥需要处理， 具体问题可以百度下，一般都是需…...

目录 简介 信号配置 发送信号 捕捉信号 同步接收信号 信号掩码和挂起信号 标准信号 其他信号 实时信号 异步信号安全函数 通过信号处理程序中断系统调用和库函数 通过停止信号中断系统调用和库函数 简介 Linux同时支持POSIX可靠信号（以下简称“标准信号…...

文章目录1.测试用例的概念2.为什么在测试前要设计测试用例3.基于需求设计测试用例的方法4.需求分类4.1功能性需求：4.2非功能性需求：5.等价类设计法（测试用例方法一）5.1设计理念5.2分类6.边界值设计法（测试用例方法二&a…...

工具： win10、WinSCP 生成ssh密钥： 打开终端，使账号密码登录，输入命令 ssh-keygen -t rsa 会提示密钥存放路径，一般存放在默认路径，直接回车即可，中间会提示输入密码，这里需要注…...

SRP Batcher是URP中非常重要的draw call优化方式。本篇介绍SRP Batcher的原理，使用条件，以及如何在自定义的URP Shader中支持SRP Batcher。 SRP Batcher原理 我们通常的draw call优化都是从减少draw call入手，其中有基于几何体合并的合批&a…...

1. Video.js：https://【【微信】】.com/，一个流行的开源HTML5视频播放器，支持多种视频格式和浏览器。 2. JW Player：https://www.jwplayer.com/，一个广泛使用的HTML5视频播放器，支持多种视频格式和浏览器。 3. Plyr：https://plyr.io/，一个简单易用的HTML5视频播放器，支持…...

目录 N皇后问题 checker [3*] 程序设计 程序分析 N皇后问题 checker [3*] 在一个N*N的国际棋盘上，放置N个皇后，使她们相互之间不能进攻（任意两皇后不能位置同一行、同一列、同一斜线）。 因为每行只有一个皇后，我们可以用一行N个数值来表示N*N棋盘上皇后位置。 结果中第…...

操作系统引导操作系统（如Windows、Linux等）是一种程序，程序以数据的形式存放在硬盘中，而硬盘通常分为多个分区，一台计算机中又有多个或多种外部存储设备。操作系统引导是指计算机利用CPU运行特定程序，通过程…...

题目描述 平面直角坐标系中有一个三角形， 请你求出它的面积。 输入描述 第一行输入一个 T ,代表测试数据量. 每组测试数据输入有三行，每行一个实数坐标 (x,y) 代表三角形三个顶点。 1≤T≤10^3, ?10^5≤x,y≤10^5 输出描述 输出一个实数表示三角形面积…...

BGP（Border Gateway Protocol）是一种用于在互联网中交换路由信息的协议。BGP在互联网的路由选择和转发中扮演着至关重要的角色，是互联网的核心协议之一。在本文中，我们将深入探讨BGP的基本概念、特点和使用方法。 一、BGP的基本概…...

实验要求 1,R4为ISP,其上只能配置IP地址；R4与其他所有直连设备间均使用公有IP 2,R3-R5/6/7为MGRE环境，R3为中心站点； 3,整个0sPF环境IP基于172.16.0.0/16划分； 4,所有设备均可访问R4的环回； 5,减少LSA的更新量…...

动态代理 案例引入 需求 模拟某企业用户管理业务，需包含用户登录，用户删除，用户查询功能，并要统计每个功能的耗时。 分析 定义一个UserService表示用户业务接口，规定必须完成用户登录，用户删除࿰…...

Rollup 是一个优秀的 Ja【【微信】】 模块打包器，尤其适用于打包库。本文将深入探讨 Rollup 的实践、与其他构建工具的对比、插件生态以及性能优化策略等方面的内容。 1. Rollup 与其他构建工具对比 Rollup、Webpack 和 Parcel 是目前流行的构建工具，各有优…...

一、简介 文件系统就是分区或磁盘上的所有文件的逻辑集合。 文件系统不仅包含着文件中的数据而且还有文件系统的结构，所有Linux 用户和程序看到的文

【GPT】100 行代码手写 ChatGPT 应用

以下内容来自腾讯工程师 dengju

ChatGPT 推出了面向企业和个人的 API 服务 gpt-3.5-turbo，好奇心驱使，立马动手实践！

手写 ChatGPT ？这里当然不是实现 AI 算法与大模型这些核心能力。仅仅演示如何使用开放 API 实现自己的 ChatGPT 问答小工具，作为 AI 产品化探索的第一步，抛砖引玉。

学会了，你也可以定制自己的阿猫阿狗 GPT、【【淘密令】】、PUA GPT ...

3 月 2 日，OpenAI 发布了最新的 GPT 3.5 turbo API，该款产品更快、更强、更便宜。本文基于官方文档使用 Ja【【微信】】 调用官方 API 接口，仅 100 行前端代码的 index.html，实现定制版的 ChatGPT 问答工具。

首先需要注册 openai 账号，可以参考这个教程：

由于注册 OpenAI 需要使用海外的手机号，可以使用 【【微信】】 这个网站购买一个印度的手机号接收验证码即可，充值1美元（大概7块钱人民币）即可获得 70+ 卢布，足够了。

如果嫌以上注册太麻烦，直接淘宝 15 块一个购买即可

登录 OPenAI 个人中心， 获取自己的 API_KEY 以及查看使用量额度。

Tips：目前每个新账户有 18$ 的免费额度，价格是 $0.002 / 1k tokens

每输出 100 万个单词，价格才 2.7 美元（约 18 元人民币）

前端实现一个单聊对话 Web 应用，其实难度不大，尤其使用 Vue 等现代前端框架后，只需要维护好聊天数据源 Array 与请求逻辑即可，渲染这块无需过多关注。

直接上代码：

<!DOCTYPE html>  <html>    <head>      <title>100 行代码手写 chatgpt</title>      <meta charset="UTF-8" />      <【【微信】】 src=https://zhuanlan.zhihu.com/p/"https://cdn.jsdelivr.net/npm/vue@2"></【【微信】】;      <meta        name="【【微信】】"        content="width=de【【微信】】, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,【【微信】】-fit=cover"      />    </head>      <body>      <div id="app" style="padding: 4rem 0;">        <h1 style="text-align: center;">Dengju GPT  </h1>        <p style="text-align: center;">@dengjudeng</p>          <br />          <div style="text-align: center;">          <input       :disabled="isTyping"            【【微信】】="message"            style="width: calc(100% - 4rem); padding: 0.5rem;"            autofocus            :placeholder="isTyping ? 'ChatGPT 正在组织语言 ...' : '问问 ChatGPT ...'"            type="text"       @blur="handleSend"            @keyup.enter="handleSend"          />        </div>          <br />          <【【微信】】="(message, key) in[...messages].reverse()" :key="key">          <li>            <div style="color: #6b7280;">{{ message.role }}</div>            <div style="white-space: pre-wrap;">{{message.content}}</div>          </li>        </ul>      </div>      <【【微信】】;        new Vue({          el: "#app",          data(){            return{              message: "",              isTyping: false,              messages:[  {                  content: "Hi, 我是 ChatGPT！你可以问我任何事情！ ",                  role: "assistant"                }              ]            };          },          methods:{            handleSend: async function (){     if(!this.message) return              const newMessage={                content: this.message,                role: "user"              };              const newMessages=[...this.messages, newMessage];              this.messages=newMessages;              this.isTyping=true;              await this.processMessageToChatGPT(newMessages);              this.isTyping=false;            },            processMessageToChatGPT: async function (messages){              const API_KEY="sk-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";              const apiRe【【微信】】={                model: "gpt-3.5-turbo",                messages: messages              };              this.message="";              const data=await fetch(                "https://api.openai.com/v1/chat/【【微信】】",  {                  method: "POST",                  headers:{                    Authorization: "Bearer " + API_KEY,                    "Content-Type": "application/json"                  },                  body: JSON.stringify(apiRe【【微信】】)                }              ).then((data)=> data.json());              this.messages=[                ...messages,  {                  content: data.choices[0].message.content,                  role: "assistant"                }              ];            }          }        });      </【【微信】】;    </body>  </html>

写到这里，刚好是100 行代码，直接落地一个 ChatGPT 聊天应用 ~

100 行代码手写 chagpt - CodeSandbox

一）不建议前端直接调用

虽然直接调用官方 OpenAPI 不会跨域，但实际生产中不建议在前端直接调用 API，会泄露你的 API_KEY，需要后台同学包一个接口给前端使用。

[POST]https://api.openai.com/v1/chat/【【微信】】

二）返回内容文本如何换行？

返回结果文本换行，可以使用 CSS white-space: pre-wrap;：

<div style="white-space: pre-wrap;">{{message.content}}</div>

三）如何实现返回结果打字动画效果？

推荐一个我之前使用过的库 typical，仅仅 55 行代码一气呵成。

四）返回结果是代码格式的话，如何实现代码高亮效果？

这里推荐使用 prism.js 进行语法高亮，还能使用最近比较火的 WebContainer 在聊天中运行代码。

AIGC 大模型时代来临了，在日常办公协同中，一定程度上确实能提升工作效率，辅助我们做很多事情。

这波浪潮，使得 AI 应用落地的门槛非常低。无需再招聘百万高薪的 NLP 工程师来训练和调参，只需不断用人类自然语言 Prompts 引导微调就能完成这一过程。

理论上，你只需要找一个做前端的老婆，结合一个应用场景，你们俩就能做一家 AI 创业公司。

AI 是一把双刃剑，还需要注意信息安全，谨防数据泄露，触犯公司红线。

前端是直接面向用户交互层的工种，天然对用户体验敏感，还有非常多的细节需要打磨。

AI 时代，人机交互还是键盘、鼠标方式么？UI 革命，会给前端开发带来哪些挑战？

源代码已开源，尽情享用 DIY 你自己的 ChatGPT 吧 ~

前端可以做的事情非常多，这个领域波澜壮阔，引用 UIMaker 前端负责人的一句话：

欢迎点赞分享，搜索关注【鹅厂架构师】公众号，一起探索更多业界领先产品技术。