技术宅小伙:测试ChatGPT进行中文编程的能力

作者:

文章目录
  • 技术宅小伙:测试ChatGPT进行中文编程的能力
  • vue 实现左滑图片验证
  • 颠覆认知!“垃圾股”策略长期跑,10年翻100倍、近2年6倍,吊打茅指数!| 邢不行
  • Euler欧拉系统安装Nginx — centos一样、ubuntu使用apt安装依赖
  • OpenAI ChatGPT3.5 completion API 入门指南
  • 【笔记2-1】李宏毅深度强化学习笔记(一)Outline
  • 【笔记2-2】李宏毅深度强化学习笔记(二)Proximal Policy Optimization (PPO)
  • 【笔记2-4】李宏毅深度强化学习笔记(四)Actor-Critic
  • 【笔记2-5】李宏毅深度强化学习笔记(五)Sparse Reward
  • 【笔记2-6】李宏毅深度强化学习笔记(六)Imitation Learning
  • RapidOCR调优尝试教程
  • 深度分析Palantir的投资价值,Palantir2023年将实现强劲反弹?
  • Pandas入门实践2 -数据处理
  • 一、lua基础知识1
  • 二、lua语言基础2
  • quick-cocos2dx-luaUI控件讲解
  • quick-cocos2dx lua语言讲解 (动作,定时器,触摸事件,工程的类的讲解)
  • 使用quick-cocos2dx-lua 实现的小游戏(包含碰撞检测,触屏发子弹)
  • cocos2d-js 中scrollview详解
  • cocos2d-js中的回调函数中世界坐标系和节点坐标系的相互转换
  •     hello欢迎光临
        今天跟大家聊一下
        使用chatGPT实现中文编程啊
        其实是用chatGPT实现自然语言编程啊
        只用你用中文或者英文其实都可以
        那首先跟大家看一下
        这是我的chatGPT的一个界面
        在这里呢我们就可以直接跟他聊天
        比如说我现在想实现一个闭设啊
        我想要做一个
        前端
        页面的毕业
        毕业设计
        啊能否给我一些建议呢
        然后呢就看到这apg
        直接就会给我们一些建议
        我们可以做哪些类型的啊页面
        它的建议其实还是比较全面的
        各种各样都有
        比如说
        啊目标受众啊页面布界面布局
        给我们讲述了
        当我们需要做一个前端页面的时候
        都有哪些我们需要呃注意的一些事项
        当然这些注意事项
        并没有回答我想问的问题
        其实我想问的问题是
        能否给我一些项目的建议
        那这个应该是由于啊我没有问清楚
        所以重新问一下Chinagbg就好了
        啊我想做一个
        前端页面的毕业设计
        能否提供一些嗯
        项目建议
        比如勾网站
        啊如果我这样问
        OK那现在拆了GBT
        就可以帮我提供了一些
        我可以做的一些小的项目
        比如说有电商网站啊社交媒体网站
        在线学习平台
        还有健康管理应用布拉布拉等等等等
        所以大家其实可以看到
        当我们想要和chatGPT聊天的时候
        我们问问题的方式是非常关键的
        有可能chat
        GT给我们回答的问题不是我们想要的
        其实
        是因为我们问的问题并没有问清楚
        所以现在有一门学问叫promptengineering
        就是如何给chatGBT提问
        让他更好的来回答我的问题
        大家可以看到
        chatPTT其实已经帮我们提供了一些
        项目的建议
        那我个人是想做一个电商的网站
        所以我就会问chatGBT
        让他给我一些做电商网站的建议
        OK那我们可以说嗯感谢建议啊
        嗯我想要做一个电商网站
        电商网站能否
        给我提供一份原代码模板呢
        就是我自己做
        但是咱们今天的前提假设是
        我并不会编程
        我现在只是作为一个初学者
        跟chatGT通过聊天的方式
        把这个代码实现了
        那我就直接聊啊
        OK
        啊啊
        他说不能够提供完整的原代码
        但是可以在互联网上搜索
        电商原代码和教程
        以下是一些实用的资源
        比如说Github
        getup上当然就有很多
        很多很多比较好的原代码
        我们可以在上面直接搜
        还有CodepenCodepen也是一个社区
        他们
        提供了很多潜能开发的资源和实力
        还有一些网上的教程
        但是这个并不能满足我的需求
        其实我是想
        希望那get
        呃ChanGPT帮我直接生成一份代码
        那我就换一个问题来问
        我想要实现一个呃购
        购物网站
        能否帮我生成一个HTL
        代码
        OK可以看到
        chatdpt实际上帮我们生成了一份
        简单的代码
        那这些代码它并没有帮我们
        写到一个文件里边
        需要我还需要是需要懂
        一些前端页面的尝试
        才能够把它整合起来啊
        做成我的一个页面
        如果是一个纯新手的话
        这个可能还不是太好用
        那我们可能需要问一个问题
        问重新换一个方法来问他
        啊能否帮我生成一个html
        一个完整的html
        哎前面那
        具有导航栏
        啊产品展示区
        成为一个完整的购物网站
        购物网站的HTML
        具有导航栏产品展示区
        看这样能不能帮我们生成
        还是不能生成
        OK他说还是不能生成
        那我们把这个修改一下
        啊能否帮我生成一个不不说完整的
        能否帮我生成一个go网站的
        go网站主页的
        主页的HTML有具有导航栏商品展示区
        然后我点击saveandsubmit
        OK大家可以看到现在
        啊叉gpt就可以帮我们生成一个
        相对比较完整的一个导
        就是至少是一个主页的一个页面
        所以可以看到
        大家可以看到呃
        和chatGPT交互的时候
        一定要去把你的问题尽量的具体化
        或者说
        如果他的回答不是让我们很满意的话
        我们就可以调整我们的问题
        这样的话
        就可以看到
        它就已经帮我们生成了一个
        相对完整的页面了
        包括了基本的导航栏产品展示区
        还有4个商品啊
        我们就可以直接用了
        比如说现在在这里它上面有个copycode
        这里有拷贝扣的
        我们直接一点
        就把这个代码拷贝下来了
        拷贝下来之后呢
        我就可以到我们的代码里边直
        接去使使用它
        啊可以看到这是我的VScode
        我在VScode里边
        我可以把刚才
        车载GPT帮我生成的代码啊加进来
        比如说叫index点HTML
        然后把它帮我生成代码拷贝进来
        拷贝进来之后呢
        我就有了一份完整的代码
        当然有了代码之后我我这里并没有
        但是有了代码之后
        我们实际上并没有办法直接去运行
        假设我是一个纯新手
        我不知道该怎么样运行这个代码
        那我们就需要问一下Chinagbt
        代码已经有了我们如何去运行呢
        啊我
        正在使用VScode
        嗯
        有没有什么方法
        帮我把
        刚才生成的代码运行起来
        OK它就告诉我们啊
        我们可以使用VScode内置的
        liveserver扩展
        来在浏览器中运行HTML代码
        布拉布拉这些
        这些说了一堆
        就是我们可以使用livecode来运行
        但是我现在还还有没有更简单的方法
        因为他说了ilivelifeserver它是一个扩展
        我我就不想用扩展
        我想用更简单一点的方法
        有没有更简单的方法
        OK那这样
        大家可以看到
        chatGBT就帮我们
        提供了一个更简单的方法
        这个前提假设是啊
        刚才这个方法
        需要安装一个liveserver的
        扩展但是我作为一个新手
        我并不知道VScode怎么去安装扩展
        那我就问了一下有没有更简单的方法
        他就给我们提供了一个更简单的方法
        我们只需要在VScode当中打开HTML文件
        啊在窗口左下角打开侧边栏
        按下Ctrlb啊就可以右键选择
        然后就使用默认浏览器打开就可以了
        好我们现在来试一下
        就在这里
        大家可以看到在这里有一个indexhml
        他刚才其实很贴心帮我说了
        如果说我这边没有打开的话
        他可以告诉我用Ctrlb
        哎sorry写错了
        comeon加b
        如果说我们左边没有那个侧边栏的话
        就可以用Ctrl加b或者CM加b
        把这个侧边栏打开
        然后用右键点击然后
        啊openwithedge为openwith
        openbrotherwithstepapps一点
        我们就现在就可以
        使用Chrome
        就选择然后就可以把它打开了
        就可以看到
        OK我们看到
        我们现在的网站
        就已经在我的浏览器里边
        就已经打开了
        他就帮我们生成了这个
        前面这些是啊
        导航栏就是主页商品购物车等等
        中间这些是
        帮我生成的一些商品的链接
        但是可以看到
        现在里边是并没有任何的东西
        所以我们还是要让
        zgd帮我们修改一下
        而且这个
        大家可以看到这个做的比较粗糙
        比较难看
        所以下一步就是我们要回到OK
        第二步就是我我希望
        zgd帮我产生一些数据
        生成更多的商品来让我们来展示出来
        啊能否帮我生成一些mark数据
        他看到他告诉我
        在开发前段应用的时候
        通常需要一些mark数据
        来测试和展示应用
        下面是一些
        mark数据的方法就包括了markGS
        包括JasonPlaceholder
        包括了macro啊trueFaker的GS
        但是这些
        都需要一些前置的知识
        你才能把它用起来啊
        对于我一个纯新手来讲
        我并不想用这些东西
        我就希望chatGBD直接帮我生成一些
        market
        就可以再接着问他啊这些我都不懂
        都没我都没有用过
        能否直接帮我生成一些
        Jason数据作为Mockdata
        OK啊那现在呢
        大家可以看到
        Chadgpt
        就已经帮我们生成了一些malk数据
        而且这些malk数据
        可以看到
        它是帮我们直接按照我们的需求来
        来生成的
        啊这些Jason包含3个对象
        每个对象是一个产品
        包含了ID名称
        价格价格在哪里啊
        aprice价格图像描述和类别
        可以看到
        他帮我们生成的这些Mac数据也是
        根据我们的需求来的
        因为我并没有说我是干什么的
        但是他从
        上下文当中
        他知道我是要做一个电商网站
        所以它生成的这些mark数据里边
        是包含了
        电商产品的名称
        还有包含了它的价格
        还有它的一个图片fan
        就是非常符合我们的需求
        然后我们就可以将这个mark数据
        拷贝到我们的拷
        拷贝到我们的项目里
        一般来讲我们在做项目的时候
        我们会加一个啊
        data
        datadotJason
        因为这是一个Jason文件
        所以我们直接可以
        用datadotJason把它加进来
        可以看到我们直接已经把我
        们的这个数据加进来了
        然后下一步我们需要做的是
        我们需要将这些Jason数据
        是应用到我们的代码当中
        我们需要将这些Jason数据呢
        应用到我们的代码当中
        这个我们也可以直接问ChinGPT啊
        直接做
        非常感谢
        请帮我生成一个
        Javascript文件
        因为首先你需要知道
        当我们在我们的钱的页面当中
        如果你需要一些动态展示的话
        我们需要Javascript
        Javascript相当于是帮我们
        的网站具有了一个动态的一个呃性能
        之前最早我们产生的HTML
        HTML它只是网站的一个股价
        HTML决定了我们网站
        来展示什么样的内容
        那Javascript决定了我们如何去展示
        后面我们还会聊到CSS
        它决定了我们展示的一个样式
        我们帮我们生成一个加速的文件
        将这些Jason数据
        展示到页面上
        啊可以看到我问的问题呢
        是让他帮我生成一段
        代码把这个数据展示上来
        他帮我直接生成了一个
        具有Jason数据的一个代码
        大家可以看到他生成这段代码
        既有数据
        啊也有也有这个代码
        那就是我们拿过来
        其实就可以直接用了
        但是我并不希望这样来用
        因为刚才其实我已经把
        重新生成一下stopgeneration
        其实刚才我已经
        生成了一个Jesus文件啊
        请帮我我修改一下问题
        因为他现在这个问题呢
        他会直接帮我生成一个Javascrip的文件
        然后帮我把这个
        我希望他把刚才生成的那个Jesus文件
        加载进来
        请帮我生成一个Javascus的文件将
        刚才生成的Malk数据的
        Jason文件
        展示到页面上
        啊那或者说我要首先感谢一下
        然后我已经
        将
        你提供的
        Jason文件存储为data
        的Jason文件
        请帮我生成一个加square的文件
        将刚才生成的冒
        数据的Jason文件展现到页面上
        这样来做说他可能就理解我的意思了
        OK
        首先他就从data点Jason来取数据
        然后把这些数据呢再展示下来
        因为刚才我没有这样说的话
        他相当于是又帮我重新生成了一份
        Jason数据来做
        我其实原始的目标是要让他把刚才
        我存储成
        data文件的那部分加载进来
        所以大家可以看到这个就已经
        完全符合我的需求了
        我就拷贝一下扣的
        啊并且他还非常的贴心
        他就告诉我啊
        我还需要在HTML页面中
        增加一个用于展示产品列表的HTML
        元素
        这样的话才能才能把它展示出来
        所以这样我们就按照他的
        说法来把我们的代码修改一下
        首先我们要增加一个javascr的文件啊
        比如说我们叫
        叫什么叫app点儿接加s吧
        app
        点儿加s
        这是我们JS的内容
        然后他刚才说我们需要在
        我们需要加一个
        我们需要加一个productlist把它加进来
        然后
        这个时候
        作为上将
        将数代码保存为Javascrip的文件
        并在页面
        中将其包含在script的标签中才能展示
        那我有可能我不知道如何把这
        个Javascrip文件加到我这HTTL当中
        那我再问一下这个BBC
        啊我是一个纯新手
        不清楚如何将
        Javascript
        文件加入HTML
        请给我
        一个完整失利
        OK那大家可以看到将现在就已经
        给咱们来一个完整的视力啊
        如何把它加进来
        这里边说的很清楚啊
        请将这个
        这个HTML里边包含了
        1需要包含一个scriptorJS
        但是我其实是叫app的JS
        那我们就可以把这里边的scribber
        JS换成afterJS就可以了
        然后还要
        确保我的mark数据命名是data点Jason
        因为最开始的时候
        我告诉他的是data点Jason
        我们把这行拷贝过来就行了
        需要注意一下它是在bullet里边的
        所以我们需要把它加在这啊
        这个其实已经有了它这个叫scriptorgs
        我们其实叫app的gs
        加进来然后就可以了
        然后这个时候加进来之后呢
        我们就需要在页面上看一下效果
        好像没什么反应看一下
        看一下console
        啊
        他说accessfetchatfromnowhasbeenblock里边cause
        就说我们遇到了一个问题
        可以看到这是一个问题
        我们把它拷贝一下
        当我们遇到问题的时候呢
        我们实际上是可以把它拷贝下来
        然后
        copy
        我们遇到问题
        我们把我们的问题粘到Chadgpd这里
        Chadgpd就会告诉我们
        为什么会遇到这个问题
        这个错误是表示浏览器
        不允许从不同的域名请求数据
        吧啦吧啦吧啦说了一堆
        说一堆最终的解决方案就是
        在使用VScode的时候啊
        我们可以安装扩展应用程序
        来启动一个本地的HTV的服务器
        比如说liveserver
        扩展应用
        就是说我们刚才其实是在
        浏览器当中
        直接把这个HTM页面直接打开的
        这种打开的方式呢
        我们当前浏览器我用的是Chrom
        Chrom是不允许我采用这种方式来
        漏的数据的
        因为我们现在除了这个HTM页面之外
        我们还加入了Javascript
        加入了一个后端的数据就是Malkdata
        这个时候不允许不允许
        不允许
        我们把不允许的这个错误标到这儿
        chatgb就直接进
        已经帮我们分出来这个错误的原因
        并且它给出了一个方案
        我们需要使用
        liveserver这里
        它这里写了啊我们需要使用
        liveserver扩展程序来帮我们打开
        这个时候才可以
        所以我们现在就需要回到我们的啊
        回到我们的这个啊VScode当中
        我们现在右键一点击
        大家可以看到这里有openwithliveserver
        这可能有点小大家看不清楚啊
        这是这其实是有一个openwithliveserver
        这个是怎么来的呢
        是我们首先如果你用的是VScode的话
        你这里它有一个extension
        就是扩展的意思
        在扩展这里你要安装很多的扩展
        它其中有一个扩展叫liveserver
        啊这就会有其实我已经装过了
        装过了之后我们就可以直接用了
        其实刚才在叉gb
        它已经提示我们使用leftserver来进行
        运行就可以了
        它这里有一个openwiththeleftserver
        我们直接一运行
        我们先把之前的那个停一下
        把它停下来然后再openwiththeleftserver
        OK看大家可以看到现在就已经
        使用liveserver把它打开了啊
        现在就已经看到我们刚才
        之前添加的这些东西了
        然后大家看一下还有没有问题啊
        这样
        比如说console
        OK就已经没有了
        刚才那个问题啊
        他说refusedtoapplystylefromstyle点CSS啊
        这个也很简单
        这个是因为
        我们当前这个文件并没有style点CSS
        可以看到这里边
        我们添加了一个style点CSS
        但是我们没有加这个文件
        这也就是他在提醒我们
        需要添加一个CSS文件了
        那我们就直接加上就好了
        style
        点CSS
        主要点CSS是一个CSS文件
        我们使用CSS是为了帮我们更好的
        展示我们页面的内容
        因为我们有可能我们在做页面的时候
        他现在当前
        当前大家可以看到这个页面啊非常丑
        非常丑的时候想想他是不好看的
        不好看的情况下呢
        我们就需要把我们的页面做一下美化
        美化是通过什么样的方式呢
        就是CSS所以我们这时候只需要直接
        问checkgpt就可以了
        比如说我们就直接问他啊
        当前
        这个页面很不好看
        请帮我生成
        一份CSS
        OK啊这个
        就是chatGPT
        会帮我们生成一个简单的CSS的文件
        这个CSS文件包含了全局的样式
        包含导航栏等等
        然后他还告诉我们
        我们如何把这个CSS文件给他加上来
        而且它很贴心告诉我们
        CSS文件要和HTM文件和Javascrip文件
        处于同一个目录
        这样才能够进行
        然后我们就需要把它拷贝下来
        点一个copy
        这里有一个copy
        copy完了之后把它
        粘到我们的CSS文件当中就可以了
        粘完之后我们再看一下效果
        粘完之后好像没东西了
        粘完之后我们看到
        PRO1PRO2Proc它就已经横排展示了
        就比较好看
        但是这几个没有展示出来
        这个是因为
        这三个是我们通过markdata加进来的
        这几个不是markdata
        所以我们可能需要把HTML也修改一下
        这几个产品展示区这块需要删掉
        这几个跟我们之前的不太一致
        我们只需要有一个productlist
        就这里productlist然后
        我们的productlist
        当中的内容是从我们的
        datadoubleJason里边给它加进来的
        这样这样就可以了
        比如大家看到这就有
        这是我们的三个
        啊三个产品
        然后最上面这里是我们的导航栏
        就会看到
        现在修改了样式之后
        我们就已经比较好看了
        导航栏也比较美观
        然后产品的展示也比较美观
        如果大家觉得这个展展示不太美观
        想要进行一个修改
        比如说我们想要让他居中展示的话
        也可以直接就问ChinGBT
        让他帮我们修改就可以了
        比如说我可以说啊可以跟他说
        啊产品按照
        美
        排
        两个进行展示
        居中展示
        剧中展示
        呃
        然后
        使用卡片进行展示
        帮我修改CSS
        OK就让他把CS
        样式给我们修改的更加的细化一些
        所以大家可以看到
        现在的编程就是
        只要你知道自己想要什么
        然后你和叉GBD进行聊天
        他就可以自动帮我们生成
        所以以后有可能
        文科生会比理科生更擅长编程
        因为文科生他可能想象力更加的丰富
        他可能更加清楚自己想要的是什么
        并且表达能力可能要更强一些
        OK我们这个时候就把
        我们的CSS拷贝下来
        然后再粘贴到我们的文件里边
        就可以了
        直接替代一下我们的CSS文件
        粘完之后效果就可以看到
        目前已经居中展示了
        刚才是分散开的
        现在是一个居中的展示
        那如果你觉得导航栏这里也不太好
        看的话
        可以让他帮我们把导航栏也修改一下
        啊
        比如说让他帮我们修改一个主题色
        嗯这样应该是可以的
        帮我修改一下网站的
        主题颜色
        我喜欢蓝色
        啊另外请帮我
        嗯修改一下字体吧
        我觉得刚才字体好像不太好看
        修改一下字体
        嗯卡片当中
        不同属性
        不同的
        当中不同的属性使用不同的字体
        OK啊大家可以看到
        现在又帮我们重新再修改CSS的样式
        其实每一次
        他都会帮我们按照我们的需求
        来修改一下我
        们的样式修改完成了之后呢
        他又我们就可以把新样式添加进来
        就可以直接更改我们的
        这个整体的一个效果
        所以大家可以看到现在编程
        对大家来讲其实是一个自然语言编程
        我们只需要通过聊天啊就OK了
        不需要太多的这种技巧
        所以有可能将来这个
        我不知道啊
        就是前端至少从前端展示来讲
        有可能培训班就没有必要存在下去了
        因为你没有必要去
        学那么多很多初级的前端方面的知识
        你只只只需要懂得聊天就可以了
        好我们现在再把我们的整个一修改
        修改完成之后啊大家可以看到
        已经帮我们把颜色改掉了
        现在已经改成了
        蓝色的一个背景色作为我们的主题色
        同时大家可以看到不同的
        我们的卡片当中不同的属性
        它使用了不同的字体
        这是eclipse的一个功能
        比如说producta这种是属于我们的
        你输入你需要打的
        每一个商品的名称
        呃整个单词的前面几个字母
        它是使用加粗了
        然后用art加斜杠
        然后呢我们的价格它是标细的
        让他帮你去猜一下可能是什么东西
        然后它也不同的字体
        我们现在要的是system
        这样的话相对来讲也会更好看一点
        OK我们就选择sixsystem
        双击也可以
        用箭头加回车也可以
        嗯如果说大家还想再修改的话
        然后点点了之后
        可以把它改的再更加的美观一些
        比如说我们可以让他
        比如说我们现在觉得我们只有啊
        三个产品
        我们需要让它产生更多的产品来展示
        那就呃请帮我请帮我生成更多的数据
        啊大家可以看到加现在这个
        他就可以帮我
        再多一些生成数据
        数据完了之后呢就可以让我们更加
        呃好的展示出来
        所以我我不知道大家有有什
        么样的感受啊
        就是目前至少从前端角度来讲
        你有可能简单的前端工程师就
        完全不需要自己去手写代码
        就是一个简单的前端页面
        啊叉GBD就可以很方便的帮我们完成
        我们想要的一些功能
        就包括我们的样式
        我们如何进行展示我们我们的
        就就包括
        我其实之前的时候还跟他聊过
        如果我们是一个大型的项目
        我们这个项目
        需要进行比较复杂的状态管理
        其实Chinesegpt也是可以帮我们实现的
        只不过是说可能你首先要懂一些编程
        然后你才能跟他更好的去交流
        就是以后可能我们不需要真的去
        懂特别多细节性的东西
        就可能细节你不需要特别特别的了解
        但是你可能需要懂一些
        然后就能跟他交互就可以了
        比如说我现在
        但是但是我们需要注意的是
        我们在写的时候
        你需要有一些编程的常识
        比如说我现在加了一个逗号
        它这里是标红的并且标了一个框
        那我知道是怎么回事
        是因为我中我现在用的是中文逗号
        中文逗号和英文逗号在编程的时候
        它的区别还是很大的
        如果你使用中文逗号的话
        就会导致出现很多的问题
        所以说大家还是有一定要
        有一点点编程的尝试
        OK啊那看到又帮我们增加了一些
        现在增加出来的呢
        就已经帮我们显示出来了
        但是他这一行展示了很多个
        可能还是不符合我的需求
        那我就只需要再让拆GPT
        再帮我们修改一下就可以
        了
        OK啊
        这就是一个简单的前端页面的展示
        从无到有可能也就很快
        因为我现在是连讲带说
        所以时间相对会慢一些
        如果大家只是自己做的话那很快
        比如不到10分钟
        就可以完成一个简单的前端页面
        就包括你想要什么样的效果
        他都可以帮你完成啊
        再可以可以给大家给大家添加一个
        就比如说
        比如说一般的页面它还会有一个页角
        在这里我希望柴GP帮我生成一个页角
        啊请帮我
        生成一个网站的页角
        比如说我我希望使用京东的样式
        啊
        仿照京东的
        网站
        OK大家可以看到
        它就帮我生成了一个页角
        而且是仿照京东的一个样式
        就比较有意思
        很快啊这个如果你手写的话
        其实还是需要花一些时间的
        但是如果我们用叉gpt的话
        很快就可以帮我们生成这个
        等一下考进来给大家看一下
        应该还是蛮有意思的
        OK布拉布拉还挺长哈
        可能是京东他的本身做的也比较长
        哦这个非常贴心啊
        帮我们除了生成了HTML之外
        帮我们把CSS都已经生成了
        那我们直接等会拿来直接用就可以了
        OK那我们就直接拷贝过来
        就先我们先拷贝
        HTML文件
        只需要加到我们下面就可以了
        啊
        大家可以看到在下面加入了我们的
        页角但是这个页角他不好看
        他加到了这里
        他这这应该是CSS的问题
        我们再修改一下CSS就好了看一下
        啊这加的有问
        题没有加完好像
        OK它是因为CSS
        它这这里大家可以看到
        这有个左括号没有
        右括号没有加完
        证明
        啊叉GP并没有帮我们把代码生成完
        这这个也是因为
        大家可以看到
        这一轮增加的代码量相对来讲比较大
        有可能因为CHATGBT
        每一轮生成的文字
        它是有字数限制的啊
        我们只需要跟CHATGBT说
        请帮我重新生成页角的样式就可以了
        刚才是因为上一轮代码量太大
        已经超出了他的这个
        输出的范围
        所以就没有办法帮我们很好的生成
        OK他又帮我把前面生成了一遍
        其实前面我们已经不需要了
        我们只需要把
        这个CSS复制进来就好了
        theirfooter
        theirfooter
        theirfooter
        theirfooter
        可以看到
        photo这里
        展示的还是跟我们的期望有一些差距
        那我们就可以让他
        再帮我们做一个修改
        啊页角样式不太对啊
        请使用Flexbox重新
        生成样式
        这里是footer
        然后帮我们加进来
        认真思考
        OK啊这就修改完了我们把它再加进来
        福特样式
        然后再加一下我们的
        把我们的HTML也改一下
        OK大家可以看到现在这个啊
        页角
        这里就已经完全符合我们的需求了
        关于我们啊购物指南啊等等
        而且每一个大家可以看到
        它都是一个链接
        而且对于链接来讲
        它还帮我们加了高粱
        就是非常的不错
        所以现在大家就可以看出来
        所以我就通过很短的时间
        就给大家演示了一下
        我们就通过聊天的方式
        和CHATGPT聊一聊
        就已经能够帮我们生成一个还
        可以的一个前端页面
        就如果说我们需要再
        把我们的工程变大的话
        我们可以再问一些CHATGBT其他的问题
        来帮我们进行一个更改
        比如说我们可以问他
        啊啊
        前端页面已经OK了
        多谢啊
        我想增加后端服务器
        请给一些推荐
        OK大家可以看到他就已经帮我们
        给了一些推荐
        比如说我们想要一个后端服务的话
        可以使用noteGS
        可以使用petsontheplusCarrubianrose等等
        布拉布拉布拉给我们一个推荐
        当我们有了这个推荐之后呢
        我们就可以
        如果说你对哪一个子项
        有比较青睐的话
        我们就可以针对
        这个子项进行一个更详细的修容
        比如说我倾向于使用noteJS
        请帮我生成一个模板框架
        OK啊
        他现在就帮我们使用note键s的方式
        生成了一个模仿框架
        我们把这个模仿框架复制下来
        复杂放到我们的代码里边
        我们就可以把它运行起来
        作为一个前后端完整的应用
        就已经OK了
        那从今天的角度来讲
        OK
        那从今天大家可以看到很短的时间啊
        我们通过聊一聊
        通过中文
        就已经可以让chatGPT帮我们生成一份
        相对来讲还比较完整的代码
        并且在这个过程当中
        如果我们遇到了什么样的问题
        我们只需要把这个问题
        直接复制复制给菜鸡PT
        它就
        能够帮助我们完整的解决这个问题
        那OK我不知道大家的感想怎么样
        我是觉得以后可能比较
        低端的前端工程师的开发的职位
        可能就已经没有太多存在的意义了
        因为如果你的这个啊
        做的页面非常简单的话
        我们其实是可以很方便的使用CHATGPT
        几分钟甚至十几分钟的时间
        就已经能够帮我生成了
        我们没有必要自己去写
        OKseeyounexttime
        后续会跟大家介绍
        更多关于CHATGPT的方方面面
        感谢观看拜拜

    查看全文

    本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.dgrt.cn/a/2168146.html

    如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

    技术宅小伙:测试ChatGPT进行中文编程的能力

    hello欢迎光临 今天跟大家聊一下 使用chatGPT实现中文编程啊 其实是用chatGPT实现自然语言编程啊 只用你用中文或者英文其实都可以 那首先跟大家看一下 这是我的chatGPT的一个界面 在这里呢我们就可以直接跟他聊天 比如说我现在想实现一个闭设……

    vue 实现左滑图片验证

    前言 众所周知,网页中滑动图片验证一直是各大网站、移动端的主流校验方式,其主要作用是为了区分人和机器以及为了防止机器人程序暴力登录或攻击从而设置的一种安全保护方式。从开发的角度来看要想实现这个功能还是需要一点时间的,但其实网上已……

    颠覆认知!“垃圾股”策略长期跑,10年翻100倍、近2年6倍,吊打茅指数!| 邢不行

    这是一个非常简单的量化选股策略,它只用到了两个基础选股指标。 代表策略的橙色曲线2010年至今从1元涨到了112元,年化收益43%;在近两年大盘下跌的情况下,这个策略更是逆势翻了6倍。
    这个量化策略究竟用了哪两个选股指标&#xf……

    Euler欧拉系统安装Nginx — centos一样、ubuntu使用apt安装依赖

    一、下载Nginx安装包
    官网直接下载.tar.gz安装包,地址:nginx: download
    使用wget命令下载。你可以先去官方查看版本,然后在使用wget下载对应的包。 二、安装 # 下载指令wget -c https://nginx.org/download/nginx-1.20.1.tar.gz​# 安装依赖……

    OpenAI ChatGPT3.5 completion API 入门指南

    官方介绍 ChatGPT 由 OpenAI 最先进的语言模型 gpt-3.5-turbo 提供支持。 使用 OpenAI API,您可以使用 GPT-3.5-turbo 构建自己的程序来做一些如下的事情: 起草电子邮件或其他书面文件编写 Python 代码回答关于一组文档的问题创建对话代理程序为你的软件……

    【笔记2-1】李宏毅深度强化学习笔记(一)Outline

    李宏毅深度强化学习- Outline李宏毅深度强化学习课程评价:强化学习:举例深度学习的特点:强化学习方法Policy-based approach — learn an actorValue-based approach — learn a criticActor-Critic李宏毅深度强化学习课程 https://www.bilibili.com/video/av247240……

    【笔记2-2】李宏毅深度强化学习笔记(二)Proximal Policy Optimization (PPO)

    李宏毅深度强化学习- Proximal Policy OptimizationPolicy Gradient术语和基本思想Policy Gradient从on-policy到off-policy (反复多次使用经验)术语和基本思想PPO 算法李宏毅深度强化学习课程 https://www.bilibili.com/video/av24724071 李宏毅深度强化……

    【笔记2-4】李宏毅深度强化学习笔记(四)Actor-Critic

    李宏毅深度强化学习- Actor-CriticAsynchronous Advantage Actor-Critic (A3C)回顾 – Policy Gradient回顾 – Q-LearningActor-CriticPathwise Derivative Policy Gradient李宏毅深度强化学习课程 https://www.bilibili.com/video/av24724071 李宏毅深度强化学习笔记&#xf……

    【笔记2-5】李宏毅深度强化学习笔记(五)Sparse Reward

    李宏毅深度强化学习- Sparse RewardReward Shaping课程式学习级联强化学习李宏毅深度强化学习课程 https://www.bilibili.com/video/av24724071 李宏毅深度强化学习笔记(一)Outline 李宏毅深度强化学习笔记(二)Proximal Policy Op……

    【笔记2-6】李宏毅深度强化学习笔记(六)Imitation Learning

    李宏毅深度强化学习- Imitation Learning为什么要模仿学习 Imitation Learning行为克隆Inverse Reinforcement Learning (IRL)李宏毅深度强化学习课程 https://www.bilibili.com/video/av24724071 李宏毅深度强化学习笔记(一)Outline 李宏毅深度强化学习……

    RapidOCR调优尝试教程

    目录引言常见错例种类个别字丢失调优篇个别字识别错误调优篇情况一:轻量中英文模型识别对个别汉字识别错误情况二:轻量中英文模型对个别英文或数字识别错误相关链接引言
    由于小伙伴们使用OCR的场景多种多样,单一的参数配置往往不能满足要求&……

    深度分析Palantir的投资价值,Palantir2023年将实现强劲反弹?

    来源:猛兽财经 作者:猛兽财经 在本文中,猛兽财经将通过对Palantir的股票关键指标、商业模式、盈利能力、影响Palantir2023年股价的关键利好因素等方面,对Palantir进行全面、深度的分析。 Palantir股票的关键指标 自从Palantir(PL……

    Pandas入门实践2 -数据处理

    为了准备数据进行分析,我们需要执行数据处理。在本节中,我们将学习如何清理和重新格式化数据(例如,重命名列和修复数据类型不匹配)、对其进行重构/整形,以及对其进行丰富(例如,离散化……

    一、lua基础知识1

    一、lua 的数据类型
    –类型 a1; –number print(type(a)) –number b"HelloWorld"; print(type(b)) –string 两种数据类型 ctrue; print(type(c)) –boolean true 或者 false d print; d("HelloWorld"); print(type(d)); –function类型 ……

    二、lua语言基础2

    1.lua的类型有哪些?答:lua的数据类型有:number,string,nil function,table,thread,userdata(用户自定义的类型),boolean(布尔类型) 2.什么是尾调用,尾调用有什么优点尾调用:在一个函数的最后一步开始调用另……

    quick-cocos2dx-luaUI控件讲解

    –MyApp部分 require("config") require("cocos.init") require("framework.init") local MyApp class("MyApp", cc.mvc.AppBase) function MyApp:ctor() MyApp.super.ctor(self) end function MyApp:run() cc.FileUti……

    quick-cocos2dx lua语言讲解 (动作,定时器,触摸事件,工程的类的讲解)

    –MainScene部分
    — display.newScene 创建一个场景 — 在quick里面我们的控件、精灵 一般是加载到场景上的 local MainScene class("MainScene", function() return display.newScene("MainScene") end) function MainScene:ctor() –创……

    使用quick-cocos2dx-lua 实现的小游戏(包含碰撞检测,触屏发子弹)

    –主界面local MainScene class("MainScene", function()return display.newScene("MainScene")end)ON true;function MainScene:ctor()local bg cc.Sprite:create("main_background.png");bg:setScale(2);bg:setPosition(display.cx,display……

    cocos2d-js 中scrollview详解

    /****
    开头的一些废话:
    1、多思考,善于思考
    2、懂得变通
    3、多多查询API首先复制一段 API中的源码:(UIScrollView.js)这段代码可以看出 scrollview
    中的容器是一个node,并且他的位置是:代码最后……

    cocos2d-js中的回调函数中世界坐标系和节点坐标系的相互转换

    世界坐标系和节点坐标系都是OPENGL 坐标系 1、世界坐标系原点就是屏幕的左下角; 2、节点坐标系的原点就是一个节点的左下角; 3、两个坐标系可以通过已经写好的cocosAPI进行想换转换; 4、所有的节点需要转为一个节点上或者是统一的世界坐标系……

    评论

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注

    站内搜索