本期共享的是 —— AIGC 的用途之一是协助编写或生成前端代码。诉诸 AIGC 辅助前端开发有一大坨福利;举个栗子,快速创建一次性原型,或者辅助我们生成涉及生疏概念的代码,比如我们不懂贝塞尔曲线,也让 AI 可以写出丝滑的动画特效。
与以前的一大坨发明一样,AIGC(生成式人工智能)正在改变前端的开发方式,但 AIGC 也是一把双刃剑。
我们可以尝试使用 AIGC 来辅助生成可访问的前端代码。AI 为我们的需求提供了看似权威的答案,但 AI 也会犯错,AI 会警告我们大胆复制、小心粘贴,因为当我们提出自己都不知道如何实现的需求时,我们也无法验证 AI 答案的准确性和可靠性。
我们向三个免费的 AIGC 工具咨询了若干有关前端可访问性代码的典型问题。这些工具是 Google 的 Gemini 和 OpenAI 的 ChatGPT,它们都是在一般数据上训练的 AI 工具的典型代表。
粉丝请注意,AIGC 不会在每次被问到相同问题时给出相同的答案,换而言之,AIGC 不是“纯函数”,相同的输入不一定得到相同的输出,大家自己测评的时候不要大精小怪。如果您不知道什么是”纯函数”,正好可以向 AIGC 咨询。
问题 1
由于生产团队定期致力于使其产品和服务符合 WCAG(Web 内容可访问性指南),因此前端开发者可能会求助 AIGC,确定它们编写的代码是否可访问。我们咨询了测评了谷歌的 Gemini 和 OpenAI 的 ChatGPT:
我们的问题是,下述前端代码是否符合 WCAG 2.2 Level AA?
<p>
我家的猫吃了我的代码。
<a href="https://www.51cto.com/article/news.html" aria-label="猫吃了我的代码">一键三连</a>
</p>
分享说明:转发分享请注明出处。