闭包 陷阱react hook

React 性能優化:使用 memo、useCallback、useMemo

在寫網頁時,我們通常習慣把一個頁面切割成很多的元件 (Component) ,讓我們容易組織與管理頁面的組成。但是在 React 中複雜的元件關係,如果沒有經過優化,將有可能會造成性能上的問題。 在 Function Component 中,重新渲染 (re-render) 很輕易就會被觸發,少量的 ......
useCallback 性能 useMemo React memo

react-native 调用系统原生分享

调用手机系统原生分享如下图 使用: react-native-sharereact-native-share官网 ......
react-native native 系统 react

React实现双向数据绑定

```html React实现双向数据绑定 ``` ......
双向 数据 React

react经典面试题解析--持续更新--day02

## 二十一、高阶组件的使用场景 1、数据获取:高阶组件可以在组件挂载时自动获取数据,并将数据通过 props 传递给被包装组件。 2、权限控制:高阶组件可以检查用户是否有访问该组件的权限,从而决定是否渲染该组件。 3、代码重用:高阶组件可以通过封装一些常见的逻辑,来提高代码的复用性。 4、状态管理 ......
经典 react day 02

Error in onReady hook: "TypeError: Cannot read properties of undefined (reading 'setRules')" found in

使用弹出层过程中 使用form表单增加 rules报错 解决方法:https://www.dianjilingqu.com/391974.html 可参考,是否有用未验证。 ......
quot properties TypeError undefined setRules

利用react-json-view最JSON数据进行渲染

##1.安装 ```js npm install --save react-json-view ``` ##2.使用 ```js import ReactJson from "react-json-view"; const A = () => { let src = { "content-lengt ......
react-json-view 数据 react json JSON

React - fbemitter 广播

前言 fbemitter相当于是一个作用在全局的监听器 可用于想触发某个组件的函数可以通过开启监听来触发 正式开始~ 1.准备工作 npm install fbemitter 2.我一般实例化提出来单独作为引用文件 // 我这里把文件的名字定义为 singleton.js import { Even ......
fbemitter React

react 进度条

## 最终结果图 ![](https://img2023.cnblogs.com/blog/1288761/202306/1288761-20230619100420569-1298828003.png) ###### 还是直接上代码哈,我这里直接用的react的hook写的,最近这一年没怎么又时间 ......
进度 react

code patch hook

## code patch hook 今天在逆向分析一个程序的时候接触到了code patch hook,其实这个hook技术我在接触逆向之初就已经知道了,但是今天遇到的有点特殊 ### code patch hook 原理是通过修改api的前5个字节,jmp到自己的函数 #### 当用户调用api ......
patch code hook

React SSR - 写个 Demo 一学就会

# React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`,帮助理解 `SSR` 是如何实现的,有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染,是指将网页内容在服务器端 ......
React Demo SSR

React环境搭建

##### 安装node.js ##### 全局安装create-react-app ``` shell npm install -g create-react-app ``` ##### 检查create-react-app版本 ``` shell create-react-app -V ``` ......
环境 React

react经典面试题解析--持续更新--day01

# 一、类组件和函数组件的区别(面试常考) ## 简单理解(所有同学都要掌握) 1、类组件有生命周期,函数组件没有 2、类组件需要继承 Class,函数组件不需要 3、类组件可以获取实例化的 this,并且基于 this 做各种操作,函数组件不行 4、类组件内部可以定义并维护 state, 函数组件 ......
经典 react day 01

Day03 3.2 HOOK

# Day03 3.2 HOOK ## 【一】hook框架frida - Hook 框架是一种技术,用于在运行时拦截和修改应用程序的行为。 - 通过 Hook,你可以劫持应用程序的方法调用、修改参数、篡改返回值等,以达到对应用程序的修改、增强或调试的目的 - 常见的有: - `Xposed Fram ......
HOOK Day 3.2 03

利用react-resizable实现antd表格头宽度可以拖拽调节

## 1.创建ResizeAbleTable文件夹 ### 1.1 index.js ```js import {Table} from "antd4" import React, {useEffect, useState} from "react" import {Resizable} from ......

react性能优化篇之umi.js打包去掉console和开启gzip压缩

react性能优化篇之umi.js打包去掉console和开启gzip压缩 工边页字 2022年05月31日 17:33 · 阅读 1162 本人已参与「新人创作礼」活动,一起开启掘金创作之路。 前言 本次打包针对react --version 17.0.2 和 umi --verison 3.5 ......
性能 console react gzip umi

React Native 学习(1)window安装本地环境

参照官网说明,地址:https://reactnative.dev/docs/environment-setup 注意事项: 1. 尽量用最新版本React Native 2. 尽量用最新版本node,多版本的node,可以用nvm-window进行管理切换 3. 修改android/build.g ......
环境 Native window React

编码陷阱

1. 初始化 对象数组的创建最好一次性创建出来,单个new,地址不连续不相关,容易形成陷阱。 对函数的返回值在函数开始处需要进行初始化,放置在过程中出错返回,导致程序崩溃。 2. localtime localtime返回tm指针,对象是由内核创建,只有一个对象,mktime会更新localtime ......
陷阱 编码

react 的ant design组件库 Table分页选择上/下一页复选框选中丢失问题解决

官方有以下注释: 当使用 rowSelection 时,请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key,当数据被删除时仍然保留选项的key。(删除一行表格数据需要手动删除选中的key值,否则原选中key数组值会保留删除的那个条数据的值) 具体用法 ......
组件 design 问题 react Table

React Redux preview

Notes: 1. With reducers in place, Redux will know how to make changes to the store when actions are dispatched. In a moderately complex app, you’ll us ......
preview React Redux

路由配置-react

# 路由配置 ## 一、简单的配置 ### 1.安装 ```js npm i react-router-dom; ``` ### 2.配置APP.js ```javascript import React from "react"; import { Router } from './routers ......
路由 react

java陷阱之不可忽视的错误日志

经常监控常用的错误日志进行修复 如:java.lang.NullPointerException 发版后监控错误日志和发版前的做对比 快速发现版本bug并修复 ......
陷阱 错误 日志 java

理解C#中的闭包

1、 闭包的含义# 首先闭包并不是针对某一特定语言的概念,而是一个通用的概念。除了在各个支持函数式编程的语言中,我们会接触到它。一些不支持函数式编程的语言中也能支持闭包(如java8之前的匿名内部类)。 在看过的对于闭包的定义中,个人觉得比较清晰的是在《JavaScript高级程序设计》这本书中看到 ......
闭包

react扩展

## 1. setState ### setState更新状态的2种写法 ``` (1).setstate(statechange, [callback])--对象式的setState 1.statechange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数,它在 ......
react

如何使用三个有用的工具提升你的React技能

自 2013 年发布以来,React.js 一直是使用最广泛的 JavaScript 工具之一,这要归功于其无与伦比的多功能性和效率。 在其基于组件的架构和虚拟 DOM 实现的支持下,React.js 在构建现代动态 Web 应用程序方面表现出色。它使开发人员能够创建可重用的 UI 元素,从而提高生 ......
有用 技能 三个 工具 React

Lua闭包

1.前言 一等函数:函数用起来和其他类型的值(比如数字或者字符串)没什么分别,比如说可以把函数存储在数据结构里、赋值给变量、作为参数传递给其他函数或者作为返回值从其他函数里返回等。 比如Lua的写法: 高阶函数:如果一个函数以其他函数为参数,或者返回其他函数我们称这个函数为高阶函数。反之,我们称这个 ......
闭包 Lua

React Native In Action中的demo的运行

我用了最新的xcode和新的react native。 Chapter6: Navigation 这一章中的事例跑不起来,应该是程序用了就的版本的react navigation ("react-navigation": "^2.0.1"),同时关于Navigation的用法也做了不小的改动,因此需 ......
Native Action React demo In

torch.nn.Module.register_forward_hook使用

本文简单介绍 torch.nn.Module.register_forward_hook钩子函数的使用,简单写了一个卷积的网络,在net.conv1.register_forward_hook注册钩子函数,则会有module、输入input数据与卷积后输出数据output,重点说明module是关于 ......

torch.nn.Module.register_forward_pre_hook使用

本文简单介绍 torch.nn.Module.register_forward_pre_hook钩子函数的使用,简单写了一个卷积的网络,在net.conv1.register_forward_pre_hook注册钩子函数,则会有module与输入input数据,重点说明module是关于模型结构se ......

Python: json object_hook object_paire_hook

data = '[{"foo": "bar", "foo": "baz", "b": 99}]' json.loads(data, object_hook=print) json.loads(data, object_pairs_hook=print) ......

Ajax-hook之百度图片测试

/* Ajax-hook是一种比较实用的技术,它可以自定义XMLHttpRequest中的方法和属性, 覆盖全局的XMLHttpRequest。当网站在使用Ajax请求动态渲染时,开发者可以对其中的 请求参数和响应数据进行任意修改和展示,有些类似前面讲过的本地覆盖,区别是这里 会去调用原本的XMLH ......
Ajax-hook 图片 Ajax hook