- XiHan.UI 是一套框架无关的组件库:状态机与无障碍逻辑位于无头内核,每个前端框架只有一层薄适配器。 当前提供 140 个组件,每个组件都有无头内核、Vue 组件、React 组件、自定义元素与默认皮肤。各层同源,行为由内核唯一定义,三个适配器负责接入各自的渲染与事件机制。 XiHan.UI 是一套框架无关的组件库:状态机与无障碍逻辑位于无头内核,每个前端框架只有一层薄适配器。 当前提供 140 个组件,每个组件都有无头内核、Vue 组件、React 组件、自定义元素与默认皮肤。各层同源,行为由内核唯一定义,三个适配器负责接入各自的渲染与事件机制。
- 整理 fetch 使用中的四个常见问题——用 AbortSignal.timeout 设超时、AbortController 取消请求、keepalive 保证页面关闭时的上报、以及重试要区分 5xx 与 4xx 并做指数退避。 整理 fetch 使用中的四个常见问题——用 AbortSignal.timeout 设超时、AbortController 取消请求、keepalive 保证页面关闭时的上报、以及重试要区分 5xx 与 4xx 并做指数退避。
- 介绍五个能精简 JS 代码的写法——可选链取深层值、at() 取倒数元素、Object.groupBy 做分组、用 ?? 而非 || 给默认值避免误判 0 与空字符串、解构时直接重命名字段。 介绍五个能精简 JS 代码的写法——可选链取深层值、at() 取倒数元素、Object.groupBy 做分组、用 ?? 而非 || 给默认值避免误判 0 与空字符串、解构时直接重命名字段。
- 后端接口未就绪时前端只能干等,用 Node 搭了个本地 Mock 服务返回假数据。讲了 OPTIONS 预检必须处理否则请求发不出、要模拟网络延迟才能暴露 loading 与竞态问题、假数据应故意造缺字段和空数组、请求体需自己收流解析、以及 Mock 绝不能混进生产包。 后端接口未就绪时前端只能干等,用 Node 搭了个本地 Mock 服务返回假数据。讲了 OPTIONS 预检必须处理否则请求发不出、要模拟网络延迟才能暴露 loading 与竞态问题、假数据应故意造缺字段和空数组、请求体需自己收流解析、以及 Mock 绝不能混进生产包。
- 做个链接编码解码小工具时才发现,encodeURI 和 encodeURIComponent 这俩兄弟的区别,很多人一直没搞明白。这篇讲清楚:什么时候该用哪个、哪些字符它俩都不管、为什么 decodeURIComponent 会突然报错、以及用 URLSearchParams 拼参数比手写字符串靠谱在哪。 做个链接编码解码小工具时才发现,encodeURI 和 encodeURIComponent 这俩兄弟的区别,很多人一直没搞明白。这篇讲清楚:什么时候该用哪个、哪些字符它俩都不管、为什么 decodeURIComponent 会突然报错、以及用 URLSearchParams 拼参数比手写字符串靠谱在哪。
- 给页面加快捷键,想监听"按了回车"。结果用 keyCode 判断在别的键盘布局下全乱了,用 key 判断中文输入法下又触发了提交。这篇讲 KeyboardEvent 的三个属性 key / code / keyCode 到底差在哪、怎么正确判断组合键(Ctrl/Cmd/Shift/Alt)、以及怎么绕开输入法假提交这个大坑。 给页面加快捷键,想监听"按了回车"。结果用 keyCode 判断在别的键盘布局下全乱了,用 key 判断中文输入法下又触发了提交。这篇讲 KeyboardEvent 的三个属性 key / code / keyCode 到底差在哪、怎么正确判断组合键(Ctrl/Cmd/Shift/Alt)、以及怎么绕开输入法假提交这个大坑。
- 想把网址变成二维码,网上的生成器不是有广告就是把链接存到人家服务器。这篇用前端的 qrcode 库自己做一个:装包、渲染到 canvas、四个纠错等级怎么选、怎么下载成图片,以及内容越多码越密、颜色对比度不够扫不出来这些真实的限制。 想把网址变成二维码,网上的生成器不是有广告就是把链接存到人家服务器。这篇用前端的 qrcode 库自己做一个:装包、渲染到 canvas、四个纠错等级怎么选、怎么下载成图片,以及内容越多码越密、颜色对比度不够扫不出来这些真实的限制。
- 首屏慢一秒,用户可能就走了。本文从"浏览器从敲回车到看见内容"这条时间线出发,讲我都往哪些环节下了手——CDN、压缩、代码分割、骨架屏。 首屏慢一秒,用户可能就走了。本文从"浏览器从敲回车到看见内容"这条时间线出发,讲我都往哪些环节下了手——CDN、压缩、代码分割、骨架屏。
- Vite 靠浏览器原生 ESM 做开发服务器,构建则走 Rollup。聊聊怎么配依赖预构建、手动分包、开 gzip/brotli,以及用 rollup-plugin-visualizer 揪出体积大头。 Vite 靠浏览器原生 ESM 做开发服务器,构建则走 Rollup。聊聊怎么配依赖预构建、手动分包、开 gzip/brotli,以及用 rollup-plugin-visualizer 揪出体积大头。
- 一、背景:格式化这事别再自己造轮子做国际化或者只是想让数字好看点,经常要处理日期、货币、百分比的显示。我见过有人为了显示「2026年09月12日」自己拼字符串,为了显示「¥1,234.50」手写 toFixed 加千分位正则。一旦要支持英文「Sep 12, 2026」、美元「$1,234.50」,这套手写逻辑就崩了,得再写一套,越写越乱。其实浏览器和 Node 都内置了 Intl 这个国际... 一、背景:格式化这事别再自己造轮子做国际化或者只是想让数字好看点,经常要处理日期、货币、百分比的显示。我见过有人为了显示「2026年09月12日」自己拼字符串,为了显示「¥1,234.50」手写 toFixed 加千分位正则。一旦要支持英文「Sep 12, 2026」、美元「$1,234.50」,这套手写逻辑就崩了,得再写一套,越写越乱。其实浏览器和 Node 都内置了 Intl 这个国际...
- Vue3后台首屏白屏3秒,用Vite路由懒加载+manualChunks把包拆开,首屏js从1.2MB降到400kb,白屏压到1秒内的一些方法; Vue3后台首屏白屏3秒,用Vite路由懒加载+manualChunks把包拆开,首屏js从1.2MB降到400kb,白屏压到1秒内的一些方法;
- 下单按钮连点导致重复落单,前端用按钮 loading + axios 拦截器 pending 去重拦掉手滑,后端用 requestId + 数据库唯一索引做幂等兜住穿透;附拦截器漏删 key、requestId 刷新复用等真实踩坑。 下单按钮连点导致重复落单,前端用按钮 loading + axios 拦截器 pending 去重拦掉手滑,后端用 requestId + 数据库唯一索引做幂等兜住穿透;附拦截器漏删 key、requestId 刷新复用等真实踩坑。
- 用 ArkTS + ArkUI 写鸿蒙待办列表:@State 管待办数组、build() 声明式描述界面、ForEach 渲染卡片,输入框 onchange 写回、添加 push/完成翻 done/删除 filter 重赋值,界面自动更新;附 @Builder 抽卡片、稳定 key、受控输入等注意点,纯本地状态跑模拟器。 用 ArkTS + ArkUI 写鸿蒙待办列表:@State 管待办数组、build() 声明式描述界面、ForEach 渲染卡片,输入框 onchange 写回、添加 push/完成翻 done/删除 filter 重赋值,界面自动更新;附 @Builder 抽卡片、稳定 key、受控输入等注意点,纯本地状态跑模拟器。
- 前言随着最后一场交流活动落下帷幕,为期3天的华为全联接大会2026(HC 2026)在上海世博中心与上海世博展览馆成功收官。这场面向全球开发者、客户与伙伴的旗舰级盛会,围绕 Agentic AI 时代的技术跃迁与行业智能化实践,呈现了大会主题演讲、专题论坛、开发者展区、Codelabs 训练营等多个热门环节,引发了与会者的广泛共鸣。本次 OpenTiny 聚焦 AI 对话组件、生成式 UI、... 前言随着最后一场交流活动落下帷幕,为期3天的华为全联接大会2026(HC 2026)在上海世博中心与上海世博展览馆成功收官。这场面向全球开发者、客户与伙伴的旗舰级盛会,围绕 Agentic AI 时代的技术跃迁与行业智能化实践,呈现了大会主题演讲、专题论坛、开发者展区、Codelabs 训练营等多个热门环节,引发了与会者的广泛共鸣。本次 OpenTiny 聚焦 AI 对话组件、生成式 UI、...
- 纯前端拉伸计时器,分步骤居家拉伸,每个动作独立倒计时,自动推进到下一步。技术内核是"步骤序列状态机"——当前步索引 + 每步剩余秒数 + 自动推进。 纯前端拉伸计时器,分步骤居家拉伸,每个动作独立倒计时,自动推进到下一步。技术内核是"步骤序列状态机"——当前步索引 + 每步剩余秒数 + 自动推进。
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签