react 18
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来 ......
每日总结10.18
今天是充实的一天，我上了三节英语课，其中我们讨论了一系列有趣的主题，包括文学、文化和语法。这些课程帮助我更好地理解英语，提高了我的语言技能。下午，我投入时间学习Java编程。在这节课中，我学习了如何处理文件，特别是如何读取文本文件、分析文本数据和将结果写入另一个文件。我编写了一个程序，可以统计文本文 ......
2023.10.18
第18节：调试 这一节强调了调试的重要性以及一些有关调试的心理学和技巧。 1. 调试的目标是解决问题，而不是对问题提出攻击性的反应。遇到 bug 时，应以解决问题为导向，而不是责怪他人或自己。 2. 当你目睹 bug 的发生或看到 bug 报告时，不要急于表示“那不可能”。首要任务是思考为什么问题发 ......
React18 新特性一览
升级： React 18 相较于之前的React 版本来说 主要有以下几个方面的升级： 1 增加了一些新的API 2 底层逻辑的优化 3 React Current Mode 并发模式的实现 4 同时需要注意的是React 18 不支持IE浏览器。 5 新增了一部分hooks以及服务端渲染的API ......
18_JDK8-17新特性
  和l18n(本地化)时的地域标识代码 格式如 zh-CN(语言-国家) 国家说明 语言说明 语言编码 和 国家编码 中国 汉语 zh CN 中国香港 zh HK 中国澳门 zh MO ......
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 ......
10月18每日打卡
作业详情 //20213992 lizhizhangpackage com.company;import java.util.Random;public class ketang { public static void main(String[] args) { int numProblems = ......
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里直接 ......
java项目实践-cookie-session-day18
目录1. cookie2. session3. servletcontext4.servletConfig 1. cookie cookie 在客户端（浏览器）中保持http状态的 信息技术 本质 是浏览器缓存 每次发请求的时候 在请求头中 带给 服务端 常见的应用场景：实现7天免登录 浏览器 F1 ......
10.18 模拟赛小记
这下真的寄了。 赛前多校联测 2。胜利一中出题。 比赛链接。 官方题解。 A.谁共一杯芳酒 赛时写了个小范围的爆搜和假的贪心。赛后一想笑的我。好好好。 有的样例。给了和没给有什么区别啊。真无语。 正确的思路是先按照一边端点为关键字排序，另一边按照最长不下降序列处理。 这样直接做的话是 60pts。加 ......
15-DS18B20温度传感器的基本应用
DS18B20温度传感器的基本应用 DS18B20是Dallas半导体公司的一款数字温度传感器芯片 DS18B20是一款支持1-wire总线接口的温度传感器 DS18B20的温度范围-55\(^{\circ}\)C-125\(^{\circ}\)C，精度为\(\pm0.5^{\circ}\)C DS ......
2023/2024 年 React 组件库 与 相关库 推荐
2023/2024 年 React 组件库 与 相关库 推荐 asdf 展开目录 精挑细选的 React 库 , 质量非常的高. 建议每一个都点进去官网看一看. (知乎不支持表格中的超链接 , 只能用这种普通文本了) 这篇文章会一直持续更新下去.... UI 组件库 ⭐ Material-UI ......
Day18_有参装饰器_迭代器_可迭代对象___iter__()方法__next__()方法_for循环原理_自定义迭代器生成
1.Day17复习无参装饰器模版： 2.Day17复习装饰器的补充： 3.有参函数的知识储备： 4.有参装饰器不用语法糖，使用套用的方式从数据源取数据： 5.有参装饰器不用语法糖，使用套用的方式二从数据源取数据： 6.有参装饰器语法糖： 7.有参装饰器模板： 8.迭代器的介绍和为何存在迭代器： 9. ......
react native 退出登录后清空路由栈并返回登录页
背景： 由于项目使用的expo-router，一开始时在退出登录是如下实现的： import { router } from "expo-router"; ... router.replace("/my/login/login"); ... 使用expo-router的router.replace方 ......
将达梦数据库的JDBC驱动包 DmJdbcDriver18.jar 安装到本地 Maven 仓库
将达梦数据库的JDBC驱动包 DmJdbcDriver18.jar 安装到本地 Maven 仓库 一、问题背景 在 博客《SpringBoot MyBatis Plus 整合 达梦数据库》中写道，从 https://eco.dameng.com/download/ 中下载 达梦JDBC 驱动包，如下 ......
react项目中预览pdf文件
最近需求，要在b端展示上传的pdf文件。实现方式有很多，记录一下我们最常用的pdf.js //安装 "pdfjs-dist": "2.0.402" //引入 import * as pdfjs from 'pdfjs-dist' import * as pdfjsWorker from 'pdfjs ......