TS类型声明一、安装并测试自动编译1.自动编译测试二、ts类型注解三、基础类型undefined 和 null报错四、数组五、元组 Tuple六、枚举类型七、any类型 (动态内容)八、void类型 (没有类型)九、object十、联合类型1.类型断言2.类型推测十一、接口1.约束(对象)属性2.约束函数(搜索示例)3.类类型(接口约束类)4.一个类可以实现多个接口(见3)5.接口继承接口(见3
转载
2024-09-12 09:37:42
70阅读
1、MVC、MVP与MVVM模式MVC是应⽤最⼴泛的软件架构之⼀，⼀般MVC分为： Model（ 模型 ）、Controller（ 控制器 ）、View（ 视图 ）。 这主要是基于分层的⽬的，让彼此的职责分开。View ⼀般通过 Controller 来和 Model 进⾏联系。Controller是 Model 和 View 的协调者，View和Model不直接联系，基本联系都是单向的。 1、V
转载
2024-09-12 22:44:03
99阅读
一、React简介及开发环境准备1. React简介React是Facebook在2013推出的开源的前端开发框架，它带来了一种全新的函数式编程风格。目前React.js是全球范围内使用人数最多的前端框架，它也拥有健全的文档和完善的社区，中文文档比较落后，建议直接阅读英文文档。我们会把16之后的react版本称之为React Fiber，因为在16版本中，react底层在事件循环中加入了优先级等概
转载
2024-07-26 17:48:53
46阅读
React中组件间的通信有一下几种情况： 父组件向子组件通信，可以通过props方式传递数据；也可以通过ref防暑传递数据； 子组件向父组件通信，通过回调函数方式传递数据； 父组件向后代所有组
转载
2024-06-07 18:42:24
33阅读
1.win+r快捷键打开命令窗口。cmd进入编辑2.命令查看vue及node版本编辑3.命令切换路径到自己项目文件夹位置并创建vue项目编辑4.选择配置，上下键切换，回车键进入下一级，空格键选中（蓝色选中项）编辑编辑编辑编辑编辑编辑编辑编辑编辑创建成功编辑 5.使用开发工具打开vue项目（我这里使用的是webstorm）目录结构是这样的编辑6. 在开发软件终端使用n
转载
2024-03-29 13:38:09
85阅读
问题： 渲染过程分为两个阶段 1、调度阶段：根据更新数据生成新的Virtual DOM，通过Diff算法，找出需要更新的元素，生成新的更新队列， 2、渲染过程：遍历更新队列，将变更一次性更新到DOM上。而1过程是不可控的，也就是说React在执行更新的时候是同步的，浏览器主线程被React占着用来调度，这段时间如果用户进行操作，那就不会得到反馈。需要同步更新的任务完成后，主线程才被释放。React
前言在上一章：React 简单教程-1-组件 我们知道了 React 的组件是什么，长什么样，用 js 和 HTML 小小体验了一下组件。在这一章，我们将使用 typescript（简称 ts） 来代替 js，这种语法的文件名后缀是 tsx。我强烈建议使用 ts 来开发 React，要说 ts 比 js 好在哪里？这么说，js 唯一不好的地方就是它只能用 js 来写。如果你不会 ts，那么你可以稍
转载
2023-10-10 13:58:41
210阅读
前言
目标
掌握如何创建TS项目
TS配置文件tsconfig.json
了解React中的常用类型
graph LR
A[项目使用TS] --> B[1 使用CRA创建支持TS的项目]
A --> C[2 TS配置文件tsconfig.json]
A --> D[3 React中的常用类型]
一 使用CRA创建支持TS的项目
1.创建项目并启动
（1）全局安装
n
原创
精选
2024-08-20 12:20:58
357阅读
写在前面 最近在用React,发现百度了很多都没有找到基于TS的React项目搭建，很多是老的方法已经属于不成功的了，今天我把
转载
2021-08-07 22:16:00
552阅读
2评论
在现代的前端开发中，React 和 TypeScript 已经成为了开发者们的热门选择。为了提高 HTTP 请求的效率并减少重复代码，我们需要将 `axios` 封装成一个优雅的模块。以下是关于如何在 React 应用中封装 `axios` 的过程，涵盖环境准备、集成步骤、配置详解、实战应用、排错指南和生态扩展等方面的内容。
### 环境准备
要进行 `React TS` 和 `axios`
前言最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里总结并分享给大家。这次的工程化治理主要分以下几个方面：静态检查：TypeScript + ESLint开发体
安装完成后会在项目根目录生成.eslitrc.js文件，然后改一下规则(可以根据自己需求增减规则)8、你希望你的配置文件是什
原创
2022-08-20 00:46:24
8117阅读
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。前沿以前有 JSX 语法，必须引入 React。React 17.0+ 不需要强制声明 React 了。import React, { useState } from 'react';
985渣渣小硕一枚，非计算机科班出身，考研跨考到华工计算机专业。研究方向是图像处理，平时较少接触ML、DL等算法，所以3月初准备找实习的时候果断放弃了算法岗，没办法只能捡起自己以前稍稍有基础的的C++后台开发这块。大概3月9号官网投递的简历，也没有找内推，我一直以为自己已经错过提前批啦，本意就是想先把简历投了，以后估计还要做腾讯的笔试才能进入面试。结果3月16号晚上有深圳的座机打过来，因为当时正在
转载
2024-07-18 09:09:27
41阅读
在 React 开发中，性能优化一直是一个非常重要的话题。其中，防止不必要的渲染和函数对象的重复创建也是开发者需要关注的方面。而 useCallback 就是 React 提供的一个 Hook 函数，用来缓存回调函数，避免重复定义和重新渲染。本篇博客将从以下几个方面浅谈 useCallback 函数。什么是 useCallbackuseCallback 是 React 提供的一个 Hook 函数，
开启学习react+ts，本篇主要是用react创建项目和了解Function Component。一、项目创建与准备1、创建项目创建名为 hook-ts 的项目：npx create-react-app hook-ts --template typescript
cd hook-ts
# 通过vscode打开
code .可以看到，整个项目的组件，都是使用tsx做后缀的，而普通的js文件，也使
转载
2024-03-17 10:08:15
118阅读
什么是ETag？web服务器用于确认缓存组件的有效性的一种机制，通常可以使用组件的某些属性来构造它。条件GET请求 浏览器下载组件的时候，会将它们存储到浏览器缓存中。如果需要再次获取相同的组件，浏览器将检查组件的缓存时间，假如已经过期，那么浏览器将发送一个条件GET请求到服务器，服务器判断缓存还有效，则发送一个304响应，告诉浏览器可以重用缓存组件。 那么服务器是根据什么判断缓存是否还有效呢?
转载
2024-06-07 05:27:51
737阅读
前端
原创
2023-08-26 05:24:36
68阅读
import { useEffect } from "react"; import { Datagrid, useListContext, ShowButton, BulkDeleteButton, TextField, EditButton, List } from "react-admin" i
原创
2023-11-26 19:39:50
113阅读
