源码编辑器4.0入门教程
hello， 小朋友们大家好，我是小五老师，从今天开始我们就来学习源码编辑器，那么首先要教大家的是下载源码编辑器以及安装，那在我们打开的浏览器当中搜索 编程猫社区， 点击百度一下，找到第一个编程猫社区，注意看这里是有编程猫社区的一些字样，不要选择其他有广告的，我们点击第一个， 那这里他就进入到我们的编程包社区当中，那这里我们学习的是原码编 机器，那在这一个界面当中，我们找到上方有三个点的地方看到下载，我们点击下载， 在下载当中里面有这么多的一些软件，那我们到底是哪一个呢？请大家注意了，是在往下滑左侧的第三个 原码编辑器，他的图标呢是积木以及由黄色，蓝色以及浅蓝色组成的， 如果我们用的是 windows 系统的，我们就下载 windows 七以上的版本，如果不是的话，我们就下载相对应的 sp 版本，那在这里呢老师使用的是一个 windows 的电脑，所以我们 点击他就开始下载了，等他下载完之后，我们就开始进入安装， 那么下载的这个过程呢，可能是需要一定的时间，请同学们一定要耐心的等候。 这个原版编辑器呢，它是非常的简单，而且它也是很支持我们小朋友去学习的一个编辑的软件， 那这里已经显示下载完毕， 我们开始进入到他的安装，那现在呢他是正在安装， 很快他就安装好了， 这一个就是我们安装完毕之后进入的一个默认的界面，大家可以观察到有一个编程猫，他的舞台背景呢是白色的，以及他有一些初始的积木。 那下一节课我们就来学习这些积木他的一些作用功能，以及控制编程猫的一些运动。好了，我们下节课再见。
粉丝1858获赞7582
相关视频
03:00
01:44
19:26
02:35查看AI文稿AI文稿大家好，我是亮泽西，这是玩一下兵器做的第四个游戏，叫做机炮守城， 就是他是这么玩的。我，我是一门炮，然后我要守这个东西，我，我这个画的不是很好啊，就是这这些坦克已经被叠加的看不出来是什么样子了，看，就是这个样子， 因为我刷了很多的通过程序，然后我们家就是不让他们碰到，碰到这个 我的成要，要不然这血量就会让，要不然血量就会减，这个血量是城市的血量，如果城市血量没有，游戏就结束，他是只有七十滴血， 看我这每一发炮弹都会造成一个非常大的爆炸，所以叫巨炮，但我没打到 照看，这次我们看一下假，假如让他碰上去会发生什么事。 看着啊， 这，我这是要把这隔断， 看 看最后就剩一辆坦克了， 看他接近之后会发生什么事。 看掉了一滴血， 现在可以看到这一村已经接近了。 看着啊，现在试下看看他们究竟会发生什么事。看雪掉的很厉害， 这就这个游戏的内容了。哦对，还有这个奖杯，这奖杯是我得分，我每消灭一辆坦克就可以获得一个奖杯，现在我已经两百四十多个了。
60酒量兄弟
02:30查看AI文稿AI文稿我做了一个 html 格式化编辑器，可以直接修改我们用 html 做成的 ppt， 非常方便。比如这里我选中 ppt 中的一个元素，可以修改它的粗体、斜体、下滑线， 还有删除线等，包括还可以选择它的样式，它的字体就会发生一些大小的变化，这里也可以更加的精准调节它的字体大小。在这里还可以选择一些居中、居左、居右，以及 选中字体之后，我们还可以调节字体的一个颜色的变化，这里有一个色板，大家都可以自由的调节，包括这里也可以选择这个背景的颜色进行调节，比如这里选中之后，我们还可以拖拽这个色彩条 进行选择，都是非常的方便，包括字体的这个颜色，当然如果不太喜欢，我们还可以直接点击清除之后再次进行设置。 这里的一个一些元素，我们都是可以自由的选择，如果你不想用这个快捷的菜单栏，是还可以在右边 这里修改，而这里的文字我们都是可以把公交放在那里之后都是可以直接修改。在右侧的这个功能栏里边，他会提供一些更加细致的一些调节，比如航高自建记等，包括一些透明度，还有一些高级布局 原码与标识。同时它还是支持十六比九，四比三这样的一个缩放，比如百分之七十五、百分之一百，百分之一百二十五，不过它最终的缩放都是按照同比例缩放，也是非常的不改变。原来的布局 都会在这个画布中呈现，我们点击左侧的原码，它能呈现出我们这 html 的 原码，当我们改这个文字的时候，它就会实时的修改 html 的 代码， 通过点击定位，他就会将这个元素定位到对应的地方，修改完成之后，这里还有回退到上一步和下一步的操作， 等我们编辑完成之后，我们直接点击导出 html 就 行，当然如果我们一不小心刷新了一下，他是会自动保存在我本地有个本地的草稿，我们点击恢复草稿就行，也不用担心我们一不小心 因为关闭浏览器或者是刷新导致的这个修改后的文件的丢失。以上就是我制作的这个 html 格式化编辑器的全部内容，目前还是在改 bug 过程中，也欢迎大家体验给出一些反馈和建议。以上就是本期视频的全部内容，我们下期再见。
29科技小亮AGI
01:47查看AI文稿AI文稿普通的人只是浏览网页，懂行的人呢，直接就是扒走全部的资源，正常我们浏览网页的时候，想要下载这个图片，应该怎么下载呢？直接右键对吧？那么如果要是右键下载不了的资源呢，我们就可以直接点击这个幻影窥探，然后看到这些网站里面的所有资源，直接就可以点击下载， 非常的简单，当然他不只有图片，还有视频，音频，其他还有一些原代码都可以直接展示出来。当然了如果要是只有这些功能的话，功能还是太简单了，我们直接点击这个开始格式化编辑， 点击完成以后呢，现在已经开始了这个格式化编辑的模式，可以直接编辑网页内容，我们这里呢用幻影支付来做一个演示，点击源代码开启格式化编辑。然后呢我们这里就可以修改任何的内容，比如说昨日收入 可以吧？然后今日收入没问题吧，对吧？只要你喜欢的内容可以随时修改点，哪里都可以， 哪里都可以改。这套系统的源码呢？我已经开源到了 github， 可以 直接来使用，当然了我们的这个成品已经发在了这个幻影论坛，就在这个资源分享新资源码这里， 喜欢的开发者呢，可以来看一下。我们怎么导入到我们的电脑中呢？我们首先下载这个压缩包，然后打开自己想运用的浏览器，直接点击这个拓展，点击管理拓展，我们打开这个开发人员模式，点击这个加载解压缩的拓展现在是没有的，因为我们没有解压缩，我们这里直接右键 全部解压缩，解压好了以后呢，我们这里就出现了，可以点进来，然后直接点击这个选择文件夹，现在就可以用了，就这么简单。然后这个拓展呢？现在就有一个新的了，我们可以直接点击运行，就这么简单。
39幻隐社区![[2026最新版]Python快速编写贪吃蛇游戏（附源码）！ #游戏开发 #编程 #源码 #贪吃蛇 #Python教程](https://p3-pc-sign.douyinpic.com/tos-cn-p-0015/ocI5V0JII1QfdYqUAHAQ7gpL0epCfEBGBGaCAJ~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2105197200&x-signature=FLbgV1UJvgli1H%2FYYc1yaImEp2Q%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=202609200109334A7700F1FA12D0D7BAB0)
04:34查看AI文稿AI文稿接下来给大家带来一个贪吃蛇的游戏啊，用 python 实现的啊，大门呢，总共就是这些，我们先运行一下这个效果，右键运行 啊，就能得到这么一个东西吧，非常快啊，也迟到了一百分， 两百分，哎呦，都在这个边边，是不是？哎呦非常危险哎，舔包啊啊，非常刺激啊，这个游戏。 ok， 我 们来看一下怎么去实现的。 首先来导入对应的一些模块啊啊，第三个库啊，比如说 pk 游戏开发库，一个把时间模块，一个什么浪派数值计算的，一个一个什么游戏所需的一个长量导入进来，这样我们设置什么这个棋盘的一个长宽啊，以格子为单位啊，四十八到二十八是吧啊， 宽为四十八，高为二十八，然后呢要初十画一个什么分数扣，接着呢，我们写的对应的什么食物类，贪吃蛇，贪吃蛇类，以及要会制游戏的边界检查游戏是否结束 啊，你显示文本呢？处理什么键盘的按键是吧，我们自己要去手动按这个键盘上的东西，才能去让他去上下左右去移动吧。 然后什么游戏初识化，游戏主循环以及主程序入口，以及什么程序入口， ok， 那 我们这个地方就什么啊， u g 运行之后就会调用这个主程序入口啊，要进到这里面来， 进到这里面来之后呢，我们就什么调用这个 game unit 来初识化这个游戏，然后什么再调用 game 这个方法啊，进入到什么游戏的一个主程序 啊，就这里进来之后呢，我们要创建这个十的对十对象啊，以及什么实物对象啊，以及设置什么中文字体和大小啊，这里我设置的是黑体啊，二十二字，并且写的什么用了这么一个变量来标记这个游戏是否失败啊，如果是零呢，就表示正在游戏中 接写了个外出啊，不断循环啊，无限循环的这么一个游戏主循环接什么啊，再写了一个内嵌的这个副循环啊，来处理这个事件的队列 啊，如果说我们点击的这个关闭啊，那么就什么退出游戏了，接着呢要去填充这个背景色会是什么游戏的一个边界，以什么获取用户按键的一个命令啊，那是就使用到这个库里面的这个 key 啊啊， 然后再去吧处理这个按键啊，这里有掉了个什么 process， 什么方法啊来处理键盘的按键啊， 那么是吧，如果你使用的是这个什么 w 键啊，或者什么上箭头键啊，它就会什么向上去移动啊，如果是什么 s 啊，那向下 a 是 什么向左 d 呢？向右写什么重置游戏啊， 那什么还有 es 退出游戏啊，整个逻辑就是这样子的，要是如果游戏失败呢，那么这个参数是吗？啊就是为处了啊，那我们就什么进到这里面打印这个画 game over， 也是刚刚看到的这个什么 game over 啊， 如果还在正常的运行啊，那我们就时刻检测它是否吃到食物啊，一旦吃到食物呢，我们就要更新这个食物的位置吧啊以及移动这个蛇啊，然后什么去检查这个游戏是否结束啊， 然后什么要用这个转方法去什么画出这个贪吃蛇啊，它的一个半径啊，是吧舌头半径，舌头的一个轮廓，宽度，颜色等等啊 啊，然后什么每次吃到食物呢？我们什么会显示当前的一个分数是吧？每吃一个是什么一百分啊？吃第二个两百分啊， 你是吗要刷新这个啊，屏幕显示啊，以及什么控制游戏的速度，比如说我刚刚用的话都感觉很快，不对不对啊，如果你觉得什么太快了啊，反应不过来，你可以什么稍微给他什么调大一点啊，让他不要那么快。 ok， 这是什么？这个游戏的主主循环啊，然后对应的一些方法对不对？设置边界啊？刚刚这些我们也一起看过了啊， 一下这什么 snake 的 这个贪吃蛇类的一个方法，关于这个触食蛇的身体啊，什么对应的啊，我们就不多讲了。嗯，如果你感兴趣呢？对这个代码 有需要你就一键三连啊，私信博主啊，然后就会发给你了。
15小咪小咪
59:58查看AI文稿AI文稿log 咳嗽聊天聊了几百页 ai 改代码，改着改着把功能给删了，开源项目拉下来跑不通需求，纯靠对话存着，迭代一次崩一次，想做二次开发又看不懂原作者的架构改完全是冲突。不管你是刚上手 ai 编程的新人，还是经常把开源改需求的后端、前端，这些坑基本都踩过。今天就专门解决两件事，开源项目怎么拆解，二次开发怎么做， 全程手把手实操。本期公开课的完整课件评论区置顶领取，全程用科 sir 搭配 codex 携手开发，不用硬啃几千行原码，靠 webco 定的思路，逆向拆解任何一个开源框架。不管是纯前端的小项目，还是 openclaw 这种多端 agent 的 大型 ts 项目， 从零搭建、改造、定制全流程一步不落。整套课程分成入门、高阶两大板块，零基础也能跟上。入门篇吃透 webco 的 底层研发逻辑，不用手写大量代码，就能快速独立开发出一个完整的 web 应用。高阶篇教你逆向拆解开源源码，替换大模型， 对接企业的 o a 和非书，搭建一个私有化的数字员工。同时还教你一套全新的工程化维护思路，不靠代码，靠需求文档管住长期迭代的项目，全套配套物料也都整理好了，课程同款的提示词、部署命令，加个模板直接复制粘贴。不管是从零开发还是改造开源项目，都不用自己反复试错踩坑，拿来就能上手实操。公开课现在开始， 大家好，我是暮雨啊，欢迎大家参加我们 web coding 课程的第一讲啊，今天也是我们 web coding 开课的第一期，那么今天呢，其实主要是啊，也是想通过这门课程来给大家去介绍一下 最新的啊，我们在编程方面的一些全全新的这种研发范式啊，也就是说其实我们现在已经不再是在做项目的时候，还在去一行一行的敲代码了啊，同时我们在 整个的啊这个编程领域，还有其他的这个产品应用落地领域，那么实现的方式其实相较于二五年都会有非常大的一个差别，那么核心的一个原因就是大模型的一个崛起，以及 ai 编程啊，大模型结合着编程的 agent 在 外部固定这样的一个方向上的应用，就 导致了啊，其实我们无论是程序员啊，还是你之前是做产品的啊，或者是你和程序员产品都没有相关，做一些运营的都是可以很快的去接接入 web coding 来去研发出你的这样一个落地的产品啊。所以其实对于 web coding 来说呢， 他呢，对我们啊程序员来说，或者是非程序员来说，都是一个全新的这样一个开发的范式，而且他已经极大程度上去降低了编程的这样的一个门槛啊，这个也就意味着 对于程序员出身的啊小伙伴来说，那么日后呢，可能就不再需要去主行的手写代码了，我们是可以直接由马农的这个身份啊，也就是通过 呃具体研究代码的细节啊，传统的这种工作方式去转化成啊，你的这个产品的主理人，也就是通过 web coding 这种自然语言啊，氛围编程的方式去把用户的体验 去把它提到上一个层级啊，所以呢，对于 web coding 来说，它其实是极大程度上去改变我们 在后续啊，尤其是在二六年以后啊，我们去研发的这样一个方向，包括大家也能够发现啊，在用人的这个岗位职责要求上，其实也慢慢的出现了很多说你在某一个岗位啊啊，一定要具备 ai 编程工具，或者是一些 ai 编程工具的 ai 工具的啊，这样一些使用的范围。所以我们这门课程呢，其实主要就是为了帮助大家不写一行代码啊，就可以去交付工业级的这样一个产品。而我们在本期的这样一个课程中啊，包括从今天到接下来的几周， 所有的啊研发的这个案例，都是全程直播，带着大家去进行讲解啊，也就是说我们现在呢，每节课其实都会有一个主题，然后我会借助于 web code 加上 code 以及 codex 来带给大家去完成从零到一的这样一个产品研发啊。所以这个呢，就和我们之前上课的形式有很大的区别啊，一般来说，我们之前是会给大家把这个 项目啊先给研发好，然后对着代码来给大家去进行讲解。但是现在呢，我们就全程直播着啊，使用 web 扣定来去做啊，其实整个的这个过程，大家就会发现，当我们 使用我们能够应用到合理的这样一个提示词，再加上对应的这样一个产品思维啊，其实哪怕你之前不懂代码啊，或者是你对代码的这个基础并不是很强，也能够开发出非常复杂的这样一个应用，这个是毫无疑问的，而我们这个课程就是帮助大家来解决这样的一个问题啊， 那当然啊，今天是我们的这个 web coding 课程的第一讲，我们重点呢也会给大家去介绍一些啊， web coding 相关的一些基础，以及它的一些特性，以及我们在学习过程中 都应该站在什么样的角度来去进行使用和应用。同时呢，我们会给大家去介绍一下，那我在二五年的下半年啊，也就是从八月份开始，就已经啊全面的去探索 web coding 在 实际应用的这样一个落地的 呃，前沿的这种使用的技巧啊，所以呢，我也会分享一下，平时我在进行项目调研啊，源码解读，工程化交付，代码研发等等这一系列所应用的这样一个新法啊，技术障碍以及我使用的流程，以及我使用的像 科斯或者是克拉扣的研发的一些技巧，都会在我们的这个课程里面啊，给大家重点的去进行一个讲解。所以我们今天的这个课程里面啊，给大家重点的去进行一个讲解。所以我们今天的这个直播安排呢，上半场相对来说会比较轻松啊，因为还是有一些小伙伴。 呃，之前不是这个编程出身啊，之前只是听过有 web coding 这样的一个词啊，知道它能够通过自然语言描述去生成一些代码啊，落地一些应用产品，但是它的整个的核心特征啊，以及 传统意义下的一个完整的软件开发周期是不太了解的啊。所以我们今天呢，主要是围绕以上六点来给大家展开 基础部分的一个讲解，帮助大家快速的去建立 web coding， 在 ai 编程研发新法下的这样一个啊，全新的研发的范式，那么同时我们在下半节课也会从零到一的啊，带着大家去使用 cursor 从零开发一个 ai chatbot 系统啊， 啊，你可以列成这样，是一个我们自己研发一个 check gpt 的 这样个系统，当然我们在直播间啊，就是我们的答疑群啊，也是给大家提前发布了这样的一个写作的文档啊，大家可以看一下。呃，这个写作的文档呢，是我在下半场直播的这个过程中呢， 所有用到的这个提示词，我会直接的粘贴到这个写作文档上，那么大家如果有条件的话，想要使用科三啊，如果你现在就在电脑前打开了这个科三，那么啊就可以来这里面和我来实时的写作， 直接啊来去进行呃，从零到一 ai chatbot 的 这样一个研发啊，所以整个的研发的这个过程呢，都是公开透明的，而整个的这个过程呢，其实我在这里也是想给大家去进行的一个说明啊， 就是当我们再去学习 web coding 的 时候啊，它其实是和我们之前在讲解一些具体的知识点，会有非常大的一个差别， 就是啊，大家可以理解一下，如果传统的这种编程的方式啊，我们一般来说先去学习学习一些对应的这个语法啊，学习一些他技术的这个框架，然后学习一些脚手架，然后呢再去基于对应的一个功能去进行研发。 那么对于 web 编辑来说，我们是通过自然语言编程来去引导大模型去帮我们生成代码，那么这样的一门课程， 大家应该重点关注学习什么呢？哎，所以这一个点呢，可能是非常多小伙伴比较疑惑的啊，甚至是你有可能在报我们这 门课程之前都在疑惑啊，这个 web 编辑我只要是说几句话就可以让他帮我生成代码，那么我们这门课程要学什么呢？其实啊，这个疑问呢，也会在接下来给大家 重点呢去进行一个说明啊说明啊，所以大家理解了这个以后呢，基本上就知道，当你在日后进行开发的时候，借助于比较强大的这种 ai 的 编程工具来去进行产品落地，那么你整体的这个研发的新法啊，你整个去进行提示的这样一个思路，以及你对无论是 cpu 也好，还是 cloud code， 或者是你使用国产的处理器等等等等啊，这个研发的思路都 都是一样的，他们之间唯一的一个区别就是你所使用的这个 ide 啊，会有一些区别，那么自然而然对应的这个 ide 上面就有一些功能按钮啊，他们之间有一些啊些许的这个差别。那么还有一点就是啊，当我们在进行 ai 编程的时候，如果你使用的这个模型性能不强啊，那么 你哪怕是精炼到最好的这样一个需求，生成准确的这样一个代码。 所以呢，我们这里建议大家强烈建议大家不要尝试着去接入像一些小参数量的开源模型啊，来去进行使用。 虽然啊，使用 cursor 或者是其他的 color code 是 可以通过欧拉玛或者是 v i m 来去进行这样的一个模型的接入，但是实际的应用效率是非常非常低的啊，它会导致你 写一些简单的应用啊，这个 bug 改都改不完啊，所以这个呢是需要大家明确的啊，知道的啊，大家还是需要花费一点这个，呃，花费一点金钱啊，来去使用最好的这样一个模型， ok 啊，那么上面也说了很多，我们就重点的来看一下，那么到底什么是 web coding， 那 么对于 web coding 来说，呃，简单理解，它是一个 ai 编程的一个比较 好听的这样一个名字。那么所谓的 ai 编程呢，它指的就是像我们在使用 crayon 呀，或者是 cloud code 里面， 它们本质上都是内置了一套 agent， 智能体啊，智能体的这样一个架构，然后在这个智能体的架构里面呢，去接入一些啊比较好的编程模型，比如典型的啊，就是 cloud code， 呃， cloud 的 sonic 四点五，还有 opus 四点五，而且我们最近 呃也好像是说这个 opus 四点六啊，还是还是 front 五要出来啊，好像是有这样的一个说明，同时我们国产的这个 deepsea v 四好像也很快就要发布，所以 底层的这些模型呢，他们本身的这个编程性能，加上啊所构建的这样一个 agent， 那 么它就能够去读取你的这个权限啊，识别你人类的这个意图，然后编写对应的一个代码，进行你终端的控制，进行运行测试等等这样一系列的流程。 所以它呢是可以非常方便我们去做一些啊，比如说快速的一些圆形的设计啊，你有一些小的想法， 你想要去落地一些啊，前端的这样一些应用啊，或者是小的这种 app， 你 有一个小想法，你可以快速的做一些圆形的设计，那么同时呢啊，比如你正在 企业里面进行工作，然后你做一些企业内部的这样一些流程啊，无论是 agent 啊， reg 还是传统的这些应用产品， 做一些小的 app 开发内部的工具啊，都是可以使用 web 定来去进行做的。那么同时像一些创新性的实验呀，或者是你之前本身就不是程序员啊，你也想去开发一些相关的应用，那么你是可以通过 自然语言对 ai 来去进行指导啊，也就是你告诉这个编程工具，你给我开发一个什么什么什么样的网页啊，它就给你自动去进行编程了， 整个的过程呢，他不是传统意义上的这种手写代码啊，所以到了二六年的这个节点，大家在学习的过程中千万不要去纠结啊，千万不要去纠结你有没有带着我一行一行的去敲代码呀， 我到底懂不懂每一行代码他们之间的关系啊，其实完全没有这个必要，而且在二六年及以后，随着外部口径以及编程大模型他的一个崛起呢，那么未来对于程序员的开发来说，也绝对不是 你手写代码，或者是你人为的去控制某一个流程，更多的去参与进去，这个肯定不是未来的一个发展趋势，而更多的就会倾向于我们更好的去提示 agent， 来让它帮助我们完成复杂的一些需求。 那么大家应该都非常了解，也听过最近非常爆火的这个，呃， cloud boot 啊， cloud boot 啊，现在已经改名成为了 open cloud， 那么这个产品呢啊，作者就已经明确的说了，所有整个的这些产品，却所有整个产品底层的这样一个框架代码，全部都是使用 web 编辑来去进行的一个研发，那么同时它也能够达到在 github 上单单天能够提交一点三 k 个 comments， 所以这个肯定就不是人类能够去进行一个研发的啊。所以对于现在的这个 web coding 来说呢，它其实啊并不是要完全的去替代我们传统的这种软件工程，而是在这样的一个 ai 编程工具的加持下，它是可以去简化我们开发的一个流程， 同时呢去提升啊，整个内部啊，整个产品的这样一个迭代的效率。所以这个是 web coding 氛围编程，大家用最简单的理解就是我们可以对一些 ai 编程的 agent 啊，也就是大家看到的像 cursor 啊， cloud code 或者是 vs code 里面去安装一些啊 complete 的 这种插件，或者是谷歌的反重力，或者是我们国内的 tree q 的 啊等等等等啊这些它们本质上都是一样的啊，都是做这样的一个事情。 ok， 那 么我们刚才也说了很多，那么 web coding 它的一个核心特征其实就已经非常明显了。那么首先第一个，第一个啊，非常明显就是它是自然语言驱动的， 所谓的自然语言就是我们用人类之间沟通的这种对话，比如说啊，你给我去写一个 to do list 的 web 应用， 然后呢我们直接使用对应的这个编程工具，然后 ai 就 可以调用它底层接入的这个大模型，自动的去生成 html css 啊， java script 等等一系列的利用来帮你把这个 to do list 的 web 应用来去进行一个开发。 那么对于之前啊，如果你要是自己去进行研发，哪怕你的编程能力比较强啊，多多少少也需要大半天的时间，但是现在来说，对于 ai 编程，它可能就只需要一句话的这样一个时间， 所以我们可以实际的来进行一下测试。当然我们今天呢啊主要使用的是 cursor 啊，我们课程在接下来后面的最后两周也会给大家陆陆续续的去讲解 cloud code 和 codex 啊，我们给大家讲解的这些编程工具，当然我们这里啊主要是使用的是， 呃， opus 四点五，那我们就来实际的去测试一下，那么自然语言驱动做的事情，帮我写一个 to do list 外部应用，来，我们去试一下啊，帮我写一个 to do list 来，我们现在就直接啊对它说这样的一句话，然后呢直接点击发送哈，这个就是自然语言编程氛围编程啊，就是你用来去提出需求，然后接下来让大模型来去帮你去进行一个运行，那么你可以看到啊，它开始去进行一个思考了， 然后呢开始去给你写这个 index 点 html 的 代码了啊，非常快的快速的再去进行一个刷新。 嗯？声音比较小吗？啊？声音应该是，呃，声音应该是 ok 的 呀， 来，我们稍微等待一下啊，让它去进行一个编辑哦，我们让它去啊进行编辑的，我们继续的啊来去给它讲它的第二个特征。那么第二个核心特征呢，就是我们在整个 webkit 的 这个过程中，其实你就可以把 ai 大 模型加上对应使用的 agent 来去作为啊 你原来的雇佣的这样一个程序员，也就是你去提出需求，让这个程序员来去帮你实现。只不过现在这个程序员的身份呢，变成了 ai 加上对应的一个编程的工具。 所以啊， ai 它作为主要的这个代码编辑者，它已经不再是之前的啊，我们可以去做一些自动的补全，而是它可以去识别我们人类的这个意图，同时呢去确认对应的结果，调整最后的一个输出，然后去编写完整的这样一个系统架构。所以 通过这种的这种职责的啊，或者是 agent 技能的一个转变，所以它才具备构建复杂应用的这样一个能力。那么第三个啊，当然而然就是我们在整个使用 web coding 的 这个过程中呢，它是一个交互和快速迭代的这样一个过程。 所谓的这个快速交互，交互和快速迭代，它其实指的就是当我们去创建一些什么土豆 list 的 外部应用， 可能涉及到很多的这种企业级的落地的系统，那么里面有非常非常多的功能，每个功能又有对应的这个，呃， 每个每个功能又有对应的一些小的细节点，而每个小细节点里面又包括很多的啊这样一个测试优化的一些的流程。 所以我们在和 ai 编程再去进行项目落地的这个过程中，其实是通过多轮跟他进行对话，来去引导他 完成整个项目的一个研发。所以这里面大家可能就听过一些词，像什么通过这个 specit 呀啊，通过文档驱动的这种形式呀啊，或者是通过一些 agent skills 啊，或者是通过 mcp 来获取一些最新的知识等等等等这一系列的技巧。 当然对于这一系列的技巧呢，它是属于当我们在特定的这个场景下来，去让 ai 编程里面的这个大模型去获取到外部他之前不知道的这样一些信息的其中的一个有效的途径， 比如说像 m， c， p 啊，那么它呢是可以去接受外部的一些的工具啊，包括对于 it 的 skills 啊，也是一样的，就是让它去调用外部的工具获取实时的这样一个信息， 所以整个的进阶的一些流程呢啊，当然我们的 agent skills 啊，或者是 mcp 啊等等应用的一些技巧，我们也会在接下来的课程中逐步的来给大家去进行解锁和进行一个说明啊，这是第三个啊，它的一个交互式替代，我们这里应该是已经完成了啊，我们可打开看一下， 我们打到我们打开看一下它的这个 to do list， 呃，一盘的 coding 这里啊，这个是我刚才去创建的 哎，你看这个就是我们用一句话来给一句话，它就给我们把这个事情做完的 这样一个图图历史的的清单啊，其实你会发现啊，这比我们之前自己去写的码要非常快的多的多啊，所以当然我们通过这样一个简单的应用呢，它确确实实是可以构建这样的一个流程啊，我们也是给大家实际的去进行了一下演示，那么大家呢，也是可以啊，直接 把这样的一个一句话在你的 cursor 里面去进行一个尝试，我把它现在呢放在我们直播的这样一个写作文档里面啊，大家可以看一下我们的第一个，哎，我把它复制一下， ok 啊，第一个啊， web 测试，大家可以进入这个写作文档来去进行一个粘贴， ok 啊，然后我们继续啊来讲解我们的这个课程的内容， 那么啊刚才也是给大家去进行了一个介绍。那么第三个特性就是它其实我们在和 ai 进行交互的时候，尤其是在落地企业级的这种产品的时候，那么它是一个快速迭代的这样一个流程。那么同时最后的第四个，第五个，它就相当于我们整体可以使用 web web coding 来 达到达成的这样一个效率的提升和我们最终目标的一个转向。那么首先第一个就是啊肯定码啊，不需要我们自己的去进行写代码了，我们只需要清楚的去描述自己的这样一个需求。然后呢把你的产品形态， 把它拆分成具体的一个技术细节和系统架构，来逐步的让大模型来给我们进行生成，而你作为一个管控者来把控中间每一个功能的实现的细节，以及它实现的完成度啊，所以你 你已经从一个马农啊，去程序员去变成了一个管理者的这样一个视角来看待这样一个事情，而最终的啊，他 ai 编程我们所做的事情呢，往往都是目标与结果导向， 所谓的这个目标与结果导向它指的是什么呢？很多小伙伴容易陷入到的一个误区就是，哎，我这个 ai 编程啊，它开发出来的这些代码我不是很信任它啊，我就是要它每生成一些文件呢，我都要花一点时间去仔细的阅读一下它生成的这些文件到底有没有问题。 其实我想和大家这样说的，就是可能会引起大家的一些反驳，就是对于未来的这样一个发展趋势，我们可能就不再拘泥于说你 ai 生成的这些代码到底是什么了。 以我个人的这个举例来说啊，我们我在进行 web coding 开发的时候，从去年的八月份啊，从到现在啊，是疯狂的在使用 kaws 去探索他们协同开发的这样一个能力， 那么基本上整个的这几个月的期间，我开发出了无数的 a 阵的和 reg 的 这样一个系统，但是整整个的这个代码的中间的细节啊，代码的，呃，代码的啊，生成了什么样的一些代码，我基本都是不看的， 那我要看的是什么呢？我要看的就是我让它实现出来的这个前端的 ui 是 不是符合我的这样一个要求， 我让他实现的对应的一个功能产生出来的这个结果是不是符合我的这个预期。而只不过我所做的事情就是让他在生成 ui 以及生成最终的结果之间给他去做技术选型，然后引导他去进行测试，并引导他进行前后端的一个连条。 所以我们现在在使用 web 编辑去进行开发的时候，大家千万不要陷入到说，我必须要去看一下 ai 生成的这代码到底是写了什么，每一段到底是什么意思，其实没有任何的一个意义， 所以大家一定要去把从代码导向去转化成结果导向，也就是你需要它给你做成什么样的一些产品，你需要它达到什么样一些功能，然后你通过让它自己去进行测试，整个过程不需要你去读代码，不需要你去写代码。 当然啊，对于一些细节问题啊，大家还是需要去啊快速的啊，看一下代码，来引导他去进行一个 delete 调整，当然这个仅仅是大模型反复的去进行提示，他没有办法去解决你当前 bug 的 这样一个前提下，我们才有必要去阅读他的一个代码。 所以对于当前的啊，这样一个 web coding 构建的一个流程，我们来看它，其实呢，就是让我们不再去拘泥于具体的一个代码的细节，而是去关注它最终的一个产品以及产品落地的这样一个价值。 所以这个是我们啊现在使用 web 控件来去进行研发的一个核心的思路，可以我看这个稍微有一点，哎，我把它往这边拉一点，然后这个 ppt 我 把它先关掉，嗯， 是不是啊？我先把我的这个窗口给关掉啊，嗯，窗口才行， 哎，啊，这样是好了， ok， 然后所以我们其实上面说了很多啊，那么 web coding 它到底是难呢？还是比较简单呢？ 这个大家要从不同的维度去看啊，比如说如果是你想要低速的快速让他产生一些脚本啊，然后你让他去做一些简单的小应用，小 demo 是 可以几句话实现的一些功能，那么 web coding 对 你来说其实不是很难，你也完全不需要去 深入的进行一个学习，因为正如像我刚才给大家演示的那样，我们直接给他输入一段话，我就是想做一个土豆历史的这样一个小 web 应用，那我直接我花钱购买一个 cut 的 ide， 然后我选择 cloud opera 四点五的这样一个模型来去进行应用就 ok 了啊。所以它整个的过程呢，看起来啊还是比较简单的，同时对于一些简单的应用，确确实实我们不需要掌握太多的这样一个流程。但是如果大家是想要从从事啊一些呃 ai 程序员的啊这样一个方向啊，同或者是你作为产品经理啊，你作为运营人员，想要去自己研发落地，以及你做人个作为个人开发者， 想要去落地一些复杂的应用系统的时候，那么其实 web coding 还是比较难的啊，确确实实是比较难的，相信之前有做过 web coding 的 小伙伴应该会深有体会，那么最大的难点就是 做简单的这种应用系统啊，还是比较容易的啊，比如他能非常快速的帮你实现具体的一个流程，但是当你的这个系统啊，一旦稍微变得复杂一点，你在修改其中一个功能的时候，他会把你另外一个功能给你改掉。 那么同时呢啊，如果你在设计一些前端 ui 的 时候，你会发现你不论怎么给他截图，怎么给他提示，他都没有办法去啊达到你想要的这样一个标准。那么除此以外呢啊，他可能还会误删你的代码等等等等这一系列的操作 这些呢，其实往往他都是出现在这种呃复杂架构或者是复杂落地产品的这样一个形态下， 所以对于呃使用外部控制来说，我们首先第一点必须承认的是，我们在给他去进行普朗的提示的时候，也就是我们通过自然语言去进行描述，就正如我们刚才给他说的啊，你给我去做一个 to do list 的 加一个外部应用，那么自然语言本身它就是有歧义的啊， 尤其是我们中国的这个汉语博大精深，你说的这个话不一定就是模型理解的这个意思，那么一旦你的这个需求描述的不是很精准，那么就会导致那么大模型基于不理解的啊这样一个意图，它生成的代码肯定就是不太符合你这样的一个预期的， 所以这个是非常容易能够想到的这样一个问题。那么第二个就是 ai， 它的整个输出是极其不稳定的 啊，尤其是你如果是一直在使用像 cloud code 啊里面的这个呃， sonata， 四点五或者是 opus 啊，或者是 cursor 里的 啊， codex， gpt 五点二等等这些顶级的编程模型还是可以的啊。正如我在之前给大家说的，如果你真的去尝试使用一些小参数量的这种开源模型，然后让它去帮你编写复杂的这样一个 复杂的这样一个代码生成任务，那么你会发现啊，你基本上是很难通过提示或者是一些技巧来引导它正确的生成的。 所以整个的啊，这个 web building 在 构建的这个过程中呢，它基本上是属于一个迭代循环的这样一个本质，也就是我们呢啊通过自然语言去给它发出一定的描述来，去实际的去进行生成，那么它生成的这个代码呢？我们要 人为的去进行验证，或者是通过让 ai 自己去做一些单元测试，来测试一下它当前实现的这个功能是不是符合我们的预期，也就是前后端啊，数据是不是通畅的，然后啊去进行一个重复的这样一个迭代， 所以它整个呢是一个循环的这样一个流程，而我们说它实际很难，当然当然就是作用于我们需要它构建的这样一个应用，是相对来说比较复杂的， 所以这里面啊大家就应该能够理解了。如果是对于一些新手来说，那么大家学习 web coding 的 一个重点并不单单是我们要怎么通过一些提示词来去引导他去进行一个任务的生成，而是你更多的需要通过一个产品设计的这样一个视角 来去知道每一个阶段你需要给大模型提供什么样一个内容，以及你在构建具体的功能的时候，你要通过什么样的手段来去给他添加提示， 从而才能够整个的去管理你复杂整复杂系统的这样一个架构啊。所以这个才是我们在学习 web coding 的一个核心的思路，就不再是局限于说我们要去探索一下某一项技术，它到底实现的原理是什么啊？啊？这个是我们学习知识点要做的，但是对于 web 编辑来说，包括我在接下来做的每一个项目，我都不会给大家去讲解知识点， 但是我会明确的告诉你啊，我会用我们直播过程中的实操演示告诉你我们应该怎么让大模型明确的知道，我们要让他知道的这样一个知识点啊，所以这个听起来很绕，那么简单理解，就是我们需要把我们内心的这样一个想法， 以及我们要求大模型生成的这样一个规范，通过提示以及借助于不同的 a 键的如 ctrl 或者是 cloud code 的 特殊它们内置的这样一些功能，来引导大模型去管理它的上下文，生成对应的一个代码提示，以及有效的管理整个软件开发的这样一个流程。 这个是我们 web 定啊整个过程，过程过程学习起来是相较来说并不是很容易的。所以为了理解这个过程呢，我们就一定要知道传统的这个软件开发生命周期它到底是什么样的。 那如果之前大家不是做这个开发的，可能对这个软件开发生命周期相对来说比较陌生，那么我们可以用一个通俗的方式来给大家去进行一个理解，那么这个通俗的方式呢？就是所谓的这个软件的开发周期啊， 它其实指的就是当我们内心有一个想法想要去做一个产品啊，比如说像啊 deepsea 的 这个网页端啊，比如说像呃最近几天爆火的这个 opencloud 等等，就是当我们有这样一个想法的时候，那么我们首先呢先要去规划一下啊，先要去规划一下 当前的啊，这个产品他是不是值得做啊？以及我们现在是不是有对应的这样一个资源来支撑我们去完成这样一个产品啊？这个是首先第一个一个标准的软件开发周期，那么第一个就是先去做业务的规划与立向啊，所谓的立向就是我们确定了啊， 这个东西就是值得的，我们接下来要去做，当你确定了某个产品他必须去做的时候，那么就来到了软件开发周期的第二个阶段，那么第二个阶段就是基于你确定好的啊这样一个产品的形态，我们要去做详细的这样一个需求的分析。 那么所谓的这个需求的分析就指的是你做出来这个产品啊，要么是盈利啊，肯定要么是啊干干别的啊，肯定是需要有所图啊，才可以才才才有价值去做这样一个产品。所以所谓的这个需求分析啊，他就要做的是我们要去评估一下啊，你当前的这个产品， 他啊面向的用户是谁呀？我们要做这个产品，他的一个业务目标是什么？以及当我们想要做这个产品的时候，那么都需要具备什么样一些功能，那么每个功能的一些边界又是什么呢？ 哎，我们不能无限的让这个产品去增加啊，无限多的这个功能，我们对整个的这功能边界也不去进行一个限制，这个肯定不是一个正常的这样一个产品的研发的流程。 所以第一步当有了业务的规划，确定了产品的形态，以及有了第二步的这个需求分析啊，我们知道要基于这个产品去做什么样的功能，接下来才会去做第三个阶段，也就是所谓的系统设计， 那么这个系统设计呢，大家就可以理解成大家现在使用的这些产品，那么它底层呀啊，都是通过像啊这个编程语言构建的前端和后端，那么主要的这个服务层呢，一般都是通过像 算法呀，或者是 python 这种后端的这个服务。那么前端大家所使用的这个页面呢？啊，可以使用像 react 啊， view 啊啊这种前端的开发语言。 所以这个系统设计啊，它就涉及到我们当前的这个产品啊，它的前端是什么样的啊？我后端采用什么样的一个技术栈啊？比如说啊，我去进行大模型 a 证的开发，我是 采用 logitech 框架去做，同时我使用 deepsea 啊，或者是千万模型等等等等啊，这里面就涉及到我们在做整个这个系统完成的时候，我们要去拆分对应的一个模块啊，我们要去设计啊，对应后台的一个数据库，我们要设计前后端的一个服务的链条等等，最终产出一个 前后端的这样一个标准的文档啊， a p i 的 文档，这是第三个阶段，那么第四个阶段就是实际的去进行开发了， 那么实际的开发的这个过程在传统的这个业务留下。那么像啊前端啊，就是给前端的人员来去进行开发啊，他们去根据 ui 画出来的这个设计图，然后把前端的这个网页给画出来啊，同时提供对应的一个接口的文档。 那么后端呢啊，开发后端开发程序员啊，主要就是提供当前网站对应的一个后台的服务，包括数据库呀啊，包括一些核心的业务逻辑呀，主要处理数据的一些交互的问题。那么第三个阶段啊，就是前端也开发完了，后端也开发完了，然 然后两个啊拉到一起去做一个前后端接口的连条，也就是我的这个前端呢，是啊，通过用户可以直接访问，通过点击啊来去传输一些数据。那么所谓的接口连条就是前端用户点击某一个按钮以后，他可以通过接口的方式传递到后端的这样一个接口服务 会最后的一个结果啊，所以才有了大家使用到的一个一个的这样一个产品形态啊。所以对于第四个阶段，往往就是我们的前端程序员和后端程序员啊，各各干各的活，然后最后把它们拼凑在一起，形成一个完整的系统 啊，所以这是第四个阶段。而到了第五个阶段，就是啊，我们一定要去把你前端和后端开发出来的这些功能去进行一些测试和验证，也就是他们点击运行的时候会不会报错呀，啊，会不会出现一些其他的这种 bug 呀？比如啊，用户可以在你的银行 app 上搜， 随意的设置自己的金额，那肯定是不行的啊，所以他他会有一个测试验证的这样一个环节啊，一般来说呢，都是交给啊专门的这种测试人员啊，来去逐功能的啊，去进行一个点击校验和运行啊测试啊，接下来 通过了完整的测试才叫真正的上线交付啊，所谓的这个上线交付呢，比如说啊，你在公司啊，一般来说我们所有的这些系统呢，都是放在 linux 服务器上的啊，然后呢，它把完整的这个服务上传到 linux 服务器上，然后去进行一个发布去啊， 配置它的 ng 字啊，配置它的啊，网址啊等等等等，把它部署上线，可以让用户直接去进行使用。接下来当用户在持续使用的这个阶段呢，通过运维人员不断的去监控当前服务的这些运行的指标啊，来去 不断的去进行一个系统的维护等等啊，这个是非常明确的啊，一个软件开发周期，第一个先确定产品形态，第二个基于产品形态去需 分析我们具体要实现的功能，那么基于分析的这个具体的功能来去做，针对于每一个功能，我们前后端应该采用什么样一个整体的架构？接下来有了完整的这样一个架构和接口文档以后呢，前端人员和后端人员去分别的进行开发，接下来前端和后端将开发好的系统 进行前后端接口的一个连条，完成完整的系统以后进行整体的由运维，由测试人员进行功能认验证，验证完成以后在生产服务器系统上进行上线的交付，在交互的这个过程中， 有运维人员持续的关注运行的指标来进行一个迭代啊，这是一个完整的产品从有想法到最终呈现在用户面前的一个软件生命开发周期。 而当然整个的这个过程呢，它会不断的去产生一些新的需求啊，正比如说大家使用的一些 app 啊，它经常会上线一些功能，它会要求你， 它会要求你提示你啊，去重新的去更新一下，去下载一个新的版本。那么其实每一轮的这个新的需求呢？ 还是经历这样的一个完整的过程啊，先有了一个新需新需求，然后再考虑怎么样用技术去实现，经过不断的测试，再进行一个上线啊，它是这样一个非常标准的软件开发周期流程， 所以对于这样的一个流程呢，当然啊，它是属于非常非常标准的传统企业的研发流程，那么整个的这个环节啊，都是由不同的 人员啊，以及他们的岗位啊，分明来去进行协助配合的。那么第一项呢，一般来说就是管理人员啊，你的领导啊提出了一个想法，让你做什么什么一个东西，接下来啊，就是由这个产品经理来去做任务的一个拆分，接下来 去和啊这个架构师来去做整体的系统的设计，然后再分配给对应的前端后端的开发人员去进行一个开发啊，到这里呢就是给测试的人员，接下来呢进行一个上线和交付和运维迭代，基本上这两部分呢，就是研发人员和这个运维人员 来协同着啊，做完这样一个事情， ok 啊，这个是一个比较标准的软件开发的这样一个周期，而对于这样一个周期啊，我们可以说现在呢可以通过 web coding 来去全权的这样一个接管，所以我这里给大家做的一个标题，它叫做，呃， 我想把我的头像给打出来啊，所以我这里的一个标题呢叫做 web coding， 它是可以去造神的哈，所以经常很多小伙伴说啊，现在这个 ai 时代，都在尝试着去打造所谓的这种 ai 的 啊，超级个体啊，其实就是一样的， 那么借助于 ai 的 大模型和对应的一个编程的工具，那么我们其实是可以由一个人来实际的去完成业务规划、需求分析、架构设计，呃， 编码、测试、部署维护的完整的这样一个流程，所有的这些阶段都是可以借助于 web coding 来去进行一个实现，那么我们只需要 一个有清晰头脑的你加上啊所谓的这个 ai 的 助手啊，那么这里的 ai 助手呢，它可以指对应的这个 ai 的 编程工具，像我们使用的 cursor cloud code， 它也可以指我们在进行啊大冒险问答常使用的一些啊，比如大家使用国内的 deepsea 啊，或者是豆包， 然后像我们比较强的这个 chat、 gpt 以及 java 等等，这个官方我们是可以获取很多很多的这些外部知识来去生成啊，产品需求文档呀，啊接口文档呀，再进行编码呀，让它进行运行和测试和部署上线等等啊，完整的这样一个流程。那么在各个阶段 就是我们如果要是想去完成全站开发的这样一个链路，那么其实啊在整个的 web coding 的 学习的流程中，各接入的这个工具是不太一样的啊，不太一样的。 那么这幅图呢，其实大家是可以理解成理解了软件开发的完整的生命周期，那么当我们把每一项去放在 ai 的 这个能力下去进行一进行使用和给我们进行提效的话，那么其实每一个阶段我们采用的思路呢？ 呃，是不太一样的，那比如第一个阶段，像我们在使用这个业务规划的这个过程中，那像传统的我们懂产品，懂用户市场，懂这个整个的， 懂整个的这个用户市场啊，他是可以去梳理出用户的一些需求，然后做一些竞品的一个分析，同时呢去产生对应的这样一个产品的，对应的一个产品的需求文档。 那么现在这个阶段我们怎么去理解这个市场呢？或者说我们再把它啊放的小一点，我们怎么去了解 你想要了解的某一个领域的这样一个新型技术呢？其实已经不再去需要找一些有经验的人去进行一个探讨了啊，这个在 ai 时代已经变得不是那么的高效，所以我们主要采用的是啊，像使用 excel 呀啊，或者是 cloud 啊， 或者是使用 german 啊，或者是 deepsea 等等，它的这个官方网页上都有对应的 deep research 的 这个功能啊，比如我这里可以给大家打开看一下，像我们，像我在这里常使用的，哎， 像我啊，这里使用的啊，比如说我使用这个 german 啊，来去让它去做一些呃，大模型数据分析的啊，这样一个调研，然后我还可以使用 check gpt， 这里面有对应的一个深度的研究啊，我右侧应该是有一些，嘿， 我右侧是有应该有一些，比如啊，我们在这里去调研一下这个啊 web coding， 然后去看一下 外部固定的这种课程设计，然后我们就可以去提出一些需求，它呢就可以啊，基于我们提出的这些需求进行全网的搜索和整理，然后给我们输出这样的一个分析的报告。 那么其实这种呢，它是比较这种通用领域的，就是你想要去做什么，你想要了解市场上的一些产品形态是什么，你都是可以使用像啊 check gpt 啊，或者是 gpt， 它的 deep search 的 这些功能其实是非常非常好用的。 那么我个人常用的呢，就是 check gpt， 还有 gmail 这两个啊，这个 gmail 它也有啊， deep search 的 这个功能。 那么当然我在使用这两个呃工具的时候呢，是有一些侧重的啊，这两个平台，尤其是它们底层的这个模型 输出的啊，这个风格还是有很大的一个差别啊，应该是之前用过的小伙伴会有很大的这个很大的这个感受啊，比如说像 jammer 的 它呢，其实是更加的拟人化啊，然后它更贴近于我们真实的这样一个呃， 真实的这样一个说明的想法。而对于 cloudco 呃这个 gpt 模型呢，它有点更多的是工程化，比较倾向于呃我们常规的这种工 工作任务啊，这个可能就是因为他底层模型的这样一个限制。当然同样是 dbree 测试功能，那么我们在使用同样的这个主题来让他去进行调研的时候，你也会发现啊，出来的这个东西呢，会有非常非常大的一个差别啊，非常非常大的一个差别。 所以我一般我在进行使用的时候，就是我有一个同步的啊，都去问一下啊，都让他去过进行调研， 然后呢我再去进行一个综合的汇总，来去梳理出啊，我所要的一些需求。而如果我们把它去落到产品的这个形态上来看呢啊，它其实就可以完全的支撑我们去梳理一些啊，这个 产品的产品的价值啊，去做一些市场的竞品分析，然后就是产生一些对应的一个需求的文档啊，这个是在规划的这个阶段，我们现在是可以借助 ai 工具来去进行一个实现。而对于到了第二个阶段啊，我们可以想一想啊，现在有了这个需，有了这个产品的形态， 我们也有了对应的这个呃需求文档。接下来是不是需要做对应的一个系统的设计，而做系统的设计同样我一般在做的方式呢？当然啊，还是通过像呃这个 deep research 啊，来 deep research 的 功能来去帮我解读一些啊，现在前沿的啊，主流的加一些技术站，然后我在这里面使用会有一些小的技巧，那我会我在使用的过程中会有一些小的技巧，就是当你在进行一些呃专业知识点的调研的时候， 比如说我们这里给大家找一个我之前去做 agent 长短期记忆，我之前做 agent 长短期记忆啊，有一个调研啊，比如这里面都是一些关于 agent 领域里面长短期记忆的一些核心的知识点， 所以如果大家是想要学知识的话，正好给大家分享一下，那么我的一种做法呢？比如啊，大家可以看一下我之前问的这个调研的问题，就是 一定要非常非常明确的去给他进行一个说明。那我当时的是我现在要去调研并系统理解 a 证的记忆系统，包括长短记忆与上下文工程，然后我主要是了解的方向是基础的理念，然后明确的记忆是什么，主流的记忆框架，记忆的 存储和解锁形式，记忆写入更新机制啊，当显得上下文错列等等等，我会写的非常多，就是我在让他去调调研的时候，我你一定要写的非常的明确，他才有调研的这样一个方向， 否则你会发现他出来的这些东西，哪怕是你使用 type g p 或者是 jim 的 三，基本上这就属于最好的 dp 测试的这样一个功能了，他出现的东西往往啊都不 满足你实际的一个需求，就是因为你在提示的过程中，你没有去明确你对应的一个需求，然后我在进行实际的使用的这个过程中呢， 啊，我比较倾向于在他返回出来的这个调研报告，它里面会有很多的这样一个文章啊，很多的这样一个文章，我比较喜欢去点进去看， 先去看这个里面，所以它里面设计出来的这些文章呢，都是属于它生成的。这个调研报告是检讨到了这样一篇文章里面去描述了，描述了你所要调研中的部分的内容， 这里面就大概率都是你想要调研的这样一个方向，我的一般使用方法我就会点进来去看这些文章啊，它里面就会提出很多的啊，自己不知道的这样一个知识点，然后呢逐步的去把它汇总和整整洁。那么基本上你通过这样的一个调研过程，或者是两到三个调研过程， 就能够把一个知识点快速的去在你的脑海里建立这样的一个整体的认知。那如果你对某一部分再感兴趣的话，还是采用的这个相同的方式，逐步的去进行递进，然后不断的去缩小它的范围， 然后去进行一个学习啊，这个是我在获取知识的啊，这样一个非常有效的途径，当然对于专门来说也是一样的，他的这个调研报告下面也会有非常多的啊这样一个网址啊，所以这个是在整个像 去啊，像让它去生成架构图呀，或者是我们去探索一下实现某一个功能，它具体所用的一些基础点，我们能够获取到的。而你总结出来这些以后，那么你继续扔给大模型，让它给你生成对应的一个架构图，生成对应的一个规范文档啊，这个是完全没有任何问题的。 那么除此之外呢，在第二个设计的这个阶段，它还会涉及到啊你前端的这个 ui 应该去怎么设计， 那么之前呢，我们往往是有专门的这个 u i 工程师来去做这样的一个产品的设计，而现在啊，大家多多少少应该也听过像啊斐克玛这样的这样一个工具，我们是可以通过自然语言来去进行描述， 来让它生成我们想要的这样一个前端的页面啊，当然我这里呢也给大家可以看一下，我在呃之前使用斐克玛啊它的一个流程， 那么这个页面呢，大家可以直接去网上去搜一下啊 fig 吗？然后在这个页面里面，比如说我这里做的是一个，哎，我这里做的是一个 知识图谱的解锁系统啊，应用应用的是 graphregg 的 这样一个技术，其实你看啊，我就在右侧就会不断的去跟他进行交互，呃，通过不断的这个提示词，让他去生成各种的页面，然后呢啊他在右侧就会实时的去画代码， 每一个阶段啊它都可以去进行点击，哎，这种前端的 ui 的 设计呢，就是可以借助于自然语言啊，加上 figma 的 这样一些工具来进行一个生成，而右侧它这里面还有 code 啊，这些 code 呢，我们就可以直接把它下载到本地来进行使用， 当然啊，大家也不用着急啊，关于使用 figma 来去设计它的前端的 ui， 以及如何把它去落地到呃后端和进行接口连调，在我们本期的这个 web coding 课程中都会啊，随着课程的进阶，逐步的来给大家去进行一个讲解啊，先给大家去看一下这样的一个产品，这个形态 ok 啊，这是第二个啊，设计主要是去使用 ctrl 或者是啊 figma 这样的一个工具，能够去啊让它去完成一些设计的这个阶段。 那么第三个啊，它的一个产品实际的执行阶段呢，就是当你有了这样一个设计，我们就需要实际的去进行一个代码的编写了，那么对于这个代码的编写呢啊，自然然就是我们啊接下来 不断要进行学习和使用的这样一个主题，也就是使用像 ctrl， alt 啊等等这样的一个工具来去基于我们具体的一个需求生成啊对应的一个产品啊。所以呢，我们现在啊所用的代表的工具，就像 ctrl 呀， plot code， codex tree 啊，还有谷歌的啊，这个反重力等等啊，大家就不用再纠结于说我使用其他的这些编程工具可不可行啊，大家只要是理解了在 web coding 这个思路下，我们再进行产品研发 都是什么样的一个架构的设计想法，那么你使用任何的编程工具去生成对应的代码都是完全没有问题的， 不过呢啊，这个不同的编程工具，他们之间的功能和按钮以及你使用的模型，会导致他生成出来的代码质量会有很大的一个差别，仅此而已啊，其他的思路没有任何的一个区别。 而到了啊，最后的啊，第四个阶段，也就是测试和发布，那么大家相信也都听过像使用 ai 自动的去对功能做单元测试，集成测试啊等等，我们是完全可以去 去跳过啊，有测试人员去逐个功能验证的这样一个环节以及发布啊，现在很多的这种运维场景已经开始去上了啊， ai ops 的 这样一个概念啊，那么之前呢，是 devops 通过一些 自动化的脚本来去完成一些产品的发布，那么现在呢，已经完完全全是可以借助于 ai 在 运维场景去实时的进行一个监控错误的处理，以及啊每次新版本包的这样一个发布管理等等啊，都是可以的，所以整个的这个过程呢，我们是完全可以使用 ai 来去进行一个接入， 所以这里面也给大家去分享一下啊，我在实际的这个 web 定位下使用的这样一个真实的办公场景。那么其实啊，在我去进行办公的时候， 我主要啊如果去做一个产品的研发落地，那么啊它的这个产品的需求啊，产品整体的这样一个架构，以及对应的一个需求的文档 功能的梳理，系统的架构等等等等这些我基本上主要就是借助于像 check gpt 啊，或者是 gemner 它的 deep research 的 这个功能来去帮我实现啊，整个过程我会基于它 啊，梳理出来的啊，以及给我生成的这样一个报告，去里面的每一个链接中去获取他的一个知识点，以及去进行整体架构的这样一个选型。所以对我来说啊，我一般是使用他的深度调研来去做信息的收局，以知识的整理。 那么第二个阶段啊，我已经有了整体的这样一个系统的设计了，接下来我就能够确定每一个系，每一个功能点我要做什么，以及我使用什么样的一个框架。那么我这里主要使用的是啊， cloud code 啊，来去做复杂应用的一个开发， 复杂应用的一个开发，因为我在整个的这个实测的这个过程中呢， cloud two 的 啊，确实在处理一些复杂应用上是相较于壳塞尔或者是其他的这些编程工具呃，强项不少的，而且它们相较相对来说是不在一个档次上啊，当然这个是我个人使用的这样一个理解。 那么除此以外呢，那么 cloud code 它有一个比较大的啊，这个弊端就是它是一个 cio 工具，也就是它主要是使用使用这个啊，比如我们给大家它是使用命令行来去进行管理的啊， 比如啊，我在这里去进入以后啊，进入以后呢，是在这里面去给他发布需啊，发布需求，然后让他去帮我去生成代码啊，这个主要是啊， cloud code 的 一个使用场景， 以它生成的这个代码呢，我一般啊是使用 cursor 啊，来打开看它实时生成的这些代码，同时搭配着 cursor 来去实时地看当前整个 cloud code 生成的一些架构的细节啊，这个是我常使用的一个方式，那么除此以外呢，对于 codex 啊，我也是呃一直在进行使用的，比如说在这里面，在你课本里面是可以去安装 cloud code 和 codex 的 这样一个插件，然后呢，我这里使用的就是 codex， 主要让他来去做代码的一个源码解读啊，我主要使用的 codex 就是 让他来去做代码的源码解读啊，比如我要去复现一个项目的时候，或者是我想要了解某项技术架构的时候，我一般来说啊，都是让 codex 帮 我全职的去阅读代码，然后不断的去跟他提问，我要去整理出具体代码的实现的一些细节点以及技术架构啊。我一般是让库黛斯来做这个事情啊，基本上不让库黛斯来帮我写代码，因为他写代码实在是有点慢， 确确实实是有点慢啊，所以这个呢，是我真实办公下的一个使用的场景啊，大家也可以去根据实际的啊，一个情况来去进行一个参考。 所以大家如果了解了上面的这一部分啊，你已经知道了传统的这个啊，软件开发的流程需要经历啊，那七个阶段啊，同时也知道了在每一个阶段呢， 我们如果在 web coding 的 这种新的编程范式下去进行接入啊，其实是需要掌握不同的工具以及使用不同的技巧来获取每一个啊，软件开发流程阶段中的一个具体的产出物啊。所以如果大家要是理解了这样的一个过程， 基本上就能够去体会到我们整个课程设计的思路，为什么是可以帮助大家能完完整整的去了解 web 定 全站的这样一个流程，就是通过四个阶段来去进行的一个梳理。那么首先第一个阶段，当然而然啊，很多呃之前没有做过 web 定的小伙伴啊，可能需要先通过这样的一个编程环境，先把这个啊项目给跑起来啊。所以我们第一个项目呢， 主要是采用了一些啊 web coding 的 一些研发的方式和提示的技巧，来去做一些初步的这种简单的项目，大家这个项目里面不会涉及到特别多的这样一个复杂的应用。那么第二个啊，我们在掌握了 入门的啊这个自然语言编程以后呢，我们要进一步的去达到这样一个产品复刻的能力，也就是说当我们去看到市面上一些成熟的产品，你也想去做一个啊 ui 啊，和它类似的这样一个 ui， 然后去做后端的技术险行，然后做前后端的一个连条。 那么啊，我们在第二个项目，其实就会通过像 figma 的 和 codex 啊源码解读的这样一些方式来给大家去解锁 cursor 啊，或者是 cologold 以及 cologold 它的一些进阶的技巧。而我们的这个项目二呢，这次啊，也是给大家呃 给它替换成了 openclod 啊，当然我们这里的宣传图还没有改啊， openclod 这个项目的一个源码解读以及二次开发 啊，这个是我们的第二个项目，那么啊第三个其实就是圆形的一个架构的设计能力了，那么这里面就是大家如果是有一些想法，我们在这个项目里面就会告诉大家我们如何去使用 deep research 的 这种功能来去探索一项新兴的技术的产品原型，然后输出它的一个需求文档， 同时呢啊去设计它完整的一个前后端的一个接口，并且借助于编程工具把它进行一个前后端的连条，并进行啊全站应用的一个部署 和应用啊，这个是我们的第三个项目所能够给大家去进行掌啊，大家能够进行学习和掌握的这样一个能力啊，到了最后一个工程化的这个交付能力，我们就需要把它的 测试的流程啊，我们就需要把它的一个运维的流程也逐步的加入进来啊。至此啊，大家学完这四个项目的完整的这个开发思路，基本上你自己去做一些全站的应用开发，基本是没有，基本上是没有太大的一个问题 啊，是这样的一个情况。而当然我们整个的这个课程呢，也不局限于说啊大家完成这四个项目，而是需要去学习在研发不同类型项目的 啊，一种产品的研发的思路，这个是有助于大家在进行自定义项目开发的时候，能够适配到不同的落地需求场景的这样一个能力。 ok 啊，这个是我们整个系统的这样一个设计。 ok， 那 我们上半场呢，其实主要就是给大家来 快速的梳理一下啊，这个 web coding 到底是什么？然后它的一些核心的特性是什么啊？以及在 web coding 的 这个过程中， 基于传统的这个软件开发这生命周期如果全部由 ai 来进行接管，在各个阶段我们可以借助什么样的一些工具来去进行一个实现和敷用？那么除此以外啊，我们也给大家去梳理一下我们各 整个这个 web coding 啊，第一期课程啊，要实现的这样一个能力的跃迁。而最后啊，我们就进入到下半场环节，我们先来带着大家完成一个简易的啊，这样一个 chatbot 的 聊天机器人的搭建。那么在此之前 先给大家去分享一下我们第一趴的研发经验分享啊，我们的每一期啊都会给大家去啊分享一下当期主题的这样一个研发经验分享。那么这今天这期呢，我们做的一个核心就是啊大道至简 啊，所谓的这个大道至简就是大家在实际进行开发的时候，其实有很多的小伙伴啊，面对的这个铺天盖地的这个网络的需求，可能都已经啊有点 迷糊了啊，有的人啊会告诉你说啊，我做了一个这个 skills 啊，然后呢它可以去自动的啊，完成 自动的啊，去完成什么什么啊，复杂的这样一个系统，然后有的人说我用这套工作流可以让 cloud code 自己运行四十八个小时来完成复杂的一个应用，所以这些东西啊，大家在现阶段真的可以 看看就行了啊，千万不要指望着说你去把它那一套拿过来啊，你就可以直接的把你的这个想法去进行一个落地，至少在现在的这个 ai 编程阶段是不太现实的， 所以我们在进行项目研发的时候，一定要确定第一步就是一定要明确你的这个产品的需求，也就是用最简单的话说，你做这个系统到底要实现什么样的一些功能？一定要通过 规划和需求的呃，和这个 p r d 的 这个过程，把它明确清楚，确定清楚，然后再开始去进行研发。 那么在进行研发的这个过程中呢，千万不要任何的啊，这个研发的系统都上来去搞一套什么 m c p 啊，搞一堆的这个 a 阵式来去让它给你自动的去进行一个完成，这个是不太现实的啊，大家千万不要去这样搞，这样的话大家会 做出来的这个系统越来越臃肿，越来越复杂，然后呢，它整个项目的这个维护会非常的啊繁琐啊，所以大家不建议一上来就去搞很多的这个 m c p 或者是 sales。 当然啊，针对于特定的这些需求，我们也需要去加入不同形式的这个 m c p， 比如说啊，我们要如果要是使用 lincoln 去构建这样的一个 agent， 那 么我们可以单独的去拽 去加 linq 的 这样一个 m c p， 那 么在此之前啊，你就可以不用去啊，不用去加啊这种额外的这样一个 m c p 啊。所以呢，我们一定要知道啊，所谓的这种 skills 或者是 m c p， 它只是一个辅助的工具，辅助大模型 生成准确代码的这样一个工具，它并不是核心的这样一个生产力啊。那么第三个就是你在实际的构建过程中，一定要去确定一下，你当前的这个产品到底是做一个 demo， 还是做一个未来可以长期迭代以及可维护性的。 什么叫未来迭代和可维护性的呢？它其实就指的是你希不希望你这个产品逐步的去转化成一个更加成熟的产品，你要不断的去往里增加新的功能等等等等。啊？这样一个系统架构的可扩展性，如果是你做的这个系统是单次的，你说我就想做。
54木羽cheney
02:06查看AI文稿AI文稿拿到网页源码只是第一步，怎么从一堆 html 里精准提取出你要的数据才是核心。今天讲四种常用处理方法，从简单到高级，看完就能应对绝大多数提取场景。 常用的网页数据提取有四种方案，分别是自浮创处理、正则表达式，而一娱乐浮素 her xpath。 下面我们就分别介绍这四种方案。 第一种最简单，不用装任何库，用拍凡自带的字符串方法用凡找位置 split 分 割切分片取值。这种方式是很简单固定格式的提取，结构比较复杂的 html 提取就不推荐了。 第二种用正则表达式，适合复杂规则的提取，不管 a、 c、 m 结构多乱，只要能写出匹配规则就能提出来，写好牌的人用翻刀就能批量提取，功能非常强大。缺点是需要学习正则表达式，语法比较复杂。 第三种是 beautiful soup， 专门解析 html 的 库，不用写复杂规则，直接按标签类名 id 找元素，语法非常简单，新手友好，是常用的 html 解析工具。 第四种，用 xml 加 xpath， 性能最强，精准定位元素，适合复杂网页和大量数据提取，是数据采集里最常用的方案。前面我们也有个视频，简单介绍过 xpath， 感兴趣的可以翻来看下。 在不同的场景下使用不同的方式可以提高处理效率，但总的来说简单，固定格式用字母串，规则复杂，结构乱就用正则，新手入门快速开发用 b、 s 四批量数据，追求性能就用 xpath。 这个视频就简单介绍这几种解析 html 的 方法，后面会详细介绍每种方法的使用技巧，喜欢的可以点赞收藏，下次不迷路！
50PyShen
04:52查看AI文稿AI文稿昨天发了一个视频火了，大家都想要教程，有人问思路，有人问源码，还有人说出了教程，记得叫他。那今天我们就做一个完整的视频拆解，让大家也能学会这种频道开头的视频 提示词和项目文件说明，我会放在评论区置顶，方便你对着做放以前做报价通常不低，自己学时间也不短。 但这次我走的是第三条路，用代码把它做成可控动画。很多人第一反应是，这是不是 ai 视频直接生成的，不是， logo 这种东西差一点都不行。 不用 ai 视频，那我用什么？它本质上就是浏览器里跑的一个一千九百二十乘一千零八十的舞台，做好以后一帧一帧截下来，再合成视频。这一步听起来像写代码，但关键不是代码，是把需求拆清楚。 先别急着看代码，先把我用的工具说清楚。第一，模型，我这条用 codex 里的 gpt5， 先把方案拆出来，你在 cloud 里做，也可以用 opus 这种墙模型。第二， agent， 这里不是普通聊天框， 它要能打开项目文件改代码，还能帮你运行命令，所以 codex 和 cloud code 都可以承担这一步。第三， hyperframes by agent， 它是这条视频的总剪辑台，画面顺序、配音、字幕最后导出都由它来管。第四， remotion， 复杂动效单独教给他做，比如 free 地球和卡点动画。最后是声音，这个片头本身不是口播片，它靠的是卡点音效， 所以跟做时顺序很简单。强摩形象方案 agent 建项目 hyperfriends 拍片 remotion 补高级动效。 还有一句先说清楚，这条视频是我们的视频 agent 学过账号风格后做出来的，你照着这套流程走，也能做出接近的效果。但素材、提示词、模型状态不一样，最后不会一模一样。所以别追求复刻，每一帧，先把方法跑通。 第一层是背景，我没有用黑莱赛博峰，而是白底，因为这个频道是 ai 资讯和教程，白底更干净，也更可信。如果背景太暗，光太多，四十个 logo 放上去就会乱。 第二层是世界地图，这里不要手画，我用真实边界数据把国家轮廓采用成一颗颗点，这样看起来有设计感，但轮廓是准的。 第三层是 logo， 这次整理了四十个 ai 工具和模型图标，但达到 logo 还不够，每个的比例和颜色都不一样，所以每个 logo 都套进统一的小卡片，画面语言才是一套。 接下来是会转的 logo 球其实没有用很重的 free d 引擎，先把 logo 均匀放到球面上，再把三维坐标投影到屏幕，离你近的更大更亮，离你远的更小更淡。 真正决定成败的第一件事是提示词，你不能只说科技感， logo 飞入最后爆炸太空了，要先写应约束 logo， 用真素材，地图用真数据，每一秒干什么，写清楚顺序，别烦，先把不能错的锁死再谈好不好看。 第二件事是音效，不是加一条，上声音就叫卡点，真正的卡点是声音踩在画面事件上，四点零八秒球体爆炸，这一下最重，画面和声音差半秒，观众马上就会觉得散。 你如果要复现，不要一上来就调爆炸。第一步，先整理 logo， 保证图标是真的，名字是对的。 第二步，生成地图粒子，先把全球感做出来。第三步，把 logo 放到球面上，先能转，再弹飞入。第四步，做爆炸，冲击波，射线运动模糊一起上。第五步，竹真截图合成视频。第六步，再按时间点做音效。 最后给你们列几个最容易翻车的地方。第一，用 ai 直接生成 logo， 基本一定会出假标。 第二，地图靠手画，大陆一歪，科技感就没了。第三， logo 太多，但没有层级，就会像一墙贴纸。第四，爆炸只做位移，没有冲击波和模糊就没有界。第五，声音不看时间线，画面炸了，声音却慢了。 所以这个片头拆到底，其实就一句话，别让它瞎编 logo 用真的，地图用真的，动画用程序控制，声音跟着关键帧走。 ai 不是 替你乱生成，是帮你把想清楚的方案做出来。 后面我会继续拆这种真实制作流程。想看下一条，直接在评论区说你想拆哪个。
188马上
10:05查看AI文稿AI文稿清华大学价值两万的拍算课程，如何逼自己三天学完？二零二六最新版小白必看警告，一口气带你学会拍算！核心内容，本系列视频耗时三个月制作，制作时长三百五十分钟，从零陪你系统的学习拍算，这应该是抖音目前最良心的入门到进阶的拍算保姆级教程了， 哪怕你是零基础也能学会。为了方便大家更好的理解和学习好基础，主包这里整理了大量入门学习笔记，包括环境配置破解、学习思维导图，以及 大量的实战项目及原码，仅需留个学习就能全部打包带走。好了，接下来我们就开始写 python 的 代码了。首先我们先把上一节课给大家讲到的这个东西，你们当时用过这个，但是这个东西我们没有给大家详细的去讲它是什么，这个是我们 python 里面的输出，叫 print print， 你 想要输出是在哪个位置看效果，我们在运行的时候这边会出一个框框对不对？那这个框是我们的控制台，我们念它控制台，那我们希望在控制台输出效果，就必然会用到我们的 print print 里面输东西，可能细心的同学已经发现我在这个地方加了一本奖牌，是不是？所以这是我第二个要讲的东西，我要新建一个拍摄文件，这是第二一个输出。 好，那首先输出，我在这个地方先直接写了，我们用到的在控制台输出就是我们的 print， 你 想要输出什么信息，请你先写一个引号，那我先写了，这是我想 输出的内容，但是同学们你会发现我在无所谓他的红色是不是直接在往里面敲，但这个红色你肯定要解决的，怎么会是这个样子？是这样， 所有你们写这个代码的时候涉及到的符号，不论是引号、分号、逗号、括号，随便什么东西，他都必须是英文输入法。但我现在那个地方是中文，难怪如此。所以这个地方要我说要用引号，单引号、双引号无所谓，但是你必须得保证他应该是英文输入法的状态下，你看就可以了。 单引号、双引号都无所谓，但是你不能太过分了，一单一双的，大家一起单，明白吗？ 这是输出，那我们现在来运行。同学们，你看我这个地方，我现在点运行对不对？我们上节课的内容是不是再次验证到？你必须要在这个地方去切换你想要的是不是？那我们切换成当前文件，那当前文件是这个，那我们点击输出，你看这是我想输出的内容。那好，如果你希望在第二行还要有所输出，那你继续写 print， 那我们那个地方输出的是一个内容，是不是？我来一个，我说好，我说大家好，我说好。一句话了，完了之后我还想要说，我叫李白雪。好， 那这个地方有个问题，就是你先看，我希望他们两个在同一行，但是这样输出之后，大家好，你这和我的这个名字是不是两个在不同行？那我们可以把他们输在一起。怎么输？同学们，把他们之间用逗号分割。为什么又报错了？同学们，一定是因为中英文的问题，知道吧？ 所以说只要在符号那个位置报错，那说明你的中英文就出了问题。好了，我们现在再来运行一下，你看大家好，我叫李白雪，他们是不是就连在一起了？好吧，那你可以，也就是说你可以是在一行里面输，你想要多行就用多个 print， 如果你是在一行里面，那你就想要输成多个内容，那你直接用逗号风格就行了。好吧，当然了，除了逗号之外，我们还可以用一个符号叫加号，我们再来运行一下，你看到没有？ 他们说老师，这上面和这下面的差异是什么？你们看差异就在这有一点点小空白，是不是？就这样？那完了之后，我给大家夹了个斜杠 n， 斜杠 n 是 转移制服换行的意思，那因为你又想把它们放在一个 print 里面， 你又不想去加我写的什么空格换行，但是你又希望它们在两行里面，如果我们本身要两行，是不要加两个 print， 我不想写两个 print， 我 单词有点差，是不是？没关系，你中间加写杠 n 就是 换行的意思。好吧，那这个东西我再给大家复制一份。好吧，那也就是说，如果你想要在一行就直接写，如果你想要写两行，你可以写成两个 print， 或者是在一个 print 里面加斜杠 n 来做换行。那如果你希望在一行又有一点空白，但是你又写，想写两个内容，只要用逗号风格或者用加号风格都可以，这就是普通的输出。我先给大家运行一下普通的输出，好吧， 就这么简单。那他们说那个输出我基本上都明白了。可是你刚刚给我这个地方，我看到有个很神奇的东西，这个地方有个奖牌对不对？那如果我想要输出奖牌，我们会用到什么？有一个表情包库叫 e m o g i e m o g i e m o g i。 但是这个东西是这样的，这个东西你想要使用，我们是直接这样 print， 里面 e m o g i 点点就可以了， 但是在这里面我们需要输入我们想要的表情包的编码，那那那那这个表情包边我连表情有哪些都不知道，我怎么知道用什么编码？所以大家稍等一下，我现在先把它注视掉， ctrl 加斜杠添加注视。看到 我们想要去看一下我们的表情包有哪些？我们需要来一个一墨迹点一墨迹，对，好， 这样子就会输出。我们到底一共有哪些表情包？明白没有？有哪些表情，有哪些表情？就有点像我们跟别人聊天的时候，发微信的时候，不是就有什么微笑，什么乱七八糟的对不对？那微笑，憨笑鼓掌之类的是不是？那那些表情我们这个地方输出，我们 这个一莫吉有哪些？但你们发现我在输入这个东西之后，我这上面突然多了一行代码，村民们注意到我把删掉， 我没注意到，我把它删掉，当然我这删掉是不是就报错了，对不对？我们先来 print， 我 要的是 emoji， 一定要，你有没有发现我写个小写的时候它就没有个，你要是大写的，这个才是 emoji date 就是 告诉我们我们的表情包有哪一些，我们点击运行 好了，有好多哈拉最上面去看，我们才这样才能对应，照到，你看这上面这些东西是不是都对应着的， 对不对？以及这边是不是多加了这句话？我们不要去删掉这句话，因为表情包是一个库，我们要引入这个库，到时候我们才能用它。明白没有？所以说这个它自动生成的东西，我们不能给人家删掉，不然他就不认识这个库了，明白没有？ 好，那这个库下面的这个数据他已经输出给我们了。看这个奖牌，还有这种奖牌，还有这种奖牌。你说这些表情包，同学说老师这表情包我该怎么去输出他呢？我告诉你，其实有很多种简单的方法，比如说最简单就是我把这个复制一份来这个地方加一个来运行， 我的表情就直接在里面了，知道吧？这个就是最简单也是最方便最小白的一个方式，知道吧？但是他说这也太 low 了吧？我是写代码的人，我觉得这样不够高大上，你想要高大上一点是吗？可以，那怎么操作？看到我们在这个地方 print emoji 点 墨迹 z e， 你 墨迹 z e， 那 这个 z e 里面填什么？填我们这个，你比如说要这个表情包，我们换一个，我们要这个绿色的表情包，好不好？我们要它，那我要它，你就需要把它 e n 后面的这个东西给它放到我们的这里面去，那这里面放的是什么？我们把它放进去再来运行一下， 一样的要拉到最上面，因为我要有这个数据才能对照到我们的图标，拿到了没有？来，看到没有？大家好，我叫李白雪的后面是不是有输出这个表情包？他说老师这个表情包我看不清楚，没关系，你可以在前面写，你说这是我用方式二 输出的表情引号，他们之间两个之间可以用什么隔开？说可以用逗号，也可以用加号，对不对？我用逗号分隔，好吧，那我们运行一下，那这个时候上面就有说明了，这是我用方式二输出的表情来有了， 这两种方式都可以，好吧？都可以。所以你平时要输出东西，你就直接用 print 在 我们的控制台输出。那如果你想要多个内容，用逗号或者是加号分隔，对不对？ 如果你想要输出一些表情包，对不对？那你需要先有一个 emoji 这样的一个库。那同学们说，老师 emoji 这个库我写了，但是上面这一句话我可不可以删掉？同学们，我刚刚说过，这个东西可不可以删掉， 不可以，对不对？因为它是一个库，只有有了这个库，他才能去到这个库里面，去，把这个库里面这些信息给到我们，好吗？所以 那这个是要注意的点，而且同学们，你们第一次使用 e 墨迹的时候，他直接会给你报错，没关系，你点一下他，他会自动安装 e 墨迹这个库，好吧，他会自动安装，因为他不是项目文件，他是需要自己主动，我们 程序员主动的去添加去安装的，好吧，那就这样。当然了，如果我这两个给你演示了，同学们，你说这个， 我想要显示这个怎么办？那是不是把这个东西复制一个进去就行了？当然最直观的是不就复制这个图标就好了，简单的很嘎，但我不想，我就想要写成那种代码，我们都不认识的东西，是不是来，没关系，在这个地方点上去 粘上去，这下面这个东西我就不要了，我先给他删掉来运行一下，看到没有？这个图标是不是就出来了？ 好了，他们说你刚刚删掉那一部分我们的表情包的数据，我们要不要记下来？记什么？你让我记这个，我怎么可能记？我都记不住，为什么要让你们记？而且图标有什么好记的对不对？这种图标你直接输出这个数据里面那么多，你想要哪个复制哪个就行了，全程没有任何人，不可能有人 要让你记这个，好吧？如果你要去记这个，你就有点傻傻的，好吧？不要做这种事情。那好，那我们在这个地方输出的东西就说完了，但是这里面有一个细节我不知道你们有没有注意到，这些地方我都带了引号，无论是单引号或双引号，我总归都带了引号的对不对？ 这边这一坨怎么又不带引号？这个暂且先给大家留个悬念，我们后面的时候会给大家解释为什么有的地方要带引号，有的地方不带引号，好吧，你现在总归记住我要输出一句话，我先带上引号好不好？ 先带上引号好了，那我们这一节课就先讲输出的这个东西，大家自己下来试一试，然后把我们的直接输出以及在输出之后加个换行，或者是说我们要输出多个内容， 它应该是怎么去输出的？而且最重要的就是我们的这个表情包的输出该怎么去操作，好吧，大家下来的时候去操作一下，这是给。
03:33查看AI文稿AI文稿s 零幺的 agent 只有一个 bash 工具，模型想读个文件得自己拼 cat， readme， md 想写文件得拼 echo， hello， test pie 中间多了一层翻译，浪费 token， 还容易拼错。 正确做法是给模型专用工具，读文件用 read 下划线 file， 写文件用 write 下划线 file， 改文件用 edit 下划线 file， 找文件用 glob。 s 零二从一个工具加到五个循环，不用动，一行都没改，只改了一件事。以前硬编码 run 下划线 handles block 点 name 怎么加两步？第一步，在 tools 树组里加一条描述，告诉模型我现在会读文件了。第二步，在 tool 下划线 handles 字典里加一个映设，就这两步， 四个新工具都很直接。 read 下划线 file， 读文本支持 limit 截断。 write 下划线 file， 写内容，自动创建目录。 edit 下划线 file 做替换。 old 下划线 text 找不到汇报错 glob， 按 pattern 搜文件， 文件工具加了 safe， 下划线 pass 校验，防止阅出工作目录 bash 没加，所以 r m r f 还是能跑。这个问题 s 零三解 决。模型一次可以调多个工具，读一下 a e 派和 b d 派，然后列出所有派文件，三个 to 下划线 use 一 起回来教学版按顺序逐个执行，简单易懂， 但生产环境要并发。 c c 的 判断标准不是指读就能并发这么简单，而是看 iscon currency safe 按具体输入判断。 ls 是 指读能并发， r m 不是 不能并发。 task create 虽然写文件，但每次写不同路径也能并发。 c c 把工具调用，按连续块分批并发，安全地编入同一个 batch， batch 内并行跑，遇到不安全的就切心 batch 串行，等上一个跑完， 每个工具调用还要过五道验证，四的参数检查， validate input 值验证， pre two use hooks 权限检查最后执行 还有刘氏执行模型还在输出，我来分析一下。 read 下划线， file 已经跑完了，不等模型说完，工具先动， 结果太大怎么办？每个工具有 max， result size， charts， 超线就落盘模型看到的是预览，不是全书， 但 fileread 特殊设为 infinity。 为什么？因为读文件的结果，如果被落盘模型，下次读那个落盘文件又会触发落盘，读落盘再读再落盘，无限循环，直接禁止，一了百了。 所以你看 s 零幺到 s 零二循环没变，变的是工具层，从硬编码到查表分发， 加一个工具数组加一条，字典加一行，这就是扩展模型边界的正确方式。下一章讲权限， bash 还能随便跑，这个问题该修了。
34害人饿瘦
08:26查看AI文稿AI文稿大家好，今天呢带大家看一套可以直接拿去答辩，也可以直接二次开发的这个校园社区管理系统。 好，接下来呢，呃，咱们这个演示一下。好，先进， super and me 看一眼可以看见这里就是它的一个呃有数据可识化的一个，呃这个相关的主页， 呃，然后呢？呃他有不同的功能，用户管理，呃，社团管理、社区社团类型管理， 呃，社团成员管理，呃，活社团活动管理、通知信息管理，入团申请，还有一个费用管理，好，这个是他呃 系统管理员的，呃处理的作用，然后呢？呃推，接下来呢看社社团管理管理员。 好，接下来呢咱们进入社团管理员的这个，而社团管理员呢，它是有社团信息管理功能，然后社团成员管理功能，入团申请功能和这个活动管理功能， 然后通知信息管理功能和费用管理，并且呢可以看见他在这里呢是可以进行这个呃可以进行删除移除这个呃管理，并且可以这个通过和驳回，呃入团申请，然后可以是发布活动 和这个呃快速发布这个通知的。接下来呢，呃咱们再进入用户的这个系统看一下， 好，接下来呢咱们进入用户系统，呃可以看见用户系统呢和那个前面两个系统就不太一样了，他呢这个只有这个社团信息管理，他可以进行申请加入， 然后这个活动管理呢，可以查看他当前呃社团的活动，呃，但是不能发布，也不能修改，然后这个入团申请的话，也就是可以进行入团，呃，然后费用的话是也是一样的， 呃可以查看当前自己的有没有相应的要交的费用好。呃，通过这些呢就可以看出来呢。呃，这个系统呢主要是面向三类用户的。呃，分别是这个学生，社团管理员。呃，那个系统管理员 登录页的，还有这种左右分栏哈。呃，左边呢是社团这校园轮播和宣传语，右边是账号登录，支持注册和。呃记住，登录整体呢风格还是比较干净的，适合答辩和演示。 呃，登录后这个就是相当一些的那些钢弹的功能，好像是。呃这个， 它的这个工作台呢？还有相应的这个。呃统计卡片和图标，这个是非常适合展示的。呃，还有就是 它的整体的系统架构是这样子的，呃浏览器，也就是用户，然后通过接球接口请求这个前端， 呃，然后呢进行相关的交互。呃，然后它的端口呢是九二幺二，然后通过 h t t p。 呃连接到后端，它的接口呢是这个九二幺幺进行数据管理，最后呢它的数据存储到 my circle 里。 呃，这个数据呢就分别的这些，呃用户，社团活动成员，呃报名和申请以及公告。 呃前端技术呢？他的框架就是用的是前端页面框架二点 x 的。 呃界面库呢就是元素的组件库，表格表单，弹窗等。然后呢路由呢？使用的是页面路由。登录后呢按照决策动态加载这个，呃动态加载这个菜单， 呃状态呢是局的这个状态管理登录令牌和这个。呃用户信息以及菜单。 呃请求的话是异步请求的。呃对接后端这个，呃接口，呃图标呢是有趋势图和统计图后端的，它的这个源是 java， 呃，框架呢是 print put， 数据库访问呢是这个， 然后呢接口风格呢？是这个这种风格，然后呢认证呢？是 token 令牌加缓存，它的整体目录结构，前端项目是前端目录是这一块，呃，然后后端项目是这一块，呃，文档是在这，呃，然后呢同学 就是如果后续要更改的话呢，记得要呃这个，根据这个他的规定来，这样的话更好修改。呃，然后呢设计的这个主要规范的是，呃蓝色系的卡片圆角， 他的这个风格是柔和阴影大面积留白的侧边栏可以真这个，呃，折叠顶栏呢？含面包线通知和这个，呃用户菜单表格呢？支持斑马分页。 呃，然后快，如果要它要启动的话呢，它是有环境要求的。首先呢推荐是 node js 是 十六加以上，高版本的话需要开启兼容模式，然后呢 jdk 是 八加以上， 呃，然后 mesico 是 五点七，呃， melvin 或者是 idea 呢？是直接运行后端。 呃，数据库方面的话，如果想运行的话，得先提前导入项目提供的这个车库脚本，创建这个数据库，并出示话表与测试数据。 呃，然后呢？呃启动后端的方法呢？就是在 idea 中打开这个，呃 idea， 然后呢？呃配置数据库链接后运行。呃，主启动类，然后默认地址呢是 local host， 呃，九二幺二哈。呃，然后启动前端的话呢， cd 到前端目录进行安装依赖，然后呃 访这个，呃，运行前端的服务，然后浏览器访问这个 logo house 的 九二幺二就可以了。呃，然后呢？呃接口的地址呢是在这个文件中配置的，呃，默认呢指向后端的这个链接。 好，测试的默认账号呢是分别是角色，有三种角色，呃，管理员，呃，社团负责人、普通学生，呃，然后呃， 管理员的话是拥有全部菜单与功能，社团这个负责人的话是管理所有社团相关功能。呃，普通学生的功能则是浏览申请和报名，刚才也展示过了。 好，然后呢？适用场景呢？就是呃，咱们的这个毕业设计，然后开发的这个课程设计， 呃，然后开发练习的这个呃项目，然后呢，这个校园如果有信息社团信息化方面的这个呃需求的话，也可以用这个呃项目，然后并且也是可以有二次开发的。呃， 呃，如果它有一些常见问题，比如说 node 是 七版本，需要用这个指令。呃，然后呢？或者是用环境变量这个启动， 然后接口如果报四零四的话，确认后端已经启动，并且在这个文件中，他这个后端的这个端口与上下文的路径是一致的。 好，然后这个登录后菜单如果是为空的话，要需要检查用户角色与状态，自断未入团学生可能仅显示首页。啊。呃，好，整体就是这样子的， can i know each other。
01:32查看AI文稿AI文稿今天教大家用拍档代码制作桌面宠物，哈喽大家好，今天我们来玩点有意思的，今天将会带大家用 python 来打造一个超萌的桌面宠物，让你的电脑桌面瞬间就充满了活力和趣味。 在你工作学习累了的时候，一抬头就会有个小可爱在你的桌面上蹦跶。制作桌面宠物，我们首先得准备好工具，也就是需要用到的一些库，这里需要用到 p y q t 五 random os 和 s y s py q t 五是第三方库，需要大家手动的 p i p 因素下载一下，这个库是用来搭建图形界面的，有了它咱们的宠物才能在桌面上显示出来。 接下来我们就定义了一个类，这个类里面定义了非常非常多的方法来实现宠物的相关动作，现在我们来运行看一下。我这里呢是找了关于蜡笔小新的一些图片素材，当然你也可以换成你喜欢的动漫人物， 找图片素材的时候尽量越多越好，这样你的宠物动作才会更加的丰富。那我的这个蜡笔小新呢，可以让他在这里运动 啊，也可以让他在这里吃饭等等等等，有非常非常多的动作，你们也可以去尝试一下。今天的分享就到这里结束了。
60会飞的来财
02:02查看AI文稿AI文稿那今天给大家说一下怎么用这个 codex 对 接到我们的微信上面去啊？其实是非常简单的，因为它这里有一个开源的 项目叫 codex bridge， 这是一个开源的项目，然后把这个项目放到我们这个 codex 里面去就可以了，然后提示词是这么说的，帮我把这个项目对接到我的微信上， 然后对接好之后，你给我一个二维码，我用微信扫一下这个二维码，就可以跟你进行聊天，然后再把这个开源的项目把这个网站发给他， 就是这样的一个提示词，然后等到你看这里，我我用的是十一分钟啊，十二分钟都不够，他就帮我对接好了，然后中途他会给你一个呃二维码，然后你扫一下这个二维码就可以了。 然后对接了之后，我们打开微信，你看我这里已经对接好了，这是一个呃 qds 对 接微信的一个功能，已经对接好的了，然后我们这里进来看一下，然后我发信息给他测试一下， 然后我问他你是谁？他这里会对方正在输入中，然后看他怎么回答， 你看他已经回复我了，他说我是 code s 是 吧？ 非常方便。以后就是出门在外的话，就不用对着这个电脑端的这个 code s 了， 直接用微信跟他聊，跟他让他部署任务就可以了，非常方便的。这就是呃 code s 对 接这个微信的一个功能，是非常简单的， 大家可以按照我这个提示词去部署到你的 code 里面去就可以了。 nice。
2681极深网络
03:24查看AI文稿AI文稿今天跟大家分享的是用拍散代码制作恐龙快跑游戏，哈喽大家好，今天给大家带来一个用拍散实现的小恐龙躲避的小游戏。首先给大家展示一下游戏效果，当我们运行这个文件以后，它会出现一个这样的游戏界面， 按住向上键起跳，游戏就开始了。在游戏过程里，你所操纵的小恐龙需要通过 跳跃的方式躲避这些仙人掌和鸟类等障碍物，能够坚持躲避的时间越长，则得分越高，一旦触及到障碍物，则游戏结束。如果需要重新玩，可以按住游游戏界面当中的重按键，游戏则重新开始，咱们来演示一下。 好，那么现在游戏就开始了，躲避障碍物，我们可以看到啊，上面的得分在不断的上升， 怪物呢？有鸟，有仙人掌等等等等。好，那这个时候当我这个小恐龙触及到了这个仙人掌的时候，游戏就已经结束了，而你的得分也已经停留在了这一刻。当我在需要重新玩的时候，我点击中间的重新玩的按钮，点一下， 再摁一下向上的键，游戏又重新开始了，很简单对不对？ ok， 那 接下来呢，我们就先我们就先简单的介绍一下游戏的代码结构和功能。 首先是主运行文件，里面定义了主要的运行方法，并且执行了这样的一个主运行方法。再看一下上面这个文件，这是一个配置文件， 它定义了界面大小和获取图片、音乐素材的路径、地址以及背景颜色等。 然后再看一下这两旁边的两个文件夹，这两个文件夹里面分别存储了游戏运行过程当中所需要用到的图片啊，仙人掌、恐龙，对吧？云朵， ok， 这都是这个游戏运行过程里面所需要用到的图片素材，以及咱们在游戏的过程当中还会有部分的背景音乐啊，它是存储在这个 audio 文件夹当中的，那么咱们再来看一下这一个文件夹， 在这一个文件夹当中啊，它分别用面向对象的方式封装了各类的游戏角色啊，例如这一个， 他在这个文件当中封装了小恐龙这个游戏角色，并且在小恐龙的这个类里面定义了属于小恐龙这个游戏角色的属性和相关的功能方法。 而这一个文件呢，则封装了游戏当中各类的啊障碍物角色，并且在这样的一些障碍物类里面也定义了一些属于这个游戏角色的相关属性和功能方法。 呃，这一个文件里面所定义的就是游戏场景当中需要需要用到的各类元素，例如地板和云朵等等。最后我们再在另外一个文件里面定义一下游戏的开始界面 和游戏的结束界面，那么到这里为止呢，游戏就已经完成了。
69数据加载中
