- 综合排序
- 最热优先
- 最新优先
- 来自专栏IMWeb前端团队
前端AI实战——告诉世界前端也能做AI
IMWeb jerryOnlyZRJ 原文出处：IMWeb社区 未经同意，禁止转载 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端 在python垄断的时代，发布JS工具库不就是意味着我们前端工程师也可以参与其中？ 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 3.结语 随着JS引擎的计算能力不断增强，人工智能领域的不断发展，可以预见的是，在不久的将来，肯定能有一些简单的算法可以被移植到用户前端执行，这样既能减少请求，又能分担后端压力。 所以，请对你所从事的这份前端事业，有足够的信心！ 还是那句老话： 技术从来不会受限于语言，受限你的，永远只是思想。
1K30发布于 2019-12-03 - 来自专栏京程一灯
前端AI实战——告诉世界前端也能做AI
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端，和大部分人一样，都觉得人工智能其实离我们很遥远 在python垄断的时代，发布JS工具库不就是意味着我们前端工程师也可以参与其中？ 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 所以，请对你所从事的这份前端事业，有足够的信心！ 还是那句老话： 技术从来不会受限于语言，受限你的，永远只是思想。 4.鸣谢 本文项目资源大部分来自京程一灯，感谢京程一灯袁志佳老师对我技术成长的支持和帮助，如果你也在前端前进路上感到迷茫，京程一灯也许是你一个不错的选择。
1.2K51发布于 2019-03-27 - 来自专栏Web技术庄园
前端 + AI —— 走进无码时代
导语：前端智能化，就是通过AI/CV技术，使前端工具链具备理解能力，进而辅助开发提升研发效率，比如实现基于设计稿智能布局和组件智能识别等。 本文要介绍的前端智能化的一类实践：通过计算机视觉和机器学习实现自动提取图片中的UI样式的能力。 具体效果如上图，当用户框选图片中包含组件的区域，算法能准确定位组件位置，并有效识别组件的UI样式。 本人将于9月5号参与腾讯live开发者大会，届时将介绍更多前端智能化实践内容，欢迎有兴趣童鞋前来观摩 腾讯Live开发者大会：https://2020.tlc.ivweb.io/detail/?
1.7K30发布于 2020-09-01 - 来自专栏腾讯大讲堂的专栏
前端智能漫谈 - 写给前端的AI白皮书
而我们前端er更像一个事不关己的旁观者。在前端领域，我们如何乘上这个风口，又有什么样的方法可以用AI赋能我们的老本行。 如果希望短时间内用AI赋能你的业务，最好先看下其他三种方案有没有适合你的需求，或者问下AI部门的同事，他们有没有兴趣和你一起干。 我把社区中开源的前端AI能力，又重新用直白的语言写了一遍，每个DEMO下有原项目地址链接，有兴趣应用的可以研究更精确的参数。 为了照顾没有摄像头的用户，我为每个例子都写了上传图像的版本。 在没有强大数据集和AI团队支持的情况下，使用前人训练好的参数和模型设计基础上，再次训练不失为一种不错的选择。 随着前端算力的逐渐进化，会有更多成熟的模型和算法移植到前端的领域，比如tensorflow的facemesh模型已经在内部审核当中，预计今年底明年初就可以使用了。
1.1K20发布于 2019-11-18 - 来自专栏大前端++
AI 对大前端项目的冲击，【大前端++】来抵御
前端技术已经多年，各种开发框架，开发语言也覆盖了大部分的业务环境，熟练使用AI 进行辅助开发就可以提高 10 倍的开发效率，当然这个是在有比较熟练开发经验的基础上再进行 x10AI 极大促进了开发效能； 现在前端几乎没人要了，因为后端使用AI 辅助开发基本上也能满足基本需要了，迭代几个版本，熟悉了前端开发的基本框架，基本上后端和前端也就没那么明显的界限了，除非是比较急的项目需求，不然时间拉长一点点基本上就不需要前端了 所以如果从现在开始积累大前端++项目的行业特性，那基本上就抵御了 AI 的冲击，因为AI 解决不了如此复杂的业务场景，当然如果你看过我其他文章就会知道这样的项目的场况问题，AI 无法理解的。 所以如果还想在前端有一定的发展方向，大前端++可能是一个比较好的保底的选择，可以有效抵御AI 冲击我是前端开发，还是十多年的前端开发，所以在前端开发的感受更深刻一些！ 大前端++【混合开发】进阶到【大前端++】【大前端++】几大特征【大前端++】前端、大前端、大前端++的区别有哪些？
19810编辑于 2025-12-10 - 来自专栏技术汇总专栏
AI在前端设计页面的应用
随着人工智能技术的不断发展，AI在前端设计页面中的应用变得越来越普遍。AI不仅能够提高设计效率，还能够优化用户体验，减少人为错误。 本文将探讨AI在前端设计页面中的应用，涵盖自动布局生成、个性化设计推荐和代码自动补全，并提供相关代码示例。一、自动布局生成AI可以分析用户需求并自动生成页面布局。 通过机器学习算法，AI可以动态分析和更新数据，使前端页面始终展示最新的信息。 在前端设计页面中的应用范围广泛，从无障碍设计、实时数据可视化到自然语言处理与情感分析，AI技术不断为前端开发带来创新和便利。 通过不断学习和应用这些技术，前端开发者可以创造出更加智能、个性化和用户友好的网页。未来，随着AI技术的进一步发展，前端设计将变得更加高效和智能，使开发者能够专注于更具创意和价值的工作。
2.4K31编辑于 2024-06-09 - 来自专栏AI系统
【AI系统】LLVM 前端和优化层
接下来本文就具体的介绍一下 LLVM 的前端和优化层。 LLVM 前端 - ClangLLVM 的前端其实是把源代码也就是 C、C++、Python 这些高级语言变为编译器的中间表示 LLVM IR 的过程。 这个阶段属于代码生成之前的过程，和硬件与目标无关，所以在前端的最后一个环节是 IR 的生成Clang 是一个强大的编译器工具，作为 LLVM 的前端承担着将 C、C++ 和 Objective-C 语言代码转换为 词法分析前端的第一个步骤处理源代码的文本输入，词法分析 lexical analyze 用于标记源代码，将语言结构分解为一组单词和标记，去除注释、空白、制表符等。 LLVM 优化层LLVM 中间表示（IR）是连接前端和后端的中枢，让 LLVM 能够解析多种源语言，为多种目标生成代码。前端产生 IR，而后端接收 IR。
58110编辑于 2024-11-28 - 来自专栏【腾讯云开发者】
前端变天了？20年前端老兵眼中的前端技术演进与AI革命
从IE6的“兼容性噩梦”到AI驱动的智能开发，前端技术二十年间完成了史诗级进化。AI技术革命不仅改变了开发方式，更重新定义了前端的可能性。未来，人与AI如何协作？前端又将走向何方？ 2005 - 2024 前端领域关键技术事件时间轴 04、AI时代前端的机遇与变革 与近两年 AI 技术的爆发式发展相比，上面提到的这些变迁和演进都是“弟弟”，我们可能正在经历这个行业最具颠覆性的变革。 最近经常有人问我：“AI 这么厉害，前端开发是不是要被取代了？”作为一名前端老兵，就这个问题，我也来谈谈自己的看法。 一方面，AI 对前端某些细分领域的冲击非常明显，比如低代码开发。 另一方面，现代前端开发的范畴很广，并非所有的前端细分领域受 AI 影响都像低代码那么大，特别是一些高阶技术领域，AI 的作用更多的是赋能而非替代。 AI 不是前端开发的终结，而是一个新的开始。 AI 帮我们处理重复劳动，让我们能把更多精力放在创造性的工作上，比如提升用户体验、探索新技术方案。这才是前端开发真正的价值所在。
1.2K10编辑于 2025-06-10 - 来自专栏愚公系列-书籍专栏
【愚公系列】《AIGC辅助软件开发》014-AI辅助前端编程：AI辅助前端应用开发
随着人工智能技术的不断进步，AI在前端开发中的应用逐渐成为一种趋势，正在改变开发者的工作方式和思维模式。 本文将探讨AI如何辅助前端应用开发，从代码生成、自动化测试到用户体验优化等多个维度分析AI所带来的变革。 通过引入AI工具，前端开发者能够提升编码效率，减少重复性工作，专注于更具创造性的任务。 同时，AI也为团队协作提供了新的可能性，使得跨职能合作更加高效。我们将讨论当前市场上流行的AI工具以及它们如何融入前端开发流程。 希望通过本篇文章，读者能够深入了解AI在前端开发中的应用潜力，并激发出更多的创造性思维，为未来的开发实践提供新的视角和灵感。 一、AI辅助前端应用开发 1.用ChatGPT阅读 Vue3(setup) 源码 AI辅助前端应用开发是一种利用人工智能技术提升前端开发工作效率和质量的方法。
69210编辑于 2024-12-07 - 来自专栏魔术师卡颂
Vercel推出的前端AI工具v0，会改变前端么？
最近，Vercel推出了一款AI代码生成工具 —— v0[1]，可以快速生成前端组件代码。 这款AI工具会影响现有前端开发模式么？本文会从如下角度展开讨论： v0是什么？能做什么？ 会对现有前端开发产生什么影响？ v0是什么 v0是Vercel推出的一款「前端组件代码生成工具」，当前还处于Alpha阶段，要想试用需要先排队。 在我上一篇讲TailwindCSS的文章中我提到一个观点 —— 随着AI生成代码的普及，类似TailwindCSS这样的「原子化CSS」会越来越普及。 总结 了解了v0能做什么，以及输出代码的组成后，我们可以得出结论 —— v0是一款快速生成项目原型代码的AI工具。 从这个角度看，他对前端的影响还局限在提效工具上（而不是替代前端）。 与其担心v0会取代你的工作，不如担心隔壁悄悄使用v0的同事比你工作效率来的更高......
2.7K10编辑于 2023-09-21 - 来自专栏全栈学习
AI辅助的前端代码编写与优化
前言随着GPT-4o的发布，AI能力越来越强大。作为一个前端，能借助AI的能力，可以做的事情也越来越多。 作为一名前端开发工程师，在日常工作中也可以借助AI来辅助我们进行前端的编码和优化工作，极大的提高日常开发效率。接下来一起看下，可以在哪些方面进行提效。 自动补全当我们在上面写了很多代码的时候，当我们写了一点点变量名的时候，AI就能自动识别到我们想输入的变量名称。 这个时候，我们可以把组件库代码发给AI工具，让AI工具帮我们实现这段代码的单元测试代码。实操如下：通过上面的实操，我们可以感受到：AI的能力真的很强，对我们开发帮助很大。 同时也期待借助AI能力，在前端基建上有更多的突破。如D2C领域。
77620编辑于 2024-06-03 - 来自专栏玩转AI
前端如何借助 AI 工具提升开发效率
前端如何借助 AI 工具提升开发效率 前言 大家好，我是喵喵侠。在日新月异的前端开发领域，开发效率的提升显得尤为重要。随着人工智能（AI）技术的不断进步，各种AI工具在前端开发中的应用也越来越广泛。 所以在这篇文章，我会告诉你 AI 工具的通用技巧，带你了解如何借助AI工具来提升前端开发效率，并通过实际的业务场景和案例展示这些工具的实际应用效果。 AI 工具在前端开发中的应用 就我目前日常使用来说，AI工具在前端开发中的应用，主要体现在以下几个方面： 代码生成与自动补全 AI工具通过学习大量的代码示例，帮助开发者自动生成代码或进行代码补全。 国内也有一些不错的 AI 编程助手，有阿里云通义千问，百度云Comate，以及腾讯云 AI 代码助手。 数据格式处理 前端开发经常需要处理各种复杂的数据格式。 本文通过具体的业务场景和案例，展示了AI工具在数据格式处理和复杂表单生成中的实际应用，希望能为前端开发者提供一些有益的启示。我相信，随着AI技术的不断进步，未来的前端开发将更加智能和高效。
2.1K21编辑于 2024-06-07 探索AI在线前端编辑器IDE
今天，我想与大家分享一个令人兴奋的技术项目——一个集成了AI智能补全、多框架支持、实时预览等先进功能的在线前端编辑器。 这个项目不仅展示了现代Web技术的强大能力，更体现了AI技术在前端开发工具中的巨大潜力。 AI驱动的在线前端编辑器代表了前端开发工具的发展方向。 随着AI技术的不断发展，我们有理由相信，这样的智能开发工具将会成为未来前端开发的标准配置。它们不仅会改变我们的开发方式，更会推动整个前端生态的进步，让更多人能够参与到前端开发的创新中来。 这个项目展示了现代Web技术与AI结合的巨大潜力。如果你对这个项目感兴趣，或者想要了解更多技术细节，欢迎与我交流讨论。让我们一起探索前端开发的未来！
39210编辑于 2025-09-27- 来自专栏趣谈前端
js-pytorch：开启前端+AI新世界
它可以让前端轻松使用 javascript 来运行深度学习框架。作为一名资深前端技术玩家， 今天就和大家分享一下这款框架。 目前人工智能领域中，深度学习技术正以惊人的速度发展。 如果大家对深度学习和前端开发感兴趣，我强烈推荐去探索 js-pytorch 这个项目。它为开发者打开了一扇新的大门，让我们能够在网页上构建更智能、更强大的应用。
91210编辑于 2024-04-19 - 来自专栏云云众生s
AI与React结合，打造更智能的前端
前端开发在不久的将来就不可避免的要结合人工智能。然而，最紧迫的问题是，这到底意味着什么，一定非要是聊天机器人吗？ MongoDB的高级开发者倡导者Jesse Hall在上周第二届React峰会美国虚拟日上说："几乎每个应用程序在某种程度上都将使用AI，AI会无视所有人。 然后，LangChain可以是栈的关键部分，因为它有助于数据预处理、将数据路由到适当的存储以及使应用程序的AI部分更高效。 他还建议使用Vercel的AI SDK，这是一个开源库，用于构建会话式的流式用户界面。 请记住，未来不仅仅是更智能的AI，还有它集成到以你的下一个基于React的项目为代表的以用户为中心的平台中的程度。
1.1K10编辑于 2024-03-27 - 来自专栏柒八九技术收纳盒
AI赋能前端 - 抛弃百度翻译，自部署AI翻译服务
一个专注于前端开发技术/Rust及AI应用知识分享的Coder ❝此篇文章所涉及到的技术有 AI 翻译 LibreTranslate 自部署 Argos Translate Python 因为，行文字数所限 不去facebook，是因为他们爷爷奶奶爸爸奶奶在上面分享AI生成的耶稣画像（老头子们太老土了）。 不去instagram是因为那里的世界太假，都是粉饰过的，不是真实的。 案例展示 我们使用f_cli_f来构建一个前端项目。 在安装好依赖后，我们通过yarn dev来启动项目。
48200编辑于 2025-01-19 - 来自专栏Web 技术
前端搞AI：在浏览器中训练模型
⭐️ 本文首发自 [前端修罗场]，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、答疑解惑、面试辅导以及职业发展。
1.1K10编辑于 2022-07-29 - 来自专栏云云众生s
生成式AI帮助前端开发者创建组件
前端AI是一种新型生成式AI模型，可帮助前端开发人员创建和调整特定框架的组件和插件。 她还打算在未来的某个时间点将Webcrumbs和Frontend AI合并。但目前，Frontend AI专注于……前端。 代码结果显示在一个可视化界面中，允许开发者调整前端AI生成的任何元素的主题、字体、颜色和间距。Machado说，随着团队添加更多客户能够通过拖放修改工具的功能，该界面也在不断发展。 她补充说，最终，使用前端AI构建的组件将可以通过一行代码嵌入。目前，开发者可以从代码编辑器复制代码、下载代码或获取PNG。 前端AI可以检测组件在特定设备上可能遇到的问题，并提供修复这些问题的方案。前端AI截图。
59800编辑于 2025-01-25 【干货推荐】AI助理前端UI组件-悬浮球组件
让AI助手"悬浮"在你的应用中：ai-suspended-ball-chat组件深度体验前言在AI技术快速发展的今天，如何将AI助手无缝集成到现有应用中，提供流畅的用户体验，是很多开发者面临的技术挑战。 什么是ai-suspended-ball-chat？ai-suspended-ball-chat是一个功能强大的AI聊天组件，支持流式响应、图片上传、语音播报、历史记录管理等功能。 -- AI助教悬浮球 --> <SuspendedBallChat :url="'https://api.education.com/<em>ai</em>-tutor'" :app-name= : string // AI助手头像URL name?: string // AI助手名称 description? AI集成解决方案。
65400编辑于 2025-09-13- 来自专栏AI科技大本营的专栏
前端开发行业真的会被AI取代吗？
AI在前端领域的发展 ? ? 人工智能也可以称其为机器智能，其概念最初是在20世纪50年代中期Dartmouth学会上提出的。 AI在前端领域的发展 在2017年，一个叫做DeepLearning.js的工程诞生了，旨在没有API的干扰下在JavaScript中推动ML/DL的发展；但是又出现了速度的问题。 目前AI在前端领域的一些应用案例有： 1. 人脸识别 2. 人脸比对 3. 物体检测 4. 手势检测 5. 视频跟踪 6. 图像美化 7. 开发者无需了解具体算法细节，即可快速地将AI技术部署到移动端产品上，实现用户数据的本地高效处理。 总结 本篇属于调研实践型文章，旨在证明AI与前端融合的可行性及优势；通过分析业界面临障碍的探索及解决思路，给我们在前端具体业务场景中，如何结合AI优势，解决弱计算能力、模型较大等焦点难题，提供一些可行思路
2.4K51发布于 2019-07-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号