- Functional组件自从2018年1月份Facebook推出hooks技术以来,已经成为了开发React项目组件的主流技术。列举个例子。Page1import React from 'react';function Page1() { return <Headline />;}function Headline() { const greeting = 'Hello Page1 Co... Functional组件自从2018年1月份Facebook推出hooks技术以来,已经成为了开发React项目组件的主流技术。列举个例子。Page1import React from 'react';function Page1() { return <Headline />;}function Headline() { const greeting = 'Hello Page1 Co...
- 最近收到几个关于前端,客户端的问题,借助这篇文章一并回答了。 1 Web开发下一步该如何演进?2 关于三大框架API不统一的问题。3 关于框架的大一统问题。4 关于svelte这个框架的看法。5 后续es的webcomponent规范。6 移动端技术会如何演进?6.1 h56.2 React... 最近收到几个关于前端,客户端的问题,借助这篇文章一并回答了。 1 Web开发下一步该如何演进?2 关于三大框架API不统一的问题。3 关于框架的大一统问题。4 关于svelte这个框架的看法。5 后续es的webcomponent规范。6 移动端技术会如何演进?6.1 h56.2 React...
- 引言过去两年,React Server Components(RSC)从一个实验性特性逐渐走向生产环境。Next.js App Router 的普及让更多团队开始接触这套心智模型,但围绕它的困惑依然不少——“服务端组件和 SSR 有什么区别?”“为什么我的 useState 报错了?”“数据到底在哪一层获取?”这篇文章不打算复述官方文档,而是从渲染管道的视角出发,把 RSC 的工作机制拆开... 引言过去两年,React Server Components(RSC)从一个实验性特性逐渐走向生产环境。Next.js App Router 的普及让更多团队开始接触这套心智模型,但围绕它的困惑依然不少——“服务端组件和 SSR 有什么区别?”“为什么我的 useState 报错了?”“数据到底在哪一层获取?”这篇文章不打算复述官方文档,而是从渲染管道的视角出发,把 RSC 的工作机制拆开...
- React + localStorage 实现的剪切板悬浮窗技能包,去重持久化上限 200 条。 React + localStorage 实现的剪切板悬浮窗技能包,去重持久化上限 200 条。
- 升级React18后,测试环境的日志全量翻倍,每个请求都发了两遍。新同事以为是bug要修,其实这是StrictMode在开发模式的刻意行为:组件挂载→立即卸载→再次挂载,effect自然跑两次。生产构建不会发生。官方做这个设计是为了逼出「不纯的effect」。React未来版本的可中断渲染要求effect具备可重复执行的安全性,mounted里建立的订阅、定时器如果不清理,双调用立刻暴露问题... 升级React18后,测试环境的日志全量翻倍,每个请求都发了两遍。新同事以为是bug要修,其实这是StrictMode在开发模式的刻意行为:组件挂载→立即卸载→再次挂载,effect自然跑两次。生产构建不会发生。官方做这个设计是为了逼出「不纯的effect」。React未来版本的可中断渲染要求effect具备可重复执行的安全性,mounted里建立的订阅、定时器如果不清理,双调用立刻暴露问题...
- 从零搭建科技风交易量监控面板:React + ECharts 实战心得当你盯着交易系统的数字跳动时,最想知道的不是"现在多少笔",而是"它稳不稳"。这篇文章记录我用 React + ECharts + TailwindCSS 搭建一个实时交易量监控面板的全过程,从数据模拟到平稳度算法,从图表封装到科技风视觉设计,每一步都讲清楚为什么这么做。一、为什么需要这个面板交易系统的运营同学每天面对一个... 从零搭建科技风交易量监控面板:React + ECharts 实战心得当你盯着交易系统的数字跳动时,最想知道的不是"现在多少笔",而是"它稳不稳"。这篇文章记录我用 React + ECharts + TailwindCSS 搭建一个实时交易量监控面板的全过程,从数据模拟到平稳度算法,从图表封装到科技风视觉设计,每一步都讲清楚为什么这么做。一、为什么需要这个面板交易系统的运营同学每天面对一个...
- 从零搭建 OKX 官方活动监控仪表盘:React + Vite + TailwindCSS 实战心得本文记录了使用 React 18 + Vite + TailwindCSS 从零搭建一个深色主题监控仪表盘的完整过程,分享在组件设计、状态管理、视觉打磨和工程化方面的实战经验。一、项目背景在加密货币交易领域,交易所官方活动(交易大赛、空投、上新币、公告等)信息分散在不同页面,用户往往需要频繁切... 从零搭建 OKX 官方活动监控仪表盘:React + Vite + TailwindCSS 实战心得本文记录了使用 React 18 + Vite + TailwindCSS 从零搭建一个深色主题监控仪表盘的完整过程,分享在组件设计、状态管理、视觉打磨和工程化方面的实战经验。一、项目背景在加密货币交易领域,交易所官方活动(交易大赛、空投、上新币、公告等)信息分散在不同页面,用户往往需要频繁切...
- AI应用提示词工程进阶技巧与高级模式深度实战:从思维链到自洽性与ReAct的全解析 引言基础Prompt工程(结构化/Few-Shot/约束)覆盖了80%场景,剩余20%的复杂推理任务需要高级提示技巧。本文从高级Prompt技巧讲起,覆盖思维链(CoT)的变体(Zero-Shot CoT/Self-Consistency/CoT-SC)、ReAct推理-行动模式、Tree-of-Thoug... AI应用提示词工程进阶技巧与高级模式深度实战:从思维链到自洽性与ReAct的全解析 引言基础Prompt工程(结构化/Few-Shot/约束)覆盖了80%场景,剩余20%的复杂推理任务需要高级提示技巧。本文从高级Prompt技巧讲起,覆盖思维链(CoT)的变体(Zero-Shot CoT/Self-Consistency/CoT-SC)、ReAct推理-行动模式、Tree-of-Thoug...
- H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac... H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac...
- H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac... H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac...
- H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac... H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac...
- H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac... H5 Web Components 组件化方案摘要:Web Components 是浏览器原生的组件化技术,基于 Custom Elements、Shadow DOM、HTML Templates 三件套,无需框架即可创建可复用组件。本文系统讲解核心 API、生命周期、样式隔离与实战模式。 一、为什么用 Web Components主流框架(React/Vue)组件不能跨框架复用:Reac...
- 最新跨平台技术栈Electron41、React19、Vite8、Zustand5、AntDesign、Echarts搭建高颜值桌面版后台Admin管理系统。 最新跨平台技术栈Electron41、React19、Vite8、Zustand5、AntDesign、Echarts搭建高颜值桌面版后台Admin管理系统。
- 用 React + Zustand 写购物车状态管理,说明为什么用状态库避免 prop drilling,以及 create 定义 store、选择性订阅、派生总价、不可变更新的写法。 用 React + Zustand 写购物车状态管理,说明为什么用状态库避免 prop drilling,以及 create 定义 store、选择性订阅、派生总价、不可变更新的写法。
- 作者:yumking | 2026 年 9 月 1 日 | 技术标签:AI Agent / 任务规划 / Plan-and-Execute / 反思机制 摘要前六篇我们给 Agent 装上了记忆、团队、工具、知识、安全带和仪表盘——但还缺一样最核心的东西:大脑的计划能力。多数 Agent 默认采用 ReAct 模式"走一步看一步",在 3 步以内的小任务上表现优异,可一旦任务超过 8 步,成... 作者:yumking | 2026 年 9 月 1 日 | 技术标签:AI Agent / 任务规划 / Plan-and-Execute / 反思机制 摘要前六篇我们给 Agent 装上了记忆、团队、工具、知识、安全带和仪表盘——但还缺一样最核心的东西:大脑的计划能力。多数 Agent 默认采用 ReAct 模式"走一步看一步",在 3 步以内的小任务上表现优异,可一旦任务超过 8 步,成...
上滑加载中
推荐直播
-
华为云码道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华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签