绝了豆包也来卷AI编程了

以前我写过一篇关于豆包的文章，名字叫做“ 豆包是 AI 版的东方不败 ”，当时想表达的含义就是豆包太强了，几乎无所不能，其他高手都是各有擅长，但是在豆包面前还是不抗打。

要说这种评价以前还有夸张嫌疑，那么现在豆包用实际行动在证明，它们真的想成为当代的东方不败，一统江湖指日可待！

萝卜哥最近被豆包的 AI 编程功能给攻陷的，真的很好用。

只需要点击这里的“ AI编程 ”按钮，就能开启自己的编程之旅啦~

经过萝卜哥的大量测试，发现目前豆包的 AI编程更适合前段网页编程，对于后端编程的支持还是很一般，不过即使是这样，也已经极大地提高了我们的工作效率了。

下面就跟着萝卜哥，一起走进自己创造世界的旅程~

生成热点网页

最近号称全国最大的黑客松组织 AdventureX 被爆出，公然兜售参赛者的隐私数据，这一操作引起来的众多开发者的不满，咱们就以这个事件为引子，来看看豆包做这类热点页面的效果。

为了更好的了解整个事件的来龙去脉，我特意让 Kimi 做了一次深度研究分析

最后 Kimi 给出了一份很长的研究报告

我直接把报告内容复制给豆包的 AI 编程

这样豆包就开始工作了，编写代码的速度很快

我们看到生成的网页，除了布局排版精美之外，还有一个很大的特点，就是可以直接进行编辑，这个可是其他大模型工具所不具备的，这个功能我们在最后介绍。

从整体页面来看，还是非常不错的，把报告中提到的关键信息都完整的展示了出来，达到了可以上线应用的水平。尤其是这个时间线的处理，让人一目了然。

完整的报告大家可以访问下面的链接查看

https://www.doubao.com/share/code/dd263df4aa93fd24

生成教学网页

现在 AI 编程越来越普及，我们完全可以把这些能力投入到中小学的教育当中，比如一键制作生动的教学网页。

你是一名网页动画大师，现在帮我制作一个HTML网页动画，要求是展现地球自转和公转动画。左侧是可以调节的参数区域，右侧是动画展示区域，鼠标可以拖动，展示天体的不同视角。整体网页需要排版美观精致流畅，可以使用CSS。

看着豆包写代码的过程，还是非常解压的

生成的速度还是非常快，而且你看效果，杠杠滴。

直接来通过下面的视频感受一下吧

我觉得当年我的课堂如果有这样的动画演示，那我的学习成绩怎么也能提高几十分吧，哈哈哈哈。

生成小工具网页

对于我们日常的一些小工具，其实都可以利用 AI编程来完成，比如图片处理相关的，一键P图，图片修改尺寸压缩，梗图制作的更多，我们就来实现一个这样的网页。

你是一名专业的代码大师，现在帮我制作一个HTML网页，该网页拥有一系列图片处理能力，包括不限于一键P图，图片修改尺寸压缩，梗图制作等等。要求页面排版布局精美，所有的功能都可以运行。

因为需要处理的功能比较多，这次豆包执行了差不多5分钟，算是比较长了。

这个网站功能真的太全了，不仅仅是把图片处理的能力包含了甚至还有用户互动的数据，豆包怎么这么懂营销呢。

直接上视频看效果

就这个能力，你就说强不强吧~

生成表白网页

很久以前，网络上流行过一个 HTML 代码--爱心代码，当时我在百家号上做引流，靠着这个 HTML 代码引流了几千人。

现在咱们用豆包 AI编程来复刻一下

帮我创建一个HTML网页，复刻图片的代码，是一个动画，无数小型的爱心闪烁

很快豆包 AI编程就完美的复刻了这个小程序，怎么样，效果也很不错吧

当然我们还可以增加一些特色功能

很快豆包就完成了这个小功能

来看看视频，虽然有点小毛病，但是总体效果还是满意的。

我们既然可以增加人名，那么如果可以替换成更有意义的背景图片，就更完美了。

说做就做，让豆包增加这个功能

这样更有感觉了哦，快递把这个页面分享给你的他（她）吧~

https://www.doubao.com/share/code/47f5bc47eccf8945

网页二次编辑

豆包的这个二次编辑能力，确实很惊艳，也是其他厂商不具备的，我们来看看效果。

改字体

如果生成的网页当中某些字体我们不喜欢，那么可以直接修改

我们点击发送，豆包就会重新生成网页了

最后生成的效果如下，可能是我的提示词不太好，修改的效果不是很明显。

修改文字的过程，需要全部重写代码，这个效率太低了。

改图片

在来看看改图片的能力

我们点击图片之后，可以看到三个选项

比如我们让豆包搜索一下 AdventureX 的现场图片

发现是搜不到的，在 AI 看来，AdventureX 还是有点小众。

我们直接让豆包生成图片看看吧

比如下面这个提示词，有点东西啊，豆包这是百无禁忌吗，哈哈哈哈

然后我们选择一张图片替换即可

编辑图片不需要重写代码，这一点还不错。

写在最后