- 综合排序
- 最热优先
- 最新优先
- 来自专栏了不得的专栏
react+网页端聊天项目|仿微信web版
前段时间有使用react全家桶技术开发过一个react版手机端聊天室，最近又接着捣鼓pc端聊天室。 ? 一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs 等技术混合开发的仿微信web端聊天室reactWebChat 二、技术选型 MVVM框架：react / react-dom 状态管理：redux / react-redux 页面路由：react-router-dom 弹窗插件：wcPop 打包工具 ": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-redux": "^7.1.0", "react-router-dom from 'react'; import ReactDOM from 'react-dom'; import App from '.
2.9K20发布于 2021-06-15 - 来自专栏程序那些事儿
快速生成模板网页？Framer AI 功能让设计更高效！
当今，随着人工智能技术的不断发展，越来越多的设计和开发工具开始集成 AI 功能，以帮助用户更加高效地完成工作。 Framer 作为一款新兴的设计和原型工具，也加入了 AI 功能，使其在市场上脱颖而出。 Framer 的 AI 功能可以根据用户提供的描述和设计元素，快速生成模板网页。 这个功能对于在短时间内需要快速完成网页设计的设计师十分有用。设计师只需要提供简单的描述或上传包含设计元素的图片，Framer 就能自动生成网页模板或布局，从而减少了设计师的工作量。 同时，Framer 的 AI 功能也可以让设计师更加专注于原型的交互和设计方面，提高了设计和原型的效率和质量。 总的来说，Framer 是一款功能强大、灵活多变的设计和原型工具，具备 AI 功能可以快速生成模板网页。
1.7K30编辑于 2023-07-24 - 来自专栏linux运维
协作场景：用AI优化React Native移动端表单验证
AI提供的帮助生成初始表单代码:我在Cursor输入：“生成一个ReactNativeTypeScript表单组件，包含邮箱和密码输入，带实时验证。” Cursor迅速给出了代码：importReact,{useState}from'react';import{View,Text,TextInput,Button}from'react-native'; Cursor建议用正则和错误提示：importReact,{useState}from'react';import{View,Text,TextInput,Button}from'react-native 思考与总结AI是开发加速器:Cursor快速生成表单和验证逻辑，省时省力。精准提示关键:要求“加邮箱密码验证”比“优化表单”更有效。测试不可少:AI代码需在Simulator验证，我加日志确认交互。 学习驱动成长:AI的正则解释让我开发更自信。
34410编辑于 2025-08-31 慕课网体系课-前端高级工程师（大前端）
大前端（Frontend Infrastructure）是前端开发领域的高级阶段，它超越了传统网页开发的范畴，涵盖了Web、移动端（Hybrid/React Native/Flutter）、小程序、Node.js 服务端开发等多个技术领域。 核心技能要求技术广度Web前端三大基础：HTML5、CSS3、JavaScript（ES6+）主流框架与库：React、Vue、Angular等至少精通一种跨端开发：React Native、Flutter 等状态管理方案软技能技术方案设计与评审能力团队协作与知识分享意识业务理解与技术规划能力解决问题的能力与创新思维职业发展路径初级前端工程师（0-2年）：掌握基础技术，能够完成简单页面开发中级前端工程师（2-4年）：熟练掌握框架，能独立完成复杂模块开发高级前端工程师（4- Diff算法）项目经验与难点剖析系统设计能力（如何设计一个前端应用/组件库）未来趋势低代码/无代码平台：前端工程师需要关注可视化搭建技术WebAssembly：为前端带来更高性能的计算能力智能化方向：AI
87510编辑于 2025-09-16- 来自专栏编程进阶实战
1500+ 免费、美观的前端网页模板，建站神器（包括HTML、Vue、Angular、React等）！
前言 经常有小伙伴问我 Vue、React、Bootstrap 或者 Angular 这些有好看且免费的前端模板推荐的吗？ 今天大姚给大家分享一个宝藏网站，它汇聚了1500+ 免费、美观的前端网页模板，无论是 Vue、React、Bootstrap、Angular 等多种主流前端技术，你都能在这里找到心仪的模板，让你的前端开发之路更加顺畅 HtmlRev：https://htmlrev.com HtmlRev 包含但不限于 HTML、Bootstrap、Tailwind、Shadcn、Material、Bulma、Angular、React 应用场景 对于需要快速搭建网站的个人或小型企业而言，HtmlRev提供了丰富的模板选择。用户可以直接下载并使用这些模板，避免从零开始设计网页，大大节省了时间和成本。 对于网页设计师来说，HtmlRev上的模板也是寻找设计灵感的来源。通过浏览不同的模板，设计师可以汲取其中的设计元素和布局思路，为自己的设计工作提供新的启发。
5.5K10编辑于 2025-05-26 - 来自专栏GEE数据专栏，GEE学习专栏，GEE错误集等专栏
AI——五子棋网页端小游戏全附代码
五子棋是一种双人对战的棋类游戏。游戏的棋盘是一个15行15列的网格，双方玩家轮流在网格的空位上落子。目标是先在横线、竖线、斜线或对角线上形成连续的五个自己的棋子。
4.7K00编辑于 2025-02-06 - 来自专栏h5
2026原创自研React19+Vite8+ArcoDesign+Zustand中后台管理系统框架模板
经过一周高强度原创研发react19.2+react-router v7+arco-design+zustand5+react-activation+echarts等技术搭建网页版admin管理系统模板 KeepAlive> ) } return <>{content}</>}往期推荐文章自研Vite8+NaiveUI+Vue3+Echarts后台管理系统升级款vite8+vue3.5+arcoDesign网页端 webOS桌面框架Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈 Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端 AI助手 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 2026版開工新作uni-app+mphtml结合deepseek跨端ai应用 vite7.2-deepseek 流式ai对话|vue3.5+vant4+katex+mermaid智能ai打字会话 最新实战Vite7.3+Tauri2.10深度集成DeepSeek桌面端AI智能助手 electron38-vite7
28010编辑于 2026-07-08 - 来自专栏h5
2026新春之作跨端AI Chat系统|uniapp+vue3+deepseek流式ai模板
2026/2迎接新年实战uniapp+vue3+mphtml+deepseek从0-1纯手搓【h5+小程序+安卓】ai对话系统。 支持运行到小程序+Web+安卓端。 组件库：uni-ui+uv-ui高亮插件：highlight.jsmarkdown解析：ua-markdown+mp-html本地缓存：pinia-plugin-unistorage项目编译支持另外h5端还支持 mermaid图表渲染功能，图表支持移动端/pc端 拖拽 缩放功能。 编译运行到web端，以750px宽度显示页面布局。原创研发不易，感谢大家的阅读与支持！
46920编辑于 2026-02-10 - 来自专栏h5
vue3-deepseek-webai网页版AI Chat系统|vite7+arco+deepseek流式ai模板
2026/1開年最新实战vite7.x+vue3.5+arco+deepseek从0-1纯手搓网页端ai对话系统。 VScode技术框架：vite^7.2.4+vue^3.5.24+vue-router^4.6.4大模型框架：DeepSeek-R1 + OpenAIUI组件库：arco-design^2.57.0 (字节桌面端组件库 DeepSeek API配置VITE_DEEPSEEK_API_KEY = 替换为你的 API KeyVITE_DEEPSEEK_BASE_URL = https://api.deepseek.com项目布局模板项目整体布局结构如下图所示 finish_reason === 'stop') { // ... }}Okay，以上就是vue3接入deepseek搭建网页版ai对话系统的一些项目分享。希望对大家有点帮助~
82720编辑于 2026-01-07 - 来自专栏h5
自研react19.2+deepseek-v4+openai智能流式ai模板
这次爆肝一周基于react19技术栈整合最新deepseek-v4-flash从0-1手搓h5版流式ai聊天模板。 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+mphtml快速集成DeepSeek-V4智能ai应用Electron41 + Vite8打造流式输出客户端 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts +Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手Vite8.0+Vue3.5 +Arco深度对接DeepSeek网页版AI智能助手
14820编辑于 2026-07-20 - 来自专栏h5
基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包Kimi流式AI系统
经过一周快速研发，最新版react19.2+zustand5集成deepseek-v4-flash实战网页版ai流式对话助手。 [自研react19.2+deepseek-v4+openai智能流式ai模板](https://cloud.tencent.com/developer/article/2712737)react19- 项目模板，采用react hooks语法编码页面。 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts +Arco深度对接DeepSeek网页版AI智能助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38
16520编辑于 2026-07-27 - 来自专栏h5
全新研发electron41+react19+arco正式版deepseek-v4客户端ai系统exe
2026年8月爆肝新作React19+Electron41+ArcoDesign快速集成deepseek-v4-flash正式版大模型，零到一纯手撸一款高颜值桌面端ai流式打字对话系统。 +electron41搭建客户端ai对话系统就分享到这里，整个项目涉及到的知识点还是蛮多的，希望以上分享对大家也有点帮助哈~基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包 /Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+mphtml快速集成DeepSeek-V4智能ai应用2026原创自研React19 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38
12810编辑于 2026-08-03 - 来自专栏h5
react19+arco+zustand5+react-activation简约后台管理模板
原创React19 + Vite8 + react-activation0.13.4 + Zustand5 + react-router-dom v7搭建web版轻量级Admin管理系统模板。 推荐几个最新实战项目案例Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈 Flutter3.41实战AI：从零到一构建app版流式ai系统 Electron41 + Vite8打造流式输出客户端 AI助手 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 2026版開工新作uni-app+mphtml结合deepseek跨端ai应用 vite7.2-deepseek 流式ai对话|vue3.5+vant4+katex+mermaid智能ai打字会话 最新实战Vite7.3+Tauri2.10深度集成DeepSeek桌面端AI智能助手 electron38-vite7 +vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板 最新原创uniapp-vue3-osadmin手机版后台管理系统
19510编辑于 2026-07-04 - 来自专栏灵墨AI探索室
AI编程实战：云开发疯狂助攻，React + Vite 做出 FPS 网页游戏不是梦
接下来就正式介绍一下这个项目的具体情况： 本项目是一个基于 React + Vite 构建的第一人称射击网页小游戏，融合了 腾讯云 CloudBase 的云开发能力，完整实现了如下功能： 用户注册与登录 Vite 4：实现快速开发与构建优化 Tailwind CSS：高效实现响应式界面与自定义样式 云开发能力： 借助 腾讯云 CloudBase，实现了以下云端功能： 静态网站托管：一键部署网页端游戏资源 CloudBase AI ToolKit CloudBase AI Toolkit 支持两种开发方式，开发者可按需选择： ✅ 方式一：使用项目模板 前往官方模板库 CloudBase AI Toolkit 模板，下载所需模版后，直接在本地开始开发，开箱即用、集成良好。 云开发数据库 接下来将进入 AI 编程部分，这一阶段完全由我们自主进行，用于优化 FPS 枪战网页的性能与体验。
1.1K81编辑于 2025-07-05 Claude Code如何复刻网站流程
这个工具真正解决的麻烦，不是“让AI帮你抄一个网页”这么粗糙，而是把前端临摹里最耗时间的几件事——看页面结构、拆组件、整理设计token、还原样式、跑通Next.js项目——收束成一个可重复调用的Agent 更准确的说法是：它是一个面向AI编码Agent的前端逆向工程模板，目标是把网页复刻从一次性对话变成可重复运行的项目脚手架。 核心技术点或配置与权限这个模板的第一层设计点，是把网页复刻拆成Agent能理解的中间产物。 这里的关键不是“AI会写React”，而是把目标页面从视觉对象变成可施工对象：颜色、字体、间距、圆角、阴影、图标、图片资源、section边界、组件职责和响应式规则都要先被结构化。 这个约束听起来保守，但它能避免“AI工具能做”滑向“团队应该做”。对开源项目学习者来说，这也是一个很好的提示：AI编码模板的能力边界，往往不只在模型准确率，还在你给它的数据权限。
42820编辑于 2026-06-26- 来自专栏花雕学AI
《花雕学AI》20：ChatGPT使用之体验评测AI EDU的网页版+桌面端+Android+App store组合
最近准备出门，要去新疆哈密参加活动，一直在寻找手机上可用的AI移动端。 AI EDU 有网页版、桌面端、Android 和 App store 组合，可以让用户在不同的设备上使用 ChatGPT 学习。 本文的目的是对 AI EDU 的网页版、桌面端、Android 和 App store 组合进行体验评测，从界面、功能、性能、兼容性、创新性、互动性等方面进行分析和评价，并给出使用建议和改进意见。 图片 4、体验与测试（待续） 第二部分：尝试体验 AI EDU 桌面端的界面和功能 1、AI EDU PC 客户端 AI 问答现已集成到 Windows 和 macOS 客户端，点击即刻下载 同时支持 AI EDU 的网页版（待续）、桌面端、Android 和 App store 组合进行体验评测，由于时间短，只是个大致的了解，能用而已，后面有时间会做进一步多方面的体验与测试。
4K80编辑于 2023-04-16 - 来自专栏代码简单说
React 动森风 UI 组件库来了！Animal-Island-UI：让你的项目秒变《动物森友会》风格
前端组件库、动森风网页、AI生成网页、Vue组件库、开源React项目 文章标签： React TypeScript UI组件库 前端开发 开源项目 JavaScript Vue3 AI Web开发 GitHub 项目并未直接使用任天堂官方素材，而是通过独立设计实现类似的视觉风格，因此更适合作为： React组件库学习项目 前端UI设计参考 动森风网站开发 AI生成页面模板 个人作品展示 项目特色 高度还原动森风格 项目采用了大量类似《动物森友会》的设计元素： 圆角按钮 卡通阴影 温暖配色 纸张质感布局 治愈系交互动效 让网页拥有类似游戏界面的视觉体验。 </Button> <Card color="app-blue"> 欢迎来到无人岛 </Card> </> ); } 支持 PC 与移动端 它不仅提供了完整的组件体系，还结合了 AI 页面生成能力和动森风视觉设计，让开发者能够快速打造温馨、治愈且具有游戏氛围的网页界面。
48410编辑于 2026-06-16 基于腾讯云MCP广场服务Firecrawl MCP网络采集服务构建自动化竞品监测工作日志
原有工作流（痛点极其明显）：手动操作，耗时费力： 实习生或分析师需要每周人工逐个访问这些网站，耗时约4-6人时/周。信息遗漏，效率低下： 纯靠肉眼查找，容易错过关键更新。 waitFor: 1000: 对于重度依赖JavaScript渲染的现代Web应用（如React, Vue.js）是必备选项，确保能抓到渲染后的完整内容。 日志： 为不同类型的页面创建了不同的JSON结构模板（Schema）。 对比效果如下所示：指标旧方案 (手动)新方案 (MCP自动化)提升效果时间消耗4-6 人时/周< 0.5 人时/周 (仅需维护脚本)效率提升超过90%数据形态非结构化文本、截图规整的JSON结构化数据可直接用于数据分析 此方案具备极高的实用性和可推广性，任何需要从公开网页获取结构化信息的场景（如电商价格监控、舆情分析、招聘市场分析、投资情报收集等）均可直接复用此模式。
1.2K11编辑于 2025-08-29狂揽2.1K Star！基于Claude Code开发的神器，这款开源在线编辑器太强了
，减少隐私泄露风险 全框架适配 独立核心引擎，配套React/Vue/Nuxt三套官方适配器 商用友好协议 Apache 2.0开源，无商用版权限制 AI原生集成 内置14套文档操作工具，兼容MCP、各类大模型 同时支持三种运行模式：网页实时交互、服务端批量审阅、MCP标准化服务对接，适配代码智能体自动审稿场景。 Agent配置实操 ✨ 3.1 前端对话联动 引入配套Agent钩子，将文档操作工具注入AI对话链路，模型可自动读取全文、标注修改意见 import { useRef } from 'react'; /docx-editor-agents'; import { useChat } from '@ai-sdk/react'; export function AIDocEditor() { const 内容创作工具 简历生成、报告模板填充、自媒体稿件在线润色，搭配AI自动梳理逻辑、修正表述，无需切换第三方文档软件。
19810编辑于 2026-07-20- 来自专栏程序员
从入门到精通：AI智能体与MCP完整学习路线
第一阶段：基础准备（4-6周）第1-2周：Python编程强化每日学习计划（2小时）：周一、三、五：语法进阶装饰器、生成器、上下文管理器类型提示（TypeHints）的深入使用并发编程：asyncio库的实战练习收起代码语言 _generate_answer(question,context)第二阶段：MCP深度掌握（3-4周）第1周：MCP理论基础学习资源：MCP官方文档精读MCP协议设计哲学理解客户端-服务器架构分析核心概念笔记 modelcontextprotocol/cli#测试服务器mcprunpythonweather_server.py第3周：高级MCP特性学习内容：资源（Resources）管理：处理动态数据源提示词模板 模式实战：Reasoning+Acting的实现状态管理：消息历史、工具结果的管理收起代码语言：Python运行AI代码解释#基础ReAct智能体实现fromlanggraphimportStateGraph 成功秘诀：坚持编码：每天保持编码习惯项目驱动：每个阶段都要有可展示的项目成果社区参与：积极参与开源社区，学习最佳实践持续迭代：AI技术发展迅速，保持学习心态按照这个路线系统学习，4-6个月后您将能够独立开发复杂的
2K01编辑于 2025-09-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号