- 实践说明OpenTiny 是面向企业级场景的前端 AI 应用一体化开发平台。包括AI对话组件、生成式UI、WebMCP SDK等面向AI智能化场景的项目，可以帮助企业项目搭建业务场景的智能助手，增强大模型显示与交互效果，让用户使用自然语言即可帮助完成页面操作。受益点： 通过本次实操，开发者可以了解Web场景便捷集成MCP工具实现精准AI操作，使用GenUI SDK丰富AI可视化交互方式。体验... 实践说明OpenTiny 是面向企业级场景的前端 AI 应用一体化开发平台。包括AI对话组件、生成式UI、WebMCP SDK等面向AI智能化场景的项目，可以帮助企业项目搭建业务场景的智能助手，增强大模型显示与交互效果，让用户使用自然语言即可帮助完成页面操作。受益点： 通过本次实操，开发者可以了解Web场景便捷集成MCP工具实现精准AI操作，使用GenUI SDK丰富AI可视化交互方式。体验...
- 每次发版前手点一遍主流程太慢，不点又怕改崩了。这篇用 Playwright 给前端加上端到端测试：从安装到写第一条用例，用 getByRole 这类语义化定位替代脆弱的 xpath，登录态怎么复用，最后把它挂进流水线里每次提交自动跑一遍。 每次发版前手点一遍主流程太慢，不点又怕改崩了。这篇用 Playwright 给前端加上端到端测试：从安装到写第一条用例，用 getByRole 这类语义化定位替代脆弱的 xpath，登录态怎么复用，最后把它挂进流水线里每次提交自动跑一遍。
- 录入亲友生日和纪念日，自动算出"下一个"生日落在哪年、距离今天还有多少天，按临近程度排序展示，临近的标红提醒。 录入亲友生日和纪念日，自动算出"下一个"生日落在哪年、距离今天还有多少天，按临近程度排序展示，临近的标红提醒。
- 用Svelte的响应式特性做一个带防抖的实时搜索联想框，输入即过滤、下拉即建议。 用Svelte的响应式特性做一个带防抖的实时搜索联想框，输入即过滤、下拉即建议。
- 前端要把后端吐出来的数字变成一眼能看懂的图，ECharts 几乎是绕不开的工具。本文从"为什么要用图表库"讲起，手把手带你用 CDN 接入 ECharts，逐个实现折线图、柱状图、饼图，并附上一份常用配置速查表，复制改改就能用到项目里。 前端要把后端吐出来的数字变成一眼能看懂的图，ECharts 几乎是绕不开的工具。本文从"为什么要用图表库"讲起，手把手带你用 CDN 接入 ECharts，逐个实现折线图、柱状图、饼图，并附上一份常用配置速查表，复制改改就能用到项目里。
- 现在让 AI 生成一个页面，已经容易到有点不真实。一句话：“给我一个用户管理页面，带搜索、分页和批量删除。”十几秒后，一个排版工整、配色现代、交互齐全的页面就出来了。截图发出去，看着比很多上线系统的界面还讲究。然后你把它放进项目里，发现——接不上。不是样式丑，不是代码乱，是它跟你后端那套东西对不上。 一、"一句话出页面"解决了什么，没解决什么先公平地说，这类工具解决的问题是真实的。它解决的是... 现在让 AI 生成一个页面，已经容易到有点不真实。一句话：“给我一个用户管理页面，带搜索、分页和批量删除。”十几秒后，一个排版工整、配色现代、交互齐全的页面就出来了。截图发出去，看着比很多上线系统的界面还讲究。然后你把它放进项目里，发现——接不上。不是样式丑，不是代码乱，是它跟你后端那套东西对不上。 一、"一句话出页面"解决了什么，没解决什么先公平地说，这类工具解决的问题是真实的。它解决的是...
- 周一雄心壮志，周五发现事没干完却不知时间花哪了。纯前端写了个周计划看板：自动算本周还剩几个工作日、几个休息日，整周进度用百分比条展示，周末/月末节点高亮。技术内核是 Date 算周几 + 剩余天数 + 进度百分比 + 本地存目标。 周一雄心壮志，周五发现事没干完却不知时间花哪了。纯前端写了个周计划看板：自动算本周还剩几个工作日、几个休息日，整周进度用百分比条展示，周末/月末节点高亮。技术内核是 Date 算周几 + 剩余天数 + 进度百分比 + 本地存目标。
- 偶尔需要一句打气的话，但翻收藏夹半天找不到。纯前端写了个励志短句生成器：内置一摞文案，点一下随机来一句，可复制可收藏，本地记喜欢的。技术内核是数组随机抽取 + navigator.clipboard 复制 + localStorage 收藏夹 + 去重不连出同一句。 偶尔需要一句打气的话，但翻收藏夹半天找不到。纯前端写了个励志短句生成器：内置一摞文案，点一下随机来一句，可复制可收藏，本地记喜欢的。技术内核是数组随机抽取 + navigator.clipboard 复制 + localStorage 收藏夹 + 去重不连出同一句。
- 把"09:30"这样的时间字符串转成分钟数，减一下得到当日工时，超过标准时长自动算加班，再用 localStorage 存每天的记录按月汇总。纯前端小工具，无后端接口。 把"09:30"这样的时间字符串转成分钟数，减一下得到当日工时，超过标准时长自动算加班，再用 localStorage 存每天的记录按月汇总。纯前端小工具，无后端接口。
- 用 IntersectionObserver 实现图片懒加载 用 IntersectionObserver 实现图片懒加载
- 手写 SPA 路由，搞懂 hash 与 history 两种模式 手写 SPA 路由，搞懂 hash 与 history 两种模式
- 纯前端秒表，支持开始/暂停/计次分段。技术内核是 performance.now() 高精度计时和 laps 分段记录，重点讲为什么不能用 Date.now() 来量短时间间隔。 纯前端秒表，支持开始/暂停/计次分段。技术内核是 performance.now() 高精度计时和 laps 分段记录，重点讲为什么不能用 Date.now() 来量短时间间隔。
- 纯前端随机抽签，自己输入名单一键随机抽取，支持滚动动画。技术内核是 Fisher-Yates 洗牌算法——保证每人被抽中的概率完全相等且不重复。 纯前端随机抽签，自己输入名单一键随机抽取，支持滚动动画。技术内核是 Fisher-Yates 洗牌算法——保证每人被抽中的概率完全相等且不重复。
- 前言一年前，我们首次系统介绍 OpenTiny NEXT 前端智能化解决方案。OpenTiny NEXT 内核新生：生成式UI × MCP，重塑前端交互新范式！当时，随着大模型和 Agent 能力快速发展，我们开始思考一个新的问题：传统 Web 应用主要面向人设计，当 AI 开始进入应用、理解页面并完成任务时，前端应该提供什么样的能力？围绕这一问题，OpenTiny NEXT 从生成式 UI... 前言一年前，我们首次系统介绍 OpenTiny NEXT 前端智能化解决方案。OpenTiny NEXT 内核新生：生成式UI × MCP，重塑前端交互新范式！当时，随着大模型和 Agent 能力快速发展，我们开始思考一个新的问题：传统 Web 应用主要面向人设计，当 AI 开始进入应用、理解页面并完成任务时，前端应该提供什么样的能力？围绕这一问题，OpenTiny NEXT 从生成式 UI...
- 纯前端倒计时工具，输入目标日期自动算剩余天/时/分/秒，目标存本地刷新不丢，重点讲 Date 差值计算和后台标签页的计时漂移问题。 纯前端倒计时工具，输入目标日期自动算剩余天/时/分/秒，目标存本地刷新不丢，重点讲 Date 差值计算和后台标签页的计时漂移问题。
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签