前端拖拽自动生成html的框架_用深度学习自动生成HTML代码

最新推荐文章于 2024-09-27 09:52:30 发布

weixin_29215969

最新推荐文章于 2024-09-27 09:52:30 发布

阅读量2.7k

点赞数 1

文章标签：前端拖拽自动生成html的框架

本文链接：https://blog.csdn.net/weixin_29215969/article/details/113367200

版权

本文介绍了如何使用深度学习模型，特别是LSTM和CNN，将前端页面设计转化为HTML和CSS代码，探讨了自动化前端开发的可能性。通过训练神经网络，输入设计截图，输出对应的标记语言。文章还提供了逐步构建不同复杂度模型的指导，包括Hello World版本，展示了从截图到代码的实际应用。

摘要由CSDN通过智能技术生成

用深度学习自动生成HTML代码

选自Floydhub

作者：Emil Wallner

机器之心编译

如何用前端页面原型生成对应的代码一直是我们关注的问题，本文作者根据 pix2code 等论文构建了一个强大的前端代码生成模型，并详细解释了如何利用 LSTM 与 CNN 将设计原型编写为 HTML 和 CSS 网站。

项目链接：github.com/emilwallner…

在未来三年内，深度学习将改变前端开发。它将会加快原型设计速度，拉低开发软件的门槛。

Tony Beltramelli 在去年发布了论文《pix2code: Generating Code from a Graphical User Interface Screenshot》，Airbnb 也发布Sketch2code(airbnb.design/sketching-i…)。

目前，自动化前端开发的最大阻碍是计算能力。但我们已经可以使用目前的深度学习算法，以及合成训练数据来探索人工智能自动构建前端的方法。在本文中，作者将教神经网络学习基于一张图片和一个设计模板来编写一个 HTML 和 CSS 网站。以下是该过程的简要概述：

1)向训练过的神经网络输入一个设计图

2)神经网络将图片转化为 HTML 标记语言

3)渲染输出

我们将分三步从易到难构建三个不同的模型，首先，我们构建最简单地版本来掌握移动部件。第二个版本 HTML 专注于自动化所有步骤，并简要解释神经网络层。在最后一个版本 Bootstrap 中，我们将创建一个模型来思考和探索

关注