react 18

### 1、wsl-ip.bat脚本 ``` @echo on REM 先关闭虚拟子系统 wsl --shutdown REM 以下的Ubuntu为第2步查到的Linux子系统名称 REM IP地址根据自己的需要配置 wsl -d Ubuntu-18.04 -u root ip addr del $ ......

> 效果预览  > 关键代码 ```javascript //调节窗口大小 useEffect(() => { if (conref.current) ......

# 何为useRef useRef是随着react函数式组件发展而来的，是react众多官方hook中的一个，调用useRef可以返回一个伴随这组件整个声明周期不发生改变的对象，这个对象常见的用途有两个： - 用于绑定dom元素，从而实现对dom元素的操作 - 用于保存不希望随着组件重新渲染而改变的 ......

1.react-flow react-flow是一个用于构建基于节点的应用程序的库。这些可以是简单的静态图或复杂的基于节点的编辑器。同时react-flow支持自定义节点类型和边线类型，并且它附带一些组件，可以查看缩略图的Mini Map和悬浮控制器Controls. 2.react-flow安装 ......

## 一、不安全Rust 不安全Rust：涉及Rust的某些安全保障并负责手动维护相关规则。 不安全Rust之所以存在是因为静态分析从本质上讲是保守的。当编译器在判断一段代码是否拥有某种安全保障时，它总是宁可错杀一些合法的程序也不会接受可能非法的代码。另一个需要不安全Rust的原因在于底层计算机硬件 ......

## 前言 之前开发重构项目的时候，遇到了一些问题， 如 `hooks` 的性能问题和 `quill` 的重载问题。本文就是记录这些问题的解决过程。 ## 场景 在基于富文本的输入场景中，我们发现在输入回车后会出现明显的卡顿现象。为了更好地展示此类场景，这里使用了一个简单的例子展示。 ```tsx ......

这不，前段时间公司来了个00后，工作都没两年，跳槽起薪18K。本来还以为是个年少有为的技术大牛呢，结果相处一个月下来发现技术也就那样。 问起他是如何做到和老板谈到18K的，他说面试发挥的好，还分享了一些面试小妙招，果然面试时候要注意说话技巧。能吹牛也是一种本事。 ......

2月初我入职了深圳某家创业公司，刚入职还是很兴奋的，到公司一看我傻了，公司除了我一个测试，公司的开发人员就只有3个前端2个后端还有2个UI，在粗略了解公司的业务后才发现是一个从零开始的项目，目前啥都没有什么都需要自己搭建，我就提出人手不够需要在招一个测试，由于咱公司就我一个测试所以就让我来当面试官。 ......

React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......

官网：https://apt.llvm.org 一、添加源： 根据官方页面提示，找到系统分类，ubuntu 18.04 源： - deb http://apt.llvm.org/bionic/ llvm-toolchain-bionic main deb-src http://apt.llvm.or ......

十八关是一个先上传后验证配合逻辑漏洞产生的条件竞争方法 上传php文件进行抓包 抓包发送到攻击模块 因为攻击时会检测到php文件并会删除所以攻击同时再打开另一个浏览器去访问那个文件路径 这样访问成功就不会被删除进行攻击清除选中点击开始 工具会一直上传 但是网站的服务器一直删除，我们在另一个浏览器打开 ......

打开SQLPlus 请输入用户名: sys/"安装时设置的密码"@XE as sysdba 连接到: Oracle Database 18c Express Edition Release 18.0.0.0.0 - Production Version 18.4.0.0.0 新建用户并授权： SQL ......

不知道为啥xfce不默认安装orage。按照官网https://docs.xfce.org/apps/orage/start#latest_release,记录安装过程。 1, 下载源码，https://mirror.netcologne.de/xfce/src/apps/orage/4.18/or ......

按步骤走，不带脑子式安装(注意4.0版本mongodb官方已经不再支持，以下代码中可以修改mongodb版本号安装，目前最新版为6.0，如果懒得改直接用也可以，文章后边第三章第一条代码会直接升级为最新版本mongodb)： **1.导入包管理系统使用的公钥** ```powershell wget ......

对于有多个应用系统的企业来说，每一个应用系统都有自己的用户体系，这就造成用户在切换不同应用系统时，就要多次输入账号密码，导致体验非常不好，也造成使用上非常不便。 针对这个问题，我们就可以采用单点登录的机制，只需用户登录一次，就可以实现切换到不同的应用系统，不需重新登录验证。 下面给大家推荐一套单点登 ......

之前写过一篇react项目添加mock的文章，在文章中说的mock代码是打包配置的时候写入的，这种方式导致每次修改mock数据后都需要重新启动服务才能获取到新的mock数据。 今天使用另外一种方式来实现开发过程中的数据mock。 在项目中安装 axios和mock.js两个框架 然后在webpack ......

react项目在不暴露配置文件的情况下修改打包配置需要用到 react-app-rewired和customize-cra 包对打包配置文件进行修改。 添加自定义环境变量有两种方法： 方法1：使用dotenv-cli 1、运行 yarn global add dotenv-cli 全局安装 dote ......

高亮原理 我们在百度，京东搜索时，关键字会变成红色，比较醒目，这叫高亮显示： 高亮显示的实现分为两步： 1）给文档中的所有关键字都添加一个标签，例如<em>标签 2）页面给<em>标签编写CSS样式 实现高亮 语法 注意 高亮是对关键字高亮，因此搜索条件必须带有关键字，而不能是范围这样的查询。 默认 ......

# React笔记-Hooks(九) ## Hooks ### 概念 >React Hooks 的意思是 组件尽量写成纯函数 如果需要外部功能和副作用 就用钩子把外部代码"钩"进来 ### 函数组件和类组件区别 >- 函数组件没有状态(state) 类组件有 >- 函数组件没有生命周期 类组件有(挂 ......

React Native与小程序容器技术的结合为移动应用开发提供了更广阔的可能性，促进了开发效率和用户体验的提升。开发者可以根据项目需求和技术栈选择适合的技术组合，为用户带来更优质的应用体验。 ......

没有设置路径别名之前代码是这样的： ```javascript import { px2dp } from '../../utils/screenKits'; ``` 路径相当冗长，看着就头疼。增加了路径别名之后，变成这样 ```javascript import { px2dp } from '~ ......

react-naive工作原理是从react的工作原理衍生出来的 ## react的工作原理 在react中，virtual dom 就像一个中间层，介于开发者描述的视图与实际在页面上渲染的视图之间。为了在浏览器上渲染出可交互的用户界面，开发者必须操作浏览器的Dom，这个操作代价昂贵，过度操作dom ......

// Imagine NavBar is an external library! export const NavBar = (props: { title: string; links: string[]; children: React.ReactNode; }) => { return <d ......

Using Omit import { ComponentProps } from 'react'; import { Equal, Expect } from '../helpers/type-utils'; export const Input = ( props: Omit<Component ......

Relevant for components that accept other React components as props. export declare interface AppProps { children?: React.ReactNode; // best, accepts ......

一、查看Docker IP 进入Docker l@l-VirtualBox:~/sdk-a1000-docker/BST-HS-Linux-SDK-<Version>/sdk/SDK-Docker-fad-<Version>$sudo ./run_docker.sh a1000b-sdk-fad-< ......

大道至简，知易行难 知道原理或者道理很简单，但是执行起来却是很难，为什么呢？ 削减其实是一件很痛苦的事，比如一家企业里，有几个项目都运行良好，但是其中有些项目的前景空间很小，此时做企业的老板会做什么样动作呢？是继续并行这些项目，还是利剑砍乱麻，把前景不太好的砍掉，重点在运作前景好的项目呢？这个选择其 ......

Ubuntu18.04使用Systemback制作系统镜像并还原 1.下载Systemback工具 （1）要在Ubuntu 18.04或Ubuntu 18.10系统上安装systemback，首先删除PPA： sudo add-apt-repository --remove ppa:nemh/sys ......

参考：[Building a WebGL Carousel with React Three Fiber and GSAP](https://tympanus.net/codrops/2023/04/27/building-a-webgl-carousel-with-react-three-fibe ......

# React 是什么 ### 简介 - 用于构建 Web 和原生交互界面的库 - React 用组件创建用户界面 - 通俗来讲：==是一个将数据渲染为HTML视图的开源JS库== ### 其他信息 - Facebook 开发，并且开源 # 为什么使用React? - 原生JS使用DOM-API修改 ......