个人技术分享

1.确保npm淘宝镜像为最新：npm config set registry https://registry.npmmirror.com。3.pro create my-app(确保git已安装，可远程拉代码)4. 安装依赖，启动项目 npm run start。

useCallBack计算结果是函数, 主要用于缓存函数，应用场景如: 需要缓存的函数，因为函数式组件每次任何一个 useState 的变化，整个组件都会被重新刷新，一些函数是没有必要被重新刷新的，此时就应该缓存起来，提高性能，和减少资源浪费。useMemo缓存的是二次计算的数据，主要用于缓存计算结果的值，跟vue里面的computed大致相同的作用，这样避免组件重新渲染的时候，再重新执行整个函数，导致之前的二次计算也会重新执行一次。都是依赖数据发生变化，才会去更新缓存数据。

react native中ios判断相机是否授权，没授权打开手机设置

React Native 提供了可以处理常见触摸手势（例如点击或滑动）的组件， 以及可用于识别更复杂的手势的完整的手势响应系统。Button是一个简单的跨平台的按钮组件。

react native中ios判断相机是否授权，没授权打开手机设置

先访问首页，在点击左侧菜单的链接，会自动跳转：http://localhost:5173/contacts/1。浏览器访问：http://localhost:5173/contacts/1。此时，访问：http://localhost:5173/404。此时访问：http://localhost:5173/

在React中使用元素可以允许你创建动态和交互式的图形。

在课程结束时，您将拥有一个完全功能的人工智能聊天机器人，更重要的是，对将人工智能技术与网络开发集成有深入的理解。无论您是初入人工智能和 React 世界的初学者，还是希望扩展技能集的开发者，本课程都在人工智能聊天机器人的前沿领域提供了有价值的知识和实践经验。这门课程面向初出茅庐的开发者和技术爱好者，深入探讨了使用两种强大工具：React.js 和 OpenAI 的 ChatGPT 的人工智能聊天机器人开发的迷人世界。您将学习创建一个直观、用户友好的界面用于您的聊天机器人，确保无缝的用户体验。

在hooks出现之前，react的函数式组件也叫做无状态组件（函数里面无法创建属于自己的状态，只能使用props接收）一个管理状态的 hooks，能让函数组件拥有自己的状态，实现状态的初始化、读取、更新。

【代码】ref和reactive的使用。

React 通过 Batch 方式将所有的数据更新整合在一起，而不是每次都进行更新。在 React 渲染分为两个阶段，Render 和 Commit，Render 是修改 React 组件的状态，把需要更新的组件标记为待更新，在 Commit 阶段将待更新的组件进行渲染并最终更新到浏览器的 Dom 树中。Render 阶段是可以并执行操作的，组件状态如有变更，保留新的状态，抛弃老的状态，这个阶段就是虚拟 Dom 更新阶段，不是简单销毁并重新构建，而是通过一系列比较算法只更新有变化的属性。

在React中，如果你想要暴露组件的方法给全局作用域调用，你可以使用一个全局变量来引用你的组件实例，或者使用Context API来创建一个全局状态，通过它来传递方法引用。这样，你就可以在全局作用域内调用globalMethod了。记得在使用Context时要小心，因为它会使你的应用程序的不同部分紧密耦合，所以请根据实际情况谨慎使用。

单击该复选框时，计数器状态将重置。虽然你渲染了 ，但从 a 变为 a 的第一个子项。当子项从 DOM 中移除时，它下面的整棵树（包括它的状态）也被破坏了。最初，它的第一个子项包含一个 .但是当你换入 时，React 会从 UI 树中删除 并销毁其状态。在这里，您可以在同一。

ref 是 React 中的一个重要概念，它用于访问和操作 DOM 元素或者类组件实例。在React中，ref 提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素。这对于执行DOM操作、读取值、动画、集成第三方DOM库等场景非常有用。ref 是一种特殊的属性，你可以将它附加到React元素上。当元素被挂载到DOM或卸载时，React会将ref对象上的特定方法作为回调传递给它。这使得可以在生命周期方法或其他React组件的方法中直接访问DOM元素。

本章主要讲解vue3 中 reactive, ref, readonly 三个响应式核心API 的使用. 介绍了三个API基本用法, 使用细节, 以及类型标注等内容

先将nodejs的版本切换到18：接着，使用webstorm打开这个刚创建的项目：添加一个npm run start的配置：通过start启动服务：浏览器访问：http://localhost:3000/

勾选或清除复选框时，计数器状态不会重置。它是同一位置的相同组件，所以从 React 的角度来看，它是相同的计数器。同一位置的相同组件保留状态。

Next.js 是一个基于 React 的开源框架，它使得构建用户界面变得更加简单而高效。Next.js 特别适合用于构建服务器端渲染（Server-Side Rendering,）和静态导出的网站和应用程序。它提供了自动的代码分割、服务器端渲染、客户端渲染、静态网站生成（Static Site Generation,通过掌握上述知识和技术，你可以有效地使用 Next.js 和 React 构建高质量的网页应用。

【React】useEffect传入依赖数组时，如何阻止首次渲染加载

文档只给出了一些配置项的说明，以及java端的代码示例，但没有web端的。所以这篇笔记可以给web开发者参考。首先，AI答复的消息是通过SSE()返回的。SSE请求的实现流程后续有时间再填坑。代码实现中，使用了一个onReply回调来执行后续动作。这个方法会连续多次执行，直到消息结束。SSE是单向的，只能由服务端向客户端推送，而流式TTS这种双向通信需要通过socket来实现。socket的实现，原本是打算用封装了心跳、房间等概念的socket.io。