宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

    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的一个界面 在这里呢我们就可以直接跟他聊天 比如说我现在想实现一个闭设……

编程日记2023/4/3 15:17:33

vue 实现左滑图片验证

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

编程日记2023/4/3 15:17:24

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

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

编程日记2023/4/3 15:17:10

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

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

编程日记2023/4/3 15:17:00

OpenAI ChatGPT3.5 completion API 入门指南

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

编程日记2023/4/3 15:16:50

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

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

编程日记2023/4/3 15:16:38

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

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

编程日记2023/4/3 15:16:37

【笔记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……

编程日记2023/4/3 15:16:37

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

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

编程日记2023/4/3 15:16:37

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

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

编程日记2023/4/3 15:16:36

RapidOCR调优尝试教程

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

编程日记2023/4/16 15:02:32

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

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

编程日记2023/4/16 15:02:09

Pandas入门实践2 -数据处理

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

编程日记2023/4/16 15:01:42

一、lua基础知识1

一、lua 的数据类型
–类型 a1; –number printtypea)) –number b"HelloWorld"; printtypeb)) –string 两种数据类型 ctrue; printtypec)) –boolean true 或者 false d print; d"HelloWorld"); printtyped)); –function类型 ……

编程日记2023/4/16 15:01:28

二、lua语言基础2

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

编程日记2023/4/16 15:01:27

quick-cocos2dx-luaUI控件讲解

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

编程日记2023/4/16 15:01:27

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

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

编程日记2023/4/16 15:01:26

使用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:setScale2);bg:setPositiondisplay.cx,display……

编程日记2023/4/16 15:01:26

cocos2d-js 中scrollview详解

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

编程日记2023/4/16 15:01:24

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

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

编程日记2023/4/16 15:01:24