- 用 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 差值计算和后台标签页的计时漂移问题。
- 纯前端单词背诵卡，自己录入单词和释义，点击卡片翻面看答案，词库 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）、单向数据流，以及什么时候其实根本不需要它。
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签