创建一个基于React的PWA应用，你可以使用create-react-app，它自带PWA支持，但默认是关闭的。以下是创建React PWA应用的步骤： 安装create-react-app 如果你还没有安装，你可以通过npm来安装： npm install -g create-react-app 或者使用yarn： yarn global add create-react-app 创建新的React应...

React 18 引入了一些新的钩子函数，用于处理一些常见的场景和问题。以下是 React 18 中引入的一些新钩子函数以及它们的代码示例和使用场景： useTransition： 代码示例：import { useTransition } from 'react'; function MyComponent() { const [isPending, startTransition] = useTran...

1         2、通过LocalStorage 存储之前的Step，做到不丢失数据。 实现  Step.jsx (组件) import {useEffect, useState} from "react"; export const Step = ({name, data})=>{ const submit = (event)=>{ event.preventDefault(); const loc...

Angular和React都是流行的前端JavaScript框架，但它们有一些关键的区别： 1、语言： Angular： 使用TypeScript，这是一种强类型的超集，提供了更多的工具和功能，如静态类型检查和更好的代码编辑器支持。 React： 使用JavaScript（ES6+）或TypeScript，但它更加灵活，可以选择使用JavaScript。 2、架构： Angular： 是一个完整的MVC框...

一. axios库的基本使用 1.1. 网络请求的选择 目前前端中发送网络请求的方式有很多种： 选择一:传统的Ajax是基于XMLHttpReques(XHR) 为什么不用它呢? 非常好解释, 配置和调用方式等非常混乱.编码起来看起来就非常蛋疼.所以真实开发中很少直接使用, 而是使用jQuery-Ajax 选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax 相对于传统的Ajax非常好用.为什...

了解epoll底层逻辑 在我们调用epoll_create的时候会创建出epoll模型，这个模型也是利用文件描述类似文件系统的方式控制该结构。 在我们调用epoll_create的时候，就会在内核管理中创建一个epoll模型，并且建管理模块地址给file结构体，file结构体也是连接在管理所有file结构体的数据结构中 所以epoll也会给进程管理的files返回一个file地址保存在file_array中...

ReactNative 性能优化主要分为以下几个方面： **减少 re-render：**re-render 是 React 的核心概念，也是性能优化的重点。re-render 会导致组件树重新渲染，这会消耗 CPU 和 GPU 资源。因此，减少 re-render 是提升性能的有效手段。**减轻渲染压力：**除了减少 re-render 之外，还可以通过减轻渲染压力来提升性能。例如，使用合适的布局方式，...

一、介绍         列表页是常用的功能，从后端获取列表数据，刷新到页面上。开发列表页需要考虑以下技术要点:1.如何翻页；2.如何进行内容搜索；3.如何缓存数据；4.何时进行页面刷新。 二、使用教程 1.redux actions.js export function fetchList(page = 1, keyword = "", pageSize = 3) { // action return d...

一、介绍         本文将会基于react实现表单的功能，包括表单提交和跳转、表单验证、动态表单元素、动态内容加载。 二、使用教程 1.表单提交功能 export default class FormSubmit extends React.PureComponent{ state = { name: "" } handleNameChange = evt => { this.setState({ n...

目录 ref和reactive的优势 1. ref 优势： 应用场景： 示例： 2. reactive 优势： 应用场景： 示例： ref和reactive的劣势 1. ref 2. reactive 应用案例 总结   ref和reactive的优势 1. ref ref是Vue3中专门用来创建响应式变量的函数，它返回一个具有value属性的对象。ref可以用来包裹基本类型的值，比如数字和字符串。 优势：...