闭包 陷阱react hook
pytest---hooks获取到用例执行结果（pytest_runtest_makereport ）
前言 自动化测试用例在执行完成后，我们想要很清楚的查看到测试用例的执行结果，我们可以通过pytest中的hooks来进行获取吗，其中pytest中存在多个hooks的函数，小编今天先简单介绍其中一种，通过pytest_runtest_makereport 获取自动化测试用例的执行情况 获取用例结果 ......
Frida注入微信hook入门篇
# 首先找到frida官网 > 地址：https://frida.re/ # 安装python环境 > 此处为win系统，需要根据自己环境进行安装 如输入python后输出版本号即安装成功 ``` C:\Users\ASUS>python Python 3.11.4 (tags/v3.11.4:d2 ......
React Router@3.x 升级到 @6.x 的实施方案
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：景明 ## 升级背景 目前公司产品有关 react 的工具版本普遍较低，其中 react router ......
什么是React？React与VU的优缺点有哪些？
什么是React？什么是VUE？ 维基百科上的概念解释，Vue.js是一个用于创建用户界面的开源MVVM前端JavaScript框架，也是一个创建单页应用的Web应用框架。Vue.js由尤雨溪（Evan You）创建，由他和其他活跃的核心团队成员维护。 2016年一项针对JavaScript框架的调 ......
Ant Design Pro项目启动报can not resolve dependence：’…/node_modules/@umijs/renderer-react‘
### 前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 封装的一整套企业级中后台前端/设计解决方案。 ### 坑位 今天启动项目报如下图 和类组件(Class Component)；根据组件内部是否有状态需要维护，可以分成：无状态组件(Stateless ......
frida hook md5加密类
import frida,sysdef on_message(message,data): if message['type'] == 'send': print("[*] {0}".format(message['payload'])) else: print(message)jscode ......
React—02—描述UI
不要在渲染dom的时候修改数据，否则可能会触发重新渲染。 React 提供了 “严格模式”，在严格模式下开发时，它将会调用每个组件函数两次。通过重复调用组件函数，严格模式有助于找到违反这些规则的组件。 我们注意到，原始示例显示的是 “Guest #2”、“Guest #4” 和 “Guest #6” ......
React Hook 的闭包陷阱
参考文章 1. 从react hooks“闭包陷阱”切入，浅谈react hooks 2. 一文讲透 React Hooks 闭包陷阱 Hooks Hooks 是 react 自 16.8 引入的新特性，使得开发者在摆脱 class 定义组件的同时，也能够进行状态管理。这样，react 组件完全进入 ......
python闭包
```python # # py_decorator.py # py_learn # # Created by Z. Steve on 2023/8/8 08:34. # # 装饰器：本质闭包。在不破坏原目标函数原来代码和功能的前提下，为目标函数增加新功能。 # 定义一个闭包函数, 在闭包函数内部执 ......
python 闭包
```python # # py_closure.py # py_learn # # Created by Z. Steve on 2023/8/8 07:17. # # 闭包: # 1. 概念相关 # 闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment ......
React与VUE究竟谁会取代谁?
最近在许多技术社区,很多人在讨论React会不会被VUE取代的问题, 就我过去的个人经验而言, 两者各有优势, 不存在谁被谁取代的问题. vue就是一个js库，并且无依赖别的js库，直接引入一个js文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐 ......
react + electron项目的一些小知识
1、在终端输入 webpack -v 是到全局查找webpack 2、index.html里的代码要换成线下代码，不然修改不生效 3、要运行 webpack --watch 启动热加载，不然修改的代码不会重新打包 4、再打开一个终端运行 npm start ......
[React Typescript] Ensure correct inference for prop types with satisfies & ComponentProps
import { ComponentProps } from "react"; import { Equal, Expect } from "../helpers/type-utils"; const buttonProps = { type: "button", // @ts-expect-err ......
【腾讯云 Cloud Studio 实战训练营】基于Cloud Studio构建React完成点餐H5页面
 ### 前言 * 最近也是有机会参与到了腾讯云举 ......
【15.0】Vue之Hook实现打点
# 【一】JS代码 - `\src\hook\UsePoint.js` ```js import {onBeforeUnmount, onMounted, reactive} from "vue"; export default function () { let point = reactive( ......
【JavaScript15】闭包
## 什么是闭包 - 闭包(closure)是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰，即形成一个不销毁的栈环境。 - 闭包的特性： - 函数嵌套函数 - 内部函数可以访问外部函数的变量 - 参数和变量不会被回收。 # 为什么要有闭包？ - 1、先来看一段 ......
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）
因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺，不如通过一些工具来进行规范和约束。 ### eslint eslint 是一个代码 ......
用React仿钉钉审批流
# 引言 这几天帮朋友忙，用了一周时间，高仿了一个钉钉审批流。这个东西会有不少朋友有类似需求，就分享出来，希望能有所帮助。为了方便朋友的使用，设计制作的时候，尽量做到节点配置可定制，减少集成成本。如果您的项目有审批流需求，这个项目可以直接拿过去使用。React初学者也可以把本项目当做研读案例，学习并 ......
[刷题笔记] LuoguP1156 垃圾陷阱
[Problem](https://www.luogu.com.cn/problem/P1156) ### Description 题目描述了几个状态，我们来理顺一下： 一头牛掉进了坑里，农夫会**在几个时段向下扔垃圾**，牛初始可以撑10h，对于每一个垃圾，牛可以: - 把它堆起来，一旦垃圾堆的高 ......
直播app hook解密
> 文章备份，写于2022-8-5 通过Bytecode-Viewer反编译APP，搜索X-arg字段得到加密方法  is a programming concept where an ideal,or "virtual",representation of a UI is kept in memory and ......
react实现导出文件，导出文件格式为json或excel格式
1.导出文件为json文件 下载 file-saver 模块 import { saveAs } from 'file-saver';注：data代表请求的数据 格式为[{},{},{}...] //导出 const handleExport = async () => { let { data } ......
React h5架构
# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [React h5架构](#react-h5架构) - [工具](#工具) - [技术栈](#技术栈) - [搭建流程](#搭建流程) - [一、Vite构建项目](#一vite构建项目) - [二、添加 git](# ......
react使用tailwind.css
> Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex，pt-4，text-center和 rotate-90 这样的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。官网：https://tailwindcss.com/ ## 1.安装 - 以 vite + ......
React—01—基本学习
React 组件是返回标签的 JavaScript 函数： 哪个组件是通过改变 state 实现可响应的，或者哪个组件拥有 这个 state。 然后我们需要确定吧这个state是放在这个组件，还是放在父组件（如何多个子组件都会受到相同state影响，那么需要放到父组件里统一管理）。 如何安装一个re ......
vite 项目webstorm跳转失效 VSCode、vue 无法对 @ 路径 跳转 ，几乎适用于所有webpack、vue、react项目
在根目录加一个jsconfig.json文件 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, ......
react中简单使用echarts图表
1：下载echarts-for-react插件 2：组件内引入 import ReactEchatrs from 'echarts-for-react' 复制echarts官网图表的option 例如：柱形图的option react组件内 定义函数存放复制的option 并返回 import Re ......
【salesforce】生命周期（Lifecycle Hooks）
知识点来源url：https://developer.salesforce.com/docs/component-library/documentation/en/lwc/reference_lifecycle_hooks 项目中常用以下固定方法名来命名页面初始化方法：connectedCallba ......