在线教育graphql nestjs react
ITSource 分享 第3期【在线个人网盘】
项目介绍 本期给大家介绍一个在线个人网盘 系统. 可以上传，下载，分享文件。 一 业务介绍 本系统分为以下几个模块: 1.登录注册 除了账号密码登录，如果配置了qq邮箱配置的话，还支持qq一键授权登录。 2.首页大盘 首页是个人网盘的使用情况大盘，展示文件夹和文件的使用情况。 3.全部文件 全部文件 ......
继续学习webpack+react路由+页面刷新404+nginx部署404+webpack魔法注释
继续学习 webpack 继续我们上一次的操作之后，我们已经可以实现从零到亿自定义运行打包一个 webpack 项目了，接下来我们继续更深层级接触他 我们上次使用的自动清理打包文件的插件在我们 webpack5.*之后呢，可以直接进行配置不需要引入插件，只需要在 wenpack.pro.config ......
react native的新架构
Starting from version 0.68, React Native provides the New Architecture, which offers developers new capabilities for building highly performant and re ......
关于 React 性能优化和数栈产品中的实践
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：的卢 引入 在日常开发过程中，我们会使用很多性能优化的 API，比如像使用 memo、useMemo优化组件或者值，再比如使用 shouldComponent ......
2023-10-24 Too many re-renders. React limits the number of renders to prevent an infinite loop. ==》组件在渲染过程中执行了任务导致状态更新，从而触发了无限循环
React报错： Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数，以防止出现无限循环。 解决方案：查看你最近写的代码，比如我写了一个函数组件 ......
升讯威在线客服系统的并发高性能数据处理技术：为多线程处理同步数据
我会通过一系列的文章详细分析升讯威在线客服系统的并发高性能技术是如何实现的，使用了哪些方案以及具体的做法。本文将介绍如何为多线程处理同步数据。 ......
React技术栈支援Vue项目，你需要提前了解的
写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过js来 ......
DocuSeal开源的文件在线签署平台
DocuSeal是一个开源平台，提供安全高效的数字文档签名和处理功能。它使用一种易于使用的、移动优化的在线工具，创建PDF表单，并能在任何设备上进行填写和签名 使用步骤 1.使用 docker run -d --name docuseal -p 3000:3000 -v.:/data docusea ......
【教育创新，智慧引领】璞公英教学平台精准引领个性化教育！
10月19日，武汉市第四十九中学迎来了一支以区教育局领导为首的参观团队。在四十九中校领导们的带领下，作为此次活动的重要环节，领导们参观了璞睿互联在四十九中学设立的大数据教学中心，共同交流探讨大数据教学对教育发展的影响和未来发展方向。 参观现场 在参观过程中，璞睿互联负责人潘华萍女士、数据中心雷里里女 ......
《安富莱嵌入式周报》第325期：开源可编程精密电阻仪，开源入耳式无线耳机，蓝牙Mesh固件更新，锂电池管理板, 无人机螺旋桨参考, QT6.6发布，IAR教育版
周报汇总地址：http://www.armbbs.cn/forum.php?mod=forumdisplay&fid=12&filter=typeid&typeid=104 更新一期视频，趁热打铁，下期CANopen专题视频将在下周发布 BSP视频教程第27期：CANopen协议栈专题，实战方式系统 ......
React18 新特性一览
升级： React 18 相较于之前的React 版本来说 主要有以下几个方面的升级： 1 增加了一些新的API 2 底层逻辑的优化 3 React Current Mode 并发模式的实现 4 同时需要注意的是React 18 不支持IE浏览器。 5 新增了一部分hooks以及服务端渲染的API ......
React框架的基本运行原理与组件定义方式
React框架的基本运行原理 React的本质是内部维护了一套虚拟DOM树，这个虚拟DOM树就是一棵js对象树，它和真实DOM树是一致的，一一对应的。 当某一个组件的state发生修改时，就会生成一个新的虚拟DOM，让它和旧的虚拟DOM通过Diff算法进行对比，生成一组差异对象。 然后变量差异对象， ......
React学习笔记14-dangerousSetinnerHtml指令
1.使用场景 dangerouslySetInnerHTML指令能将字符串当做html解析 相当于vue中的v-html指令 一般我们用来渲染富文本返回的html文本 2.使用方法 {this.state.tolist.map((item,index)=>{ return ( <span dange ......
React学习笔记13-小案例toList(状态,状态维护,条件渲染渲染)
写一个todoList小案例来体验一下组件的状态以及状态维护的注意点 import React, { Component } from 'react' import './css/01-index.css' export default class App extends Component { s ......
React项目中webpack的配置过程
初始化一个web项目 使用npm init -y 初始化一个项目 在项目目录下创建src, dist文件夹，创建webpack.config.js配置文件 然后在src文件夹下创建index.js, index.html文件 然后安装依赖包 npm i jquery -S 安装jQuery包 npm ......
React DockerFile 镜像部署
1.配置Node.js 运行环境 （可以不用配置） 1> wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.gz 2> sudo tar -zxv f node-v12.18.1-linux-x64.tar.gz 3> ......
React学习笔记12-循环渲染
在vue中我们一般是通过v-for指令来进行循环渲染的，但react中没有封装相关指令供我们调用 在react中我们可以通过数组的map方法来进行数据的循环渲染 import React, { Component } from 'react' export default class App ext ......
React学习笔记11-状态(state)
状态就是组件的数据，由组件自己设置和更改，也就是说由组件自己维护，使用状态 的目的就是为了在不同的状态下使组件的显示不同(自己管理) 定义状态的方法 可以在构造函数中定义也可以直接在类中通过变量的形式来定义 /* eslint-disable eqeqeq */ import React, { Co ......
React学习笔记10- Ref的应用
用法 1.给标签设置ref="username" 通过这个获取this.refs.username , ref可以获取到应用的真实dom 2. 给组件设置ref="username" 通过这个获取this.refs.username ,ref可以获取到组件对象 写法 import React, { ......
React学习笔记09- 事件处理
React采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写 onclick , React里的事件是驼峰 onClick ，React的事件并不是原生事件，而是合成事件。 事件回调的几种写法 1.直接在组件内定义一个非箭头函数的方法，然后在render里直接 ......
[LOJ3626/QOJ4889] 愚蠢的在线法官
考虑这个矩阵长啥样，首先显然 \(A\) 不能重复否则答案是 \(0\)（有两行两列相同）。 把 \(A\) 重标号为 DFS 序的顺序，那么行列式的值不改变，因为交换 \(A_i,A_j\) 相当于同时交换两行两列。 考虑把权值 \(v\) 做树上差分，令 \(B_u=v_u-v_{fa(u)}\ ......
在线Q绑查询手机号、微博查询手机号 api接口 – XApi
qq号查询绑定手机 通过QQ号查询密保手机 接口地址：https://zy.xywlapi.cc/qqapi?qq=填写查询QQ号码 手机号查询绑定qq通过手机号查询绑定QQ 接口地址：https://zy.xywlapi.cc/qqphone?phone=填写手机号码 QQ号查询LOL信息通过QQ ......
2023/2024 年 React 组件库 与 相关库 推荐
2023/2024 年 React 组件库 与 相关库 推荐 asdf 展开目录 精挑细选的 React 库 , 质量非常的高. 建议每一个都点进去官网看一看. (知乎不支持表格中的超链接 , 只能用这种普通文本了) 这篇文章会一直持续更新下去.... UI 组件库 ⭐ Material-UI ......
react native 退出登录后清空路由栈并返回登录页
背景： 由于项目使用的expo-router，一开始时在退出登录是如下实现的： import { router } from "expo-router"; ... router.replace("/my/login/login"); ... 使用expo-router的router.replace方 ......
免费在线看电影网站推荐
简介： 想免费看电影却总找不到合适的网站？别再浪费时间和金钱了！本文将为你揭秘一些神奇的免费看电影网站，让你省下上百元电影票，还教你如何将喜欢的电影带回家！首先，这些网站是一个合法的在线影院，汇聚了众多热门电影和电视剧，更新速度快，且画质清晰。其次，该网站不仅提供在线观看，还支持下载，让你可以随时随 ......
react项目中预览pdf文件
最近需求，要在b端展示上传的pdf文件。实现方式有很多，记录一下我们最常用的pdf.js //安装 "pdfjs-dist": "2.0.402" //引入 import * as pdfjs from 'pdfjs-dist' import * as pdfjsWorker from 'pdfjs ......
React学习笔记08- 组件的样式
1.使用行内样式 想给虚拟dom添加行内样式，需要使用表达式传入样式对象的方式来实现： // 注意这里的两个括号，第一个表示我们在要JSX里插入JS了，第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 ......
Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react）
Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react） 更改前 <Form.Item label="用户标识" name="id" rules={[ { required: true, message: '用户标识不能为空！', }, ]} > <Inp ......
React学习笔记07-组件嵌套
一个项目肯定是由多个组件构成的，组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar ......