web3 web3-react web react
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
Meta3D -- 开源的Web3D低代码平台
大家好，Meta3D是开源的Web3D低代码平台，快速搭建Web3D编辑器，共建开放互助的web3d生态。
现在发布了v1.0版本 ......
Python+Selenium+Pytest+Allure+Jenkins实现的Web自动化框架
目录一、测试的项目二、需求分析三、用例设计-部分用例举例四、框架说明4.1 测试框架结构图如下：4.2 项目功能五、代码设计与功能说明5.1 POM简介：Page Object Modle页面对象模型5.2 基础封装层：pages/basePage.py5.3 PO页面对象层：pages/userL ......
react项目经验，以及一些骚写法
语法糖 1.const logged = !!getToken(); 这里的`!!`是求布尔值的快捷方式 类似的： 2.var a=b*1 是转数字的快捷方式 3.var a=b+'' 是转字符串的快捷方式 架构相关 1.webpack 2.qiankuan 通过package.json 可以查看r ......
22.Web自动化测试之Cookie登录
cookie 是什么 Cookie 是一些认证数据信息,存储在电脑的浏览器上 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息 为什么要使用Cookie自动化登录 复用浏览器仍然在每次用例开始都需要人为介入 若用例需要经常执行，复用浏览器则不是一个好的选择 大部 ......
21.Web 自动化测试之复用浏览器
复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中，存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器（特别注意） 输入启动命令，通过命令启动谷歌浏览器 找到 chrome 的启动路径（下一页 ppt）s 配置环境变量（下一页 ppt） ......
09.web 浏览器控制
目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
实验八-Web部署
1. 实验内容 openEuler中基于LAMP部署WordPress （1） 配置openEuler （2） 安装LAMP （3） 安装部署wordpress 2. 实验步骤 2.1 安装MobaXterm 2.2配置openEuler 在华为云openEuler 安装后，没有配置yum源，我们通 ......
Web自动化测试 - 元素定位失败如何解决
首先要读懂失败的原因： InvalidSelectorException 错误的定位表达式 Invalid...错误，大概率是脚本错误 NoSuch... 不存在 ...Not...无法操作 ...Intercepted...操作出现意外 错误：找出错误原因，改正错误即可 不存在： 是否曾经存在 是 ......
Web自动化测试原理
Web自动化测试原理： 通过控制浏览器进行一系列的自动化操作 浏览器驱动：用来控制浏览器： 是浏览器厂商开发 提供一系列的HTTP的接口 脚本 >HTTP接口 >浏览器驱动 内部API >浏览器 为什么使用Selenium？ 通过面向对象的方式，封装了这些内部接口，方便调用 Selenium 主要有 ......
Web自动化测试 - 验证码的处理
处理验证码一般会有以下几种方式： 1.关闭验证码功能 2.设置万能验证码 3.通过第三方平台识别验证码并返回 以超级鹰平台为例： 获取验证码图片 - 使用selenium提供的方法获取图片 driver.find_element(By.ID,"Verify_Code").screenshot("ve ......
使用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 ......
简单记录下python视频提取语音，语音转文字（web版本）
一、直接贴代码，有些离线文件需要下载，python依赖包也需要下载。 # coding=utf-8 from flask import Flask, render_template_string, jsonify, request from flask_cors import CORS from t ......
web信息收集----网站指纹识别
一、网站指纹（web指纹） Web指纹定义：Web指纹是一种对目标网站的识别技术，通过识别网站所使用的服务器、运行的脚本、安装的CMS等信息对目标进行精准的分类和定位。Web指纹识别可以帮助安全研究人员在安全测试中快速了解目标网站的基本信息，有助于搜索其相关漏洞。 二、CMS简介 内容管理系统（Co ......
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 ......
Web应用框架ABP技术分享
ABP技术分享 一、什么是ABP ASP.NET Boilerplate（ABP）是一个开源且有着完善文档的应用程序框架。它不仅仅是一个框架，还基于领域驱动设计提供了强大的架构模型，并考虑到了所有的最佳实践。 二、ABP 的关键特性和原则 2.1领域驱动设计（DDD） ABP鼓励使用DDD原则，帮助 ......
【C#代码调试】Asp Core Web Api 8.0 中断点命中不了
今天莫名其妙的发现断点命中不了，在一个不算大的项目里面，首先想到的是代码问题，经过后面注释大法的排查发现不是代码的问题，最后经过摸排发现是Vs2022 的问题，特此记录一下 在vs 中 找到调试-常规-防止模块加载时使用预编译映像 勾选就可以命中断点了 ......
web 应用 csk2
首页的查询 / 登录 认证 all page 的 查询 comment 的 评论表单 person 的 美化 各个页面的美化 高级功能 文档 视频 ......
给你一个网站，你如何来做自动化测试的？Web网站测试流程及方法
我想大多数开始进行web端页面测试的人，一开始会的都是在页面上点点点，然后一看到页面上有什么图片失效啊，页面遮挡就觉得是找到了大bug；一开始我也是这样，尽管我很谨慎，很仔细，把页面上的每一个角落都看了几十遍，依然没有把页面上的点点点测好，当时真的是每天都过得提心吊胆。那给你一个网站，究竟应该如何测 ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-36-处理web页面定位toast-下篇
1.简介 按理说，现在这种一闪而过的toast的已经相当普及或者是见怪不怪了，应该网上的大网站会用到的，偶然的在一次租房中，看到了这种场景，所以宏哥决定将其拿来主义，进行演示实践一下。 2.租房网站 事先声明啊，宏哥没有收他们的广告费啊，纯粹是为了学习和实战的。 2.1被测网址 1.被测网址的地址： ......
React 页面崩溃问题
今天遇到一个页面崩溃问题，很神奇的是初始化打开的时候会崩溃，但是切到其他内容，再切回来又好了 因为 React 是 prod 的版本，所以报错其实没卵用，最后定位到这个代码上： 尝试了下，一个组件，return null 或者 return false 都是 work 的，但是 return und ......
Flask Web API构建实例：GET、POST文件上传、静态资源下载一网打尽
以下是一个通过 Flask 构建 Web API 服务的详细示例，包含了各类请求（GET、POST、文件上传、静态资源下载）、每个方法独立配置路由、参数接收和解析、请求日志记录以及异常日志记录。请确保你已经安装了 Flask，你可以使用以下命令进行安装： pip install Flask 接下来是 ......
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im ......