结合高阶函数聊聊useMemo和useCallback

useMemo: 第一个参数是函数，第二个参数是监听的值是否变化，如果变化才会执行useMemo里面的函数，//类似于计算属性computed memo : 和PureComponent一样的功能，只是mome用在函数组件中（只有当state里面的值变化了才会执行render函数）(高阶函数的写法) function App() { const [name, setName] = useState('名称') const [content,setContent] = useState

Hook使用规则 只能在函数的最外层调用Hook，不能在循环、条件判断或子函数中调用。 只能在React函数组件或自定义Hook中调用Hook，不可在其他JavaScript函数中使用。 usuMemo const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); memo是memoized的简写，意思是缓存；computeExpensiveValue的意思是“计算开销很大的值”。 useMemo的作用是通过存

从源码出发结合图文梳理了useCallback、useMemo这两个hook的基本原理和使用，以及解决了什么类型的问题

在 React 里，每次组件重新渲染时，函数都会重新创建，这可能会导致一些问题，比如子组件不必要的重新渲染。就像是一个缓存小能手，它会记住某个计算结果，下次再遇到相同的输入时，就直接拿出之前算好的结果，而不用重新计算，这样能节省不少性能。在 React 中，有些组件可能依赖于某个对象，如果每次渲染时该对象的引用都发生变化，可能会导致不必要的重新渲染。就能解决这个问题，它会记住函数的引用，只要依赖项不变，函数的引用就不会变。可以确保对象引用的一致性，只有当依赖项发生变化时，对象才会被重新创建。

React中有很多官方提供的hooks，例如 useEffect，useState，useMemo，useCallback，有部分初学者分不清 useMemo和useCallback究竟适用于什么场景。今天我们就来聊聊这两个钩子函数。useCallBack不要随意使用，不假思索的对每个方法增加useCallBack不要随意使用会造成不必要的性能浪费，useCallBack本身就是需要一定性能的。

用户信息实体，主要包括 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 等信息实体。1 用户( 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 )讨论信息实体，主要包括 讨论编号,疑问,说明,发布人,发布时间,状态,回答 等信息实体。系统主要用户实体,班级实体,排实体,科目实体,成绩实体,教学视频实体,教学理论实体,讨论实体，如图所示。班级信息实体，主要包括 班级编号,班级 等信息实体。

本文介绍了在Vue2数据大屏中对接海康威视摄像头的完整方案，解决浏览器无法直接播放RTSP流的问题。通过对比HTTP-FLV、HLS、WebRTC等技术方案，最终采用HTTP-FLV为主+HLS为备选的策略，利用flv.js和hls.js实现低延迟视频监控。文章详细说明了整体架构设计、前端实现代码（包括分屏布局、播放器初始化等关键代码），并分享了实际项目中的技术选型经验和解决方案。该方案适用于工业MES系统、仓储管理等需要实时监控的场景，支持2x2/4x4分屏切换，已在淀粉厂MES系统中成功应用。

`AudioProcessing` (APM) 是 WebRTC 的"音频 3A 引擎"，集成了回声消除（AEC）、噪声抑制（NS）、自动增益控制（AGC）、语音活动检测（VAD）等模块。理解 APM 的模块组合、参数配置和调试方法，是优化通话质量、降低背景噪声、提升语音清晰度的关键。

浏览器会发请求，但若响应里没有合适的 CORS 头，浏览器会拦截 JS 读取响应，控制台才报 CORS 错。允许跨域请求携带 Cookie、 TLS 客户端证书（很少见）、HTTP 基本认证（浏览器弹窗那种，很少见）等凭证。预检通过后，浏览器才发真正的 POST（带 Authorization）是服务器通过响应头告诉浏览器「这个跨域请求我允许」的机制。所以 React（10086）请求 API（8080）属于。预检时声明客户端（浏览器）可以带哪些非简单请求头。浏览器缓存预检结果，减少重复 OPTIONS。

前端开发并未"死亡"，而是在 AI 的催化下经历一场深刻的范式转移。从"页面组装工"到"体验架构师"，从"技术执行者"到"AI 协作者"——这场变革淘汰的是固守旧范式的从业者，奖励的是拥抱变化、持续进化的学习者。未来十年，大前端的边界将被彻底打破，而站在技术与产品交汇点的全栈工程师，将成为最稀缺的资源。对于 Vue 生态的开发者而言，2026 年是一个关键节点：Vapor Mode 的成熟标志着 Vue 进入"易用且极致"的新时代，Nuxt 4 的全栈能力让 Vue 开发者可以触达更广阔的技术领域。

LensGraph SDK 的价值不在“又一个社交 DApp”，而在于提供最小可行图谱原语——它不存储、不索引、不运营，只做链上事实的翻译器。当你把嵌入钱包插件、D投票ao 页面、甚至硬件钱包固件时，Web3 社交才真正开始生长出自己的根系。✅ 当前 SDK 已开源：[github.com/lensgraph/sdk]9https://github.com/lensgraph/sdk)（MIT License）✅ 支持 TypeScript / ESM / Deno / Bun。

文章摘要： 随着AI时代的到来，传统操作系统（如Windows、HarmonyOS等）聚焦的“资源管理”模式正面临挑战。未来软件系统的核心需求转向“目标管理”，催生了运行于操作系统之上的“第二操作系统”——Agent Runtime。它承担任务规划、上下文管理、工具调度等新职责，形成“目标驱动”的新架构。HarmonyOS PC可能率先实现双层Runtime架构：底层HarmonyOS Kernel管理硬件资源，上层Agent Runtime与Workspace Runtime协同处理任务、上下文及工具调度

Network负责所有 socket I/O 与 ICE，Worker跑编解码、设备采样、音频 3A、Signaling承接 PeerConnection 公共 API 与 Observer 回调。理解三者职责与"跨线程任务投递"是写好 SDK、避免死锁和回调错乱的前提。

按主链五步映射 API：上传 202 + KB 级 job、轮询 index-jobs、流式 chat。细说三接口契约，以及 citations 可追溯、request_id 排障、错误码与 kb 归属等接口设计要点。

TypeScript 基础类型在 Vue/uni-app 中的应用 本文介绍了 TypeScript 在 Vue/uni-app 项目中的基础类型用法，包括： 类型推断：自动推断变量类型 函数类型：参数和返回值类型约束 字面量类型：限制变量为固定值 联合类型：变量可为多种类型之一 any与unknown：处理不确定类型，unknown更安全 类型断言：强制指定类型 void与never：函数返回值类型 Vue中ref的泛型写法：明确响应式数据类型 文章通过实际代码示例，对比了不同类型的特点和使用场景，特别强

摘要： 本文深度剖析Tauri应用迁移为纯Web应用的技术挑战与解决方案。聚焦工程化踩坑、底层原理、代码优化及长期维护四大维度，结合HuLa即时通讯项目实战经验，解析高频报错根源（如原生窗口API冲突、跨域请求规则差异、WebSocket生命周期管理等），并提出分层适配架构（windowAdapter/requestAdapter/wsAdapter）实现环境解耦。关键优化包括：统一环境判断与常量管理、ESLint自动化校验、双端并行架构设计等，强调“以后端为基准”的契约标准化。适用于需兼顾功能迁移与长期可

本文记录了前后端联调阶段的关键问题与解决方案，主要包含以下内容：1. App端SSE流式通信适配问题，通过renderjs+XMLHttpRequest桥接实现跨平台兼容；2. Markdown渲染优化，引入marked和highlight.js实现代码高亮；3. 解决AI接口Jackson反序列化异常，调整未知字段处理策略；4. 全面UI优化，包括对话气泡、动画效果和图片自适应；5. 知识前测与AI学情报告功能实现；6. 数据库知识点和题目补充；7. 修复数据一致性问题，如个人资料更新、聊天历史渲染等。这

本文介绍了一个旅游主题静态网站的设计与实现方案。网站采用HTML5+CSS3技术构建，包含轮播图等交互效果，兼容主流浏览器。文章详细说明了网站布局、程序、素材和文件结构，提供了HTML轮播图代码示例，并分享了学习建议：初学者可通过刷题巩固基础。最后作者邀请读者点赞、评论、收藏，并提供了获取更多前端资源的途径。