react优缺点
react项目经验，以及一些骚写法
语法糖 1.const logged = !!getToken(); 这里的`!!`是求布尔值的快捷方式 类似的： 2.var a=b*1 是转数字的快捷方式 3.var a=b+'' 是转字符串的快捷方式 架构相关 1.webpack 2.qiankuan 通过package.json 可以查看r ......
使用hook封装表格常用功能（react）
实现内容 配置分页：usePagination 生成过滤项：useFilter 获取表格选择配置：useSelect 生成批量删除按钮：useDelete 生成模态框：useModal 示例 render部分： <React.Fragment> <Form layout="inline"> {Del ......
react 文件选择器
export type FileSelectorType = { emit: boolean; type: "file" | "dir"; callBack: (path: string, fileList: FileList) => void; }; export const FileSelect ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
【 react 】《 React实现图片比对效果 》
这里使用 img-comparison-slider 组件进行实现，官网地址如下 https://img-comparison-slider.sneas.io/examples.html#always-show 实现效果 拖动中间分割线来切换展示旧图片与新图片 安装组件 ## 安装组件 npm in ......
React 页面崩溃问题
今天遇到一个页面崩溃问题，很神奇的是初始化打开的时候会崩溃，但是切到其他内容，再切回来又好了 因为 React 是 prod 的版本，所以报错其实没卵用，最后定位到这个代码上： 尝试了下，一个组件，return null 或者 return false 都是 work 的，但是 return und ......
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im ......
【教程】React Native 应用中的代码混淆与安全性管理
混淆是指对源代码进行加密、重命名等操作，以增加代码的复杂度，使其难以理解和反编译。 在React Native中，混淆可以通过以下步骤实现： 1. 将JavaScript源代码转换为基于本机平台的二进制代码，可以使用工具如Metro Bundler或babel进行转换。 2. 使用混淆工具，例如 ......
C#深度理解：数组、集合、哈希、字典、堆、栈 优缺点
一、数组 1、Array 固定数组 优点： 1). 快速访问：数组通过索引来访问元素，访问速度非常快，因为可以通过索引进行直接定位。 2). 内存连续存储：数组在内存中以连续的方式存储元素，这样有助于提高数据的读取和写入效率。 3). 多维支持：C#中的数组支持多维（二维、三维等）数据结构，可以用于 ......
【代码混淆】react-native 代码混淆
【代码混淆】react-native 代码混淆 使用react native开发app，实现代码混淆的操作。 无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以 ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
隐私计算：数据匿名化的优点和缺点
数据分析是如今商业社会业务运营的核心工具，节省成本的同时还可以深入了解用户偏好，通过定制产品来收获最大化收益。然而，企业持有的大量数据是用户的私有数据，可能会危及用户的隐私安全。 ......
Unity3D MVC框架和MVVM框架优缺点详解
Unity3D是一款非常流行的游戏开发引擎，它为开发者提供了强大的工具和功能，使得开发者能够轻松地创建各种类型的游戏。在Unity3D中，使用模型-视图-控制器（MVC）框架和模型-视图-视图模型（MVVM）框架可以更好地组织和管理游戏的逻辑和界面。 对啦！这里有个游戏开发交流小组里面聚集了一帮热爱 ......
react_hooks系列 useMemo
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
写原生SQL和使用ORM框架相比优缺点
一、写原生SQL 1.1 优点 理论上来说更可控，想怎么写就怎么写。 相对来说开发起来可能更快速 1.2 缺点 问题不好排查，可能会耗费更多时间 切换数据库，sql需要重新调整（各个数据库sql写法存在区别） 如果是数据结构中某个字段有修改，所有使用到当前数据库字段的地方都需要修改（特别是通过手写s ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
Grpc的内部原理、优缺点
gRPC 是一个高性能、开源和通用的 RPC 框架，面向移动和 HTTP/2 设计。gRPC 默认使用protocol buffers，这是Google开源的一套成熟的结构数据序列化机制（也可使用其他数据格式如JSON） 基于go的一种远程过程调用，RPC 框架的目标就是让远程服务调用更加简单、透明 ......
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导致的，关闭这个插件就行 ......
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 ......
POE供电技术和非POE供电技术的优缺点
POE供电技术和非POE供电技术各有其优缺点，具体对比如下： 安装方面：POE供电技术通过一根以太网电缆传输数据和供电，可以减少电源线和插座的需求，使得设备的安装更加简便和经济。而非POE供电则需要为每个设备安装独立的电源插座和电缆，布线成本较高，安装过程可能较为复杂。 灵活性方面：POE供电技术的 ......
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 ......
图片转换成base64格式的优缺点
前言什么是base64?Base64，顾名思义，就是包括小写字母a-z、大写字母A-Z、数字0-9、符号"+“、”/“一共64个字符的字符集，（另加一个“=”，实际是65个字符，至于为什么还会有一个“=”，这个后面再说）。任何符号都可以转换成这个字符集中的字符，这个转换过程就叫做base64编码。 ......
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 ......
100道React高频题整理(附答案背诵版)
1、简述React有什么特点？ React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React有以下几个主要特点： 声明式设计： React采用声明式设计，让代码更易于理解，且方便调试。你只需描述出你希望程序的最终状态，React会自动确保用户界面与你描述的状态保 ......