个人所得税 所得税react个人
【教程】React Native 应用中的代码混淆与安全性管理
混淆是指对源代码进行加密、重命名等操作，以增加代码的复杂度，使其难以理解和反编译。 在React Native中，混淆可以通过以下步骤实现： 1. 将JavaScript源代码转换为基于本机平台的二进制代码，可以使用工具如Metro Bundler或babel进行转换。 2. 使用混淆工具，例如 ......
【代码混淆】react-native 代码混淆
【代码混淆】react-native 代码混淆 使用react native开发app，实现代码混淆的操作。 无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以 ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
面对游戏新政，个人开发者如何突围
最近国家发布了针对游戏行业的限制意见稿，具体内容，相信大家都已经了解了，不同的人,坐在不同的位置,有不同的解读，游戏厂商与相关行业股票下跌,微信抖音小游戏没有版号但靠广告收益的小游戏开发公司也非常焦虑, 想利用自己的编程技术，通过游戏创业或增加收入的个人开发者更是感觉所有的路子都堵死了。屁股决定脑袋 ......
react_hooks系列 useMemo
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下： 原因：安装React Developer Tools导致的，关闭这个插件就行 ......
2023第七届强网杯 个人题解
27 htppy Spring 评价: 相对简单，放出来的晚，做的出来的人相对比较少 大致流程是可以上传.pebble模板文件，然后通过访问上传的恶意模板文件进行rce。 首先上传恶意模板文件，经过几次尝试，黑名单过滤了，org.springframework.context.support.Cla ......
React 之使用 antd 实现全局 loading
使用 antd 的 Spin 实现 Loading 代码如下： fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 ......
react问题集
视图层报错 分析原因：当渲染子组件AuthMenuAdd时，导致Com组件无法更新。并没有明确的具体原因。经排查： 如何让子组件在父组件加载完或一定条件下才开始加载？ （1）类组件可以用 shouldComponentUpdate ； （2）函数组件可以通过useEffect监听redux（使用us ......
数据可视化对个人用户是否具有实用价值？
当谈论到数据可视化对个人用户的实用价值时，很多人可能会想到它仅适用于企业或专业领域。然而，数据可视化对个人用户同样具有重要的实用价值。本文将从可视化从业者的角度出发，简单说说数据可视化对个人用户的实用价值。 ......
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
React项目中报错：Parsing error: The keyword 'import' is reservedeslint
记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 这个错误通常发生在你尝试在一个不支持 ES6 模块语法的环境中使用 import 关键字。 ESLint 默认使用的是 ES5 ......
高等数学学习笔记 | 1.关于学校课时安排和个人学习方式的体会
高等数学是一门基础课，是一门非常基础的大学课程。 基础到什么程度呢？几乎每个专业的同学都有学习这门课的内容，同时这门课具有比较高的学分比重。 而且高等数学也是考研数学中占比很高的一部分。 这就导致了一个现象，首先，高等数学的应试化体系已经非常成熟了，但是学生们仍然感到学习障碍大。 一部分学生投入了很 ......
React Hooks的使用规范和最佳实践
React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
个人老师可直接使用的在线授课软件
Flat 在线教室 —— 个人老师可直接使用的在线授课软件，开箱即用。前后端完全开源，快速搭建简约美观的在线教室。支持 Web 端、Windows 客户端与 macOS 客户端。 ......
宝塔面板搭建部署wordpress个人网站实现无公网即可远程访问(小白建站福音!!)
WordPress是一个非常灵活和强大的博客建站平台，适用于各种不同类型的网站建设需求。 简单几步实现宝塔面板结合cpolar工具实现无公网远程访问,无需云服务器即可发布自己的网站到公网访问 1. 环境安装 wordpress运行需要PHP环境,我们在宝塔商店中我们搜索PHP8.0 版本安装 然后安 ......
100道React高频题整理(附答案背诵版)
1、简述React有什么特点？ React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React有以下几个主要特点： 声明式设计： React采用声明式设计，让代码更易于理解，且方便调试。你只需描述出你希望程序的最终状态，React会自动确保用户界面与你描述的状态保 ......
数据可视化对个人用户有什么帮助？
数据可视化是一种强大的工具，不仅可以为企业和专业人士提供见解，也对个人用户带来了许多实际的帮助。下面我就以一个数据可视化从业者的视角，来谈谈数据可视化对个人用户的益处： 首先对于个人用户来说，数据可视化可以让平时接触的数据更易于理解。它能够将数字转化为图形或图表，为用户提供更清晰直观的视觉展示，让个 ......
react native 中使用 Expo Haptics 实现长按按钮获得震动反馈效果
一、背景： 项目中有长按按钮开始录音功能，需要在长按开始时添加一次震动反馈以提高用户体验。由于项目使用expo开发，所以找到了 Expo Haptics 库。 二、使用过程： 1. 安装： npx expo install expo-haptics 2. 引入并使用： import * as Hap ......
让你 React 组件水平暴增的 5 个技巧
让你 React 组件水平暴增的 5 个技巧 神说要有光 关注他 你经常看 TA 的内容 最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）： ......
React 精简代码指南（译）
React 精简代码指南（译） 大家的林语冰 bilibili@人猫神话 | 公众号@人猫神话 关注他 你经常看 TA 的内容 展开目录 大家好，这里是大家的林语冰。本期《前端翻译计划》共享的是使用最佳实践和已验证技术增强您的 React 开发。 免责声明本文属于是语冰的直男翻译了属于是， ......
React拖拽插件：react-beautiful-dnd
本篇文章主要介绍react-beautiful-dnd，它是基于react的拖拽插件 接下来会从以下几个方面来介绍react-beautiful-dnd 安装使用 API介绍 Example 1. 安装使用 首先我们需要安装react-beautiful-dnd # yarn yarn add re ......
Reducer的理解--React状态管理Reducer
这篇博客主要从以下几个方面来介绍我对Reducer的理解 什么是 Reducer 函数 useState 重构成 useReducer 使用Reducer的业务场景 1. 什么是 Reducer 函数 对于组件过于分散的事件处理程序，可以将组件的所有状态更新整合到一个外部函数中，这个函数被称为 re ......
部署K8S(个人记录 很乱)
顺便回顾一下Linux的知识点 都忘完了快 ip addr 获取ip地址 无IP4地址 解决方法 vi /etc/sysconfig/network-scripts/ifcfg-ens33 修改配置文件 ONBOOT=NO改为YES 参数说明 表示在系统启动时不自动激活该网卡设备 这意味着系统启动时 ......
React useEffect 在组件挂载时运行了两次
在使用 useEffect 这个 hook 时，发现useEffect会执行2次 useEffect(() => { console.log("执行 useEffect"); }, []); 控制台输出： 执行 useEffect 执行 useEffect 查看 疑难解答 官方文档，官方解释如下： ......