- 纯前端单词背诵卡,自己录入单词和释义,点击卡片翻面看答案,词库 localStorage 本地保存。技术内核是 CSS 3D 翻转(transform-style: preserve-3d + backface-visibility: hidden)和事件切换 class。 纯前端单词背诵卡,自己录入单词和释义,点击卡片翻面看答案,词库 localStorage 本地保存。技术内核是 CSS 3D 翻转(transform-style: preserve-3d + backface-visibility: hidden)和事件切换 class。
- 后端分离项目里,前端调接口是最基础也最容易踩坑的环节。聊聊 axios 二次封装、拦截器统一收口错误,以及 token 过期、跨域、超时这些高频问题的应对。 后端分离项目里,前端调接口是最基础也最容易踩坑的环节。聊聊 axios 二次封装、拦截器统一收口错误,以及 token 过期、跨域、超时这些高频问题的应对。
- 弱网或断网时普通网页直接白屏。这篇用 Service Worker 给前端加一层离线缓存:拦截请求、优先返回缓存的 app shell,配合 manifest.json 还能被加到桌面全屏打开。重点讲注册、缓存策略、更新机制和几个容易忽略的注意点。 弱网或断网时普通网页直接白屏。这篇用 Service Worker 给前端加一层离线缓存:拦截请求、优先返回缓存的 app shell,配合 manifest.json 还能被加到桌面全屏打开。重点讲注册、缓存策略、更新机制和几个容易忽略的注意点。
- 一个最简单的 AI 对话页面并不难:维护消息数组,调用模型接口,再把结果渲染出来即可。但一旦落地到真实产品开发,复杂度就不再局限于单次接口调用,而是蔓延到整个页面:流式输出需要增量拼接内容、请求要支持中止、多轮对话上下文需要妥善管理、各个会话的运行状态必须互相隔离,页面刷新后还得还原全部历史消息。倘若把所有业务逻辑直接写在 Vue 组件中,请求、对话消息与 UI 状态会高度耦合,后续拆分和维... 一个最简单的 AI 对话页面并不难:维护消息数组,调用模型接口,再把结果渲染出来即可。但一旦落地到真实产品开发,复杂度就不再局限于单次接口调用,而是蔓延到整个页面:流式输出需要增量拼接内容、请求要支持中止、多轮对话上下文需要妥善管理、各个会话的运行状态必须互相隔离,页面刷新后还得还原全部历史消息。倘若把所有业务逻辑直接写在 Vue 组件中,请求、对话消息与 UI 状态会高度耦合,后续拆分和维...
- 让 DeepSeek Harness 的回答,从「一段文字」变成「一个能点的界面」。你问 AI「帮我算一下」,它回你一串公式;你说「我要填个申请」,它给你列了八条 Markdown;你说「看看最近七天的访问量」,它把数字排成一张纯文本表格。内容都对,但你还得自己动手:复制、粘贴、心算、再打一段字告诉它「我选第二个」。dsh-genui 是一个基于 OpenTiny GenUI SDK 打造的... 让 DeepSeek Harness 的回答,从「一段文字」变成「一个能点的界面」。你问 AI「帮我算一下」,它回你一串公式;你说「我要填个申请」,它给你列了八条 Markdown;你说「看看最近七天的访问量」,它把数字排成一张纯文本表格。内容都对,但你还得自己动手:复制、粘贴、心算、再打一段字告诉它「我选第二个」。dsh-genui 是一个基于 OpenTiny GenUI SDK 打造的...
- 前后端分离项目里,前端调接口是最基础也最容易踩坑的环节。聊聊 axios 二次封装、拦截器统一收口错误,以及 token 过期、跨域、超时这些高频问题的应对。 前后端分离项目里,前端调接口是最基础也最容易踩坑的环节。聊聊 axios 二次封装、拦截器统一收口错误,以及 token 过期、跨域、超时这些高频问题的应对。
- 前端代码在用户浏览器里跑,出错了未必知道。本文讲讲前端怎么采集性能数据(FP/FCP/加载耗时)、怎么全局捕获 JS 错误与 Promise 异常、怎么做错误边界,以及把数据上报到服务端形成监控闭环。附一段可直接用的采集与上报代码。 前端代码在用户浏览器里跑,出错了未必知道。本文讲讲前端怎么采集性能数据(FP/FCP/加载耗时)、怎么全局捕获 JS 错误与 Promise 异常、怎么做错误边界,以及把数据上报到服务端形成监控闭环。附一段可直接用的采集与上报代码。
- 现在的前端都是单页应用(SPA),点导航不刷新页面、URL 却会变,背后就是前端路由。本文讲清路由的本质、hash 与 history 两种模式的区别,分别用 Vue Router 和 React Router 给出可跑示例,并讲透嵌套路由、懒加载和"history 模式刷新 404"这个高频坑。配一张模式对比图。 现在的前端都是单页应用(SPA),点导航不刷新页面、URL 却会变,背后就是前端路由。本文讲清路由的本质、hash 与 history 两种模式的区别,分别用 Vue Router 和 React Router 给出可跑示例,并讲透嵌套路由、懒加载和"history 模式刷新 404"这个高频坑。配一张模式对比图。
- 组件多的时候,"数据怎么在组件间传"就成了头疼事。本文用两张图讲清为什么需要状态管理、主流方案(Vue 的 Pinia、React 的 Redux/Zustand)、单向数据流,以及什么时候其实根本不需要它。 组件多的时候,"数据怎么在组件间传"就成了头疼事。本文用两张图讲清为什么需要状态管理、主流方案(Vue 的 Pinia、React 的 Redux/Zustand)、单向数据流,以及什么时候其实根本不需要它。
- 用 Svelte + Vite 写番茄钟:let 即状态、赋值即更新、$: 响应式语句兼做派生显示与 localStorage 持久化,setInterval 驱动 25 分钟计时。对比 React 说明状态管理更省事,并提定时器清理/后台节流等坑。 用 Svelte + Vite 写番茄钟:let 即状态、赋值即更新、$: 响应式语句兼做派生显示与 localStorage 持久化,setInterval 驱动 25 分钟计时。对比 React 说明状态管理更省事,并提定时器清理/后台节流等坑。
- 前后端分离不是把代码拆两个仓库就叫分了。本文用一张架构图和一张请求流程图,讲清楚分离到底分的是什么、各自负责什么、请求怎么走,以及新手最容易踩的几个坑。 前后端分离不是把代码拆两个仓库就叫分了。本文用一张架构图和一张请求流程图,讲清楚分离到底分的是什么、各自负责什么、请求怎么走,以及新手最容易踩的几个坑。
- 不少朋友在接触到 GenUI SDK 生成式 UI 能力之后都眼前一亮,迫不及待地去尝鲜。但试用完很快就遇到了一个现实问题:生成式 UI 生成出来的页面看着效果不错,可一放到自己的业务系统里,样式、色调、交互全都对不上,和现有产品 UI 格格不入。于是大家纷纷来问:能不能让 GenUI SDK 的样式风格,适配我们项目自己的组件库风格?答案是:可以。自 1.3.0 起,GenUI SDK 完... 不少朋友在接触到 GenUI SDK 生成式 UI 能力之后都眼前一亮,迫不及待地去尝鲜。但试用完很快就遇到了一个现实问题:生成式 UI 生成出来的页面看着效果不错,可一放到自己的业务系统里,样式、色调、交互全都对不上,和现有产品 UI 格格不入。于是大家纷纷来问:能不能让 GenUI SDK 的样式风格,适配我们项目自己的组件库风格?答案是:可以。自 1.3.0 起,GenUI SDK 完...
- 原文:GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强 ·OpenTiny 团队的 GenUI SDK 走到了 v1.3.0。如果把前几个版本理解为"让大模型能画出一张可交互的 UI 卡片",那么 v1.3.0 更像是给这套能力补上了工程化的骨架:核心逻辑独立成包、物料与渲染器解耦、渲染器补齐了 refs/异步 Action/生命周期、演练场一次性塞... 原文:GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强 ·OpenTiny 团队的 GenUI SDK 走到了 v1.3.0。如果把前几个版本理解为"让大模型能画出一张可交互的 UI 卡片",那么 v1.3.0 更像是给这套能力补上了工程化的骨架:核心逻辑独立成包、物料与渲染器解耦、渲染器补齐了 refs/异步 Action/生命周期、演练场一次性塞...
- TinyVue v3.31.0 新增 SliderButton、Flowchart 等组件,为 Modal、Drawer、Tag、Alert 等大量组件补充新属性,同时优化图片、上传、开关等组件的适配能力。 TinyVue v3.31.0 新增 SliderButton、Flowchart 等组件,为 Modal、Drawer、Tag、Alert 等大量组件补充新属性,同时优化图片、上传、开关等组件的适配能力。
- 一段需求,码道 3 分半自动生成 608 行单文件钢琴块节奏游戏:黑块下落点击即亮、连击粒子爆裂、难度随分数递增,双击即玩、越玩越上头。 一段需求,码道 3 分半自动生成 608 行单文件钢琴块节奏游戏:黑块下落点击即亮、连击粒子爆裂、难度随分数递增,双击即玩、越玩越上头。
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签