react 18

ps：以前有写过类似的随笔，今天再次做个总结。 1.安装node.js 去node官网下载吧，这里不赘叙了； 2.安装脚手架create-react-native-app npm i -g create-react-native-app 这个安装过程有快有慢，看运气，我的是几秒就完成了； 3.使用脚 ......

1.空指针异常（java.lang.nullpointerexception） 发生该情况一般是字符串变量未初始化，数组未初始化，类对象未初始化等。还有一种情况是当该对象为空时你并没有判断是否为空值，这个错误我在之前的web习题上犯过，因此为了避免这种情况，除了检查是否初始化之外，如有必要则要加上判 ......

有自定义功能,但又不想修改原有的api接口,可以添加新的api接口,这样不会很大影响以后的版本升级,具体步骤 1.在 config/routes.php 中添加映射,为了方便维护, 在 $config->routes = $routes; 这一句代码的上面进行添加 //添加的 api $routes ......

面向对象11：方法重写 😂super注意点： super调用父类的构造方法，必须在构造方法的第一个 super必须只能出现在子类的方法或者构造方法中！ super和this不能同时调用构造方法！ 🤷‍♂️Vs this: 代表的对象不同： this:本 身调用者这个对象 super:代表父类对象 ......

Karen and Cards 题面 设符合条件的三元组为 \((x,y,z)\)。枚举 \(x\)，可以将 \(n\) 个三元组分为两类：\(a_i\ge x\) 和 \(a_i<x\)。对于 \(i\in [1,n],a_i\ge x\)，需要满足的条件为 \(b_i<y\) 且 \(c_i<z ......

多态： 面向对象三大概念：封装、继承、多态！可想而知多态是何等的重要 多态的概念以及前提条件： 编译期绑定（静态联编）：函数入口地址和函数名在编译期间绑定，即编译期间确定函数名和入口地址唯一对应 运行期绑定（动态联编）：函数入口地址和函数名在编译期间不绑定，反而在运行程序时才根据需要再动态组合绑定 ......

function A() { return (<> This is A component </>) } function B() { let msg = useContext(MsgContext); return (<> This is B component:::: {msg} </>) } ......

代码案例 function A({ onGetAName }) { const name = `> ${new Date().getTime()} <`; return ( <div> This is A component ! {/*箭头函数形式来调用事件函数*/} <button onClick ......

1.非受控组件的定义 非受控组件即状态不是完全由React的state来控制的组件 React要编写一个非受控组件，可以 使用 ref 来从 DOM 节点中获取表单数据，就是非受控组件。 import React, { Component } from 'react' export default ......

1.受控组件的定义 React组件的数据渲染是否被调用者传递的 props 完全控制，完全控制则为受控组件，否则非受控组件。即React 的 state 成为组件的唯一数据源。 下面用一个小案例来演示，案例中todolist组件的唯一数据源就是State，todolist组件就是一个受控组件 imp ......

使用docker build命令构建镜像报： “failed to solve with frontend dockerfile.v0: failed to create LLB definition: unexpected status code [manifests 18.04]: 403 Fo ......

1.属性的定义 props 是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更 改，但是你可以通过父组件主动重新渲染的方式来传入新的 props。 这就是React中的单向数据流 2.属性的特点 属性是描述性质、特点的，组件自己不能随意更改，必须由父组件进行更改 3. ......

相似点： 都是纯js对象，都会触发render更新，都具有确定性（状态/属性相同，结果相同） 不同点： 1. 属性能从父组件获取，状态不能 2. 属性可以由父组件修改，状态不能 3. 属性能在内部设置默认值，状态也可以，设置方式不一样 4. 属性不在组件内部修改，状态要在组件内部修改 5. 属性能设 ......

这次的题都是什么怪物！！！ Short Colorful Strip 因为 \(n=m\)，所以最终的形态一定是 \(n\) 的一个排列。 根据题意，发掘几个性质： 一个区间染色，一定最先对其中颜色最小的染色。 染色要求覆盖的点颜色完全相同。 对于第一次来说，先找到颜色为 \(1\) 的点，位置是 ......

效果： 代码： /** * 复制浏览器内容 * @param templateString 需要复制的内容 */ export const copyBrowerString = (templateString: string) => { const textArea = document.creat ......

React 中复制静态文件到 build的文件夹中 环境：umi 框架 前提：在跟目录下放置了Dockerfile 文件，在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 2. .umirc.ts 文件中使用copy命令 import { d ......

初学Bokeh：定义坐标轴范围【18】跬步 定义坐标轴范围 为绘图绘制坐标轴时，Bokeh 会自动确定每个坐标轴需要覆盖的范围，以便显示所有值。 例如，如果您的 y 轴上的值介于 2 和 17 之间，Bokeh 会自动创建一个范围从略低于 2 到略高于 17 的 y 轴。 如果，需要手动定义轴的范围 ......

IPTABLES 目录IPTABLES1、防火墙介绍2、数据传输3、iptables前提-->路由小实验4、iptables介绍5、iptables原理1.五条链2.五个表3.表中链（重要）4.链属表5.四表规则6、补充6、iptables实验7、防火墙的备份与还原8、内、外网之间的需求访问 网络设 ......

一、复制原理 主服务器将更新写入二进制日志文件，并维护文件的一个索引以跟踪日志循环。这些日志可以记录发送到从服务器的更新.当一个从服务器连接主服务器时，它通知主服务器从服务器在日志中读取的最后一次成功更新的位置。从服务器接收从那时起发生的任何更新，然后封锁并等待主服务器通知新的更新。 MySQL使用 ......

React.PureComponent 是 React 的一个组件，主要用于性能优化，可以避免不必要的渲染。它的主要特点是： 如果组件的 props 和 state 没有发生变化，则不会重新渲染(此处原理类似React.memo)。 可以自动检查深层对象和数组，判断其是否需要重新渲染（是深层比较)。 ......

React.usecallback与React.memo的区别： React.useCallback 和 React.memo 是两种不同的优化方式： 主要功能： 它们都可以避免不必要的渲染，提高 React 应用的性能。 React.useCallback 是 Hoc（高阶组件）的解决方案，可以用 ......

教程推荐 平台慕课网 博主正在创建网站，招募一批前端+Laravel开发的自学团队，无偿提供大量课程，前期当徒弟后期当同事未来未来希望是合作者。欢迎参观：ihopeso.cn React18+Next.js13+TS，B端+C端完整业务+技术双闭环 前端框架及项目面试－聚焦Vue3/React/We ......

直播小程序源码，react-native自定义文本输入框 Examples from props: ... _onChange = (label, value) => { this.setState({ [label]: value }); }; render() { return ( <View ......

console.log('JavaScript中大于Math.pow(2, 53)的数，如何进行进制转换？') // 示例 console.group('示例') console.log('使用bignumber.js库完美解决。[https://github.com/MikeMcl/bignumb ......

在 React 应用程序中我们遇到以下警告消息： Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your applica ......

1.数据库表 zt_story 添加自定义字段 extraNumber 2.扩展 module 下的 story 扩展config 在 extension/custom 新建 story/ext/config/test.php (名字随意),内容 <?php $config->story->data ......

里面的字段实际上是从 product 模块取的,只需要扩展product的config就可以了 在 extension/custom 新建 product/ext/config/test.php 名字随意 <?php $config->product->search['fields']['extra ......

1、配置apt-mirror配置文件 cat>/etc/apt/apt-mirror<<EOF root@Huawei-sources-list:/etc/apt# cat mirror.list ############# config ################## # #set base ......

一 文件权限 4.2 ACL权限 1.先创建一个文件 通过getfacl命令可以查看ACL权限（和ll命令查看到的内容差不多） 2.setfacl命令可以设置ACL权限，对每一个文件or目录进行更精确的权限设置，添加“-m”参数可以修改当前文件的ACL权限。（用ll查看文件时，权限字符位最后出现“+ ......

官方文档：https://reactnavigation.org/docs/navigating-without-navigation-prop/ 修改APP.js import { NavigationContainer } from '@react-navigation/native'; imp ......