- 生成式 UI(Generative UI) 是一种创新的人机交互范式:在对话过程中,能够动态生成并实时渲染 UI 界面,让 AI 不再局限于纯文字输出,而是能够"画"出表单、按钮、图表、卡片等丰富的交互组件。用户可以直接在生成的界面中操作,操作行为即时反馈回对话上下文,驱动模型进行下一轮响应,使交互与对话融为一体。 生成式 UI(Generative UI) 是一种创新的人机交互范式:在对话过程中,能够动态生成并实时渲染 UI 界面,让 AI 不再局限于纯文字输出,而是能够"画"出表单、按钮、图表、卡片等丰富的交互组件。用户可以直接在生成的界面中操作,操作行为即时反馈回对话上下文,驱动模型进行下一轮响应,使交互与对话融为一体。
- 新手写网页,为了让字变粗,随手就是一个 <b>,为了倾斜就是一个 <i>。但这在现代前端开发中是一个巨大的坑。在 HTML 的早期,没有 CSS,标签确实是用来控制样式的。但随着标准演进,HTML 只负责声明“语义(这是什么)”,长什么样全部交给了 CSS。如果你还在用标签来做“纯视觉展示”,不仅会破坏代码规范,还会导致屏幕阅读器(视障用户工具)和搜索引擎(SEO)无法正确识别网页的重点。?... 新手写网页,为了让字变粗,随手就是一个 <b>,为了倾斜就是一个 <i>。但这在现代前端开发中是一个巨大的坑。在 HTML 的早期,没有 CSS,标签确实是用来控制样式的。但随着标准演进,HTML 只负责声明“语义(这是什么)”,长什么样全部交给了 CSS。如果你还在用标签来做“纯视觉展示”,不仅会破坏代码规范,还会导致屏幕阅读器(视障用户工具)和搜索引擎(SEO)无法正确识别网页的重点。?...
- 网页就像一本书。如果全篇文字一样大、不分段,人类找不到重点,机器也无法解析。HTML 标签的本质,是给内容“下定义”。不是为了视觉上的“字号变大”或“文字加粗”,而是向机器(浏览器、搜索引擎爬虫、屏幕阅读器)声明这段文字的结构属性。这就是“语义化”。💡 核心定律:永远不要为了改变样式去使用 HTML 标签。样式问题全部交给 CSS。 一、标题标签 h1-h6:网页的骨架HTML 提供了 <... 网页就像一本书。如果全篇文字一样大、不分段,人类找不到重点,机器也无法解析。HTML 标签的本质,是给内容“下定义”。不是为了视觉上的“字号变大”或“文字加粗”,而是向机器(浏览器、搜索引擎爬虫、屏幕阅读器)声明这段文字的结构属性。这就是“语义化”。💡 核心定律:永远不要为了改变样式去使用 HTML 标签。样式问题全部交给 CSS。 一、标题标签 h1-h6:网页的骨架HTML 提供了 <...
- HTML 文档只有两个核心区域:<body> 和 <head>。<body> 放的是用户真正在屏幕上能看到的具体内容(比如文字、按钮和图片);而 <head> 则是网页的“幕后配置区”。<head> 里的信息不会显示在页面的正文里,但它主要负责告诉浏览器这网页该怎么显示、告诉搜索引擎这网页讲了啥内容,以及规范在社交软件中转发链接时图文卡片长什么样。别觉得看不见就不重要。如果 <head> 没... HTML 文档只有两个核心区域:<body> 和 <head>。<body> 放的是用户真正在屏幕上能看到的具体内容(比如文字、按钮和图片);而 <head> 则是网页的“幕后配置区”。<head> 里的信息不会显示在页面的正文里,但它主要负责告诉浏览器这网页该怎么显示、告诉搜索引擎这网页讲了啥内容,以及规范在社交软件中转发链接时图文卡片长什么样。别觉得看不见就不重要。如果 <head> 没...
- 为什么同一套网页代码,在你电脑的 Chrome 上显示完美,发给客户用苹果 Safari 打开,排版就全盘错位?这并非你写错了代码,而是遇到了前端最底层的现实环境:各大浏览器厂商底层引擎存在差异。Chrome、Safari、Firefox 由不同公司开发,拥有各自的渲染引擎。如果不加限制,同一份代码在不同浏览器里必然会渲染出不同的表现。为了不让开发者被迫写多套代码去兼容不同设备,前端界制定了... 为什么同一套网页代码,在你电脑的 Chrome 上显示完美,发给客户用苹果 Safari 打开,排版就全盘错位?这并非你写错了代码,而是遇到了前端最底层的现实环境:各大浏览器厂商底层引擎存在差异。Chrome、Safari、Firefox 由不同公司开发,拥有各自的渲染引擎。如果不加限制,同一份代码在不同浏览器里必然会渲染出不同的表现。为了不让开发者被迫写多套代码去兼容不同设备,前端界制定了...
- 上一章我们讲到,浏览器在网络层面一路跋山涉水,最终把被切碎的数据包拼装成了一份纯文本文件。拿到文件后,便立刻交给了浏览器内部的渲染机器。这台机器本质上就是一个精密的代码代工厂。纯文本的 HTML、CSS 和 JS 是无法直接变成眼前绚丽的页面,机器必须执行一套严密的 5 步流水线工序,把纯文本拼装成最终的交互画面。HTML 代码解析生成 DOM 树CSS 代码解析生成 CSSOM 树合成 R... 上一章我们讲到,浏览器在网络层面一路跋山涉水,最终把被切碎的数据包拼装成了一份纯文本文件。拿到文件后,便立刻交给了浏览器内部的渲染机器。这台机器本质上就是一个精密的代码代工厂。纯文本的 HTML、CSS 和 JS 是无法直接变成眼前绚丽的页面,机器必须执行一套严密的 5 步流水线工序,把纯文本拼装成最终的交互画面。HTML 代码解析生成 DOM 树CSS 代码解析生成 CSSOM 树合成 R...
- 你在浏览器输入网址并回车,几秒后就看到了页面。但这短短几秒内,发生了极其密集的物理协作。网页加载的本质,就是你的设备(客户端)跨越千山万水,找别人的电脑(服务器)要一份文本文件。这不是随口一要就能拿到,机器必须经过以下 6 道关卡。 第 1 关:切碎 URL (拆解目标)你输入的 https://xxx.com/en-US/ 叫 URL。机器首先会把它分成三个切片:https:// (协议)... 你在浏览器输入网址并回车,几秒后就看到了页面。但这短短几秒内,发生了极其密集的物理协作。网页加载的本质,就是你的设备(客户端)跨越千山万水,找别人的电脑(服务器)要一份文本文件。这不是随口一要就能拿到,机器必须经过以下 6 道关卡。 第 1 关:切碎 URL (拆解目标)你输入的 https://xxx.com/en-US/ 叫 URL。机器首先会把它分成三个切片:https:// (协议)...
- 本文由体验技术团队Kagol原创。一个月前,有用户建议 TinyVue 出几个 Skills,方便 AI 编程。必须安排上!目前 TinyVue 组件库和 TinyRobot AI 对话组件均已支持 Agent Skills,你可以在支持 Skills 的 IDE(比如 VSCode、Cursor、Trae 等) 上配置和使用。1 演示视频先看下使用效果(以 Trae 为例)。TinyVue... 本文由体验技术团队Kagol原创。一个月前,有用户建议 TinyVue 出几个 Skills,方便 AI 编程。必须安排上!目前 TinyVue 组件库和 TinyRobot AI 对话组件均已支持 Agent Skills,你可以在支持 Skills 的 IDE(比如 VSCode、Cursor、Trae 等) 上配置和使用。1 演示视频先看下使用效果(以 Trae 为例)。TinyVue...
- 本文由体验技术团队kagol原创。前言AI Agent 时代,人们已经不满足只是与 AI 进行问答交互,而是希望 AI 能直接帮人干活。目前 AI 帮人干活的场景越来越丰富,最常见的就是 AI 帮人写代码、做视频、做 PPT、做设计稿。你有没有想过 AI 能帮人操作网页?这就是 OpenTiny NEXT-SDK 做的事情。1 简介OpenTiny NEXT‑SDK 是一套面向前端智能应用的... 本文由体验技术团队kagol原创。前言AI Agent 时代,人们已经不满足只是与 AI 进行问答交互,而是希望 AI 能直接帮人干活。目前 AI 帮人干活的场景越来越丰富,最常见的就是 AI 帮人写代码、做视频、做 PPT、做设计稿。你有没有想过 AI 能帮人操作网页?这就是 OpenTiny NEXT-SDK 做的事情。1 简介OpenTiny NEXT‑SDK 是一套面向前端智能应用的...
- 单服务器多3D应用并发面临性能与兼容挑战。点量云流CELL技术精准隔离画面、音频、输入等资源,实现多实例并发。该方案兼具虚拟机隔离性与沙盒轻量,支持GPU共享与负载均衡,提升资源利用率,满足专业应用的高性能与商用需求。 单服务器多3D应用并发面临性能与兼容挑战。点量云流CELL技术精准隔离画面、音频、输入等资源,实现多实例并发。该方案兼具虚拟机隔离性与沙盒轻量,支持GPU共享与负载均衡,提升资源利用率,满足专业应用的高性能与商用需求。
- 本文由体验技术团队Hexqi原创。前言TinyEngine 是一款面向未来的低代码引擎底座,致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力,更可通过 CLI 工程化方式实现深度二次开发,帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用,还是移动端、大屏端、复杂页面编排场景,TinyEngine 都能灵活适配,成为你构建低代码体系的坚实... 本文由体验技术团队Hexqi原创。前言TinyEngine 是一款面向未来的低代码引擎底座,致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力,更可通过 CLI 工程化方式实现深度二次开发,帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用,还是移动端、大屏端、复杂页面编排场景,TinyEngine 都能灵活适配,成为你构建低代码体系的坚实...
- 本文分析了实时云渲染Web端的多种视频流传输方案,从技术特性与实时性要求出发,论证了WebRTC凭借低延迟、原生硬解、双向交互等优势成为最优选型,并进一步探讨了国内厂商如何针对该场景对WebRTC进行传输层、编解码及兼容性等维度的深度优化。 本文分析了实时云渲染Web端的多种视频流传输方案,从技术特性与实时性要求出发,论证了WebRTC凭借低延迟、原生硬解、双向交互等优势成为最优选型,并进一步探讨了国内厂商如何针对该场景对WebRTC进行传输层、编解码及兼容性等维度的深度优化。
- 2026年1月10日,TinyPro 正式发布 v1.4.0 版本,本次发布集中在扩展后端模板、增强移动端体验以及对 NestJS 后端功能的实用增强。 2026年1月10日,TinyPro 正式发布 v1.4.0 版本,本次发布集中在扩展后端模板、增强移动端体验以及对 NestJS 后端功能的实用增强。
- ofd文件处理预览 ofd文件处理预览
- 本文由体验技术团队Kagol原创。TinyEditor 是一个基于 Quill 2.0 的富文本编辑器,在 Quill 基础上扩展了丰富的模块和格式,框架无关、功能强大、开箱即用。源码:https://github.com/opentiny/tiny-editor/官网:https://opentiny.github.io/tiny-editor/去年1月2日,我们发布了 v3.25 版本,... 本文由体验技术团队Kagol原创。TinyEditor 是一个基于 Quill 2.0 的富文本编辑器,在 Quill 基础上扩展了丰富的模块和格式,框架无关、功能强大、开箱即用。源码:https://github.com/opentiny/tiny-editor/官网:https://opentiny.github.io/tiny-editor/去年1月2日,我们发布了 v3.25 版本,...
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程:工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合,展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎,仓颉语言为载体,带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中
热门标签