在线教育graphql nestjs react

Linux计划任务Crontab 在线生成器

https://crontab.guru/ 例子 https://crontab.guru/#1_0_1_*_* 表示:“At 00:01 on day-of-month 1.” ......
生成器 任务 Crontab Linux

以精确反馈促进学生编程逻辑和问题解决意识:一种基于两层测试的在线编程训练方法

(Promoting Students’ Programming Logic and Problem-Solving Awareness With Precision Feedback: A Two-Tier Test-Based Online Programming Training Approa ......
逻辑 意识 方法 学生 问题

React 组件之状态

没有什么是不可能的,只是需要找到正确的方法。 1. 什么是状态? 状态就是组件内部特有数据的载体(组件数据挂载方式),改变数据页面就会刷新,由组件自己设置和更改,也就是说由组件自己产生、维护,使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理),这在 React 中称为:条件渲染。 为什 ......
组件 状态 React

计算机教育中缺失的一课 课后习题1

20231124 链接:计算机教育中缺失的一课 1.本课程需要使用类Unix shell,例如 Bash 或 ZSH。如果您在 Linux 或者 MacOS 上面完成本课程的练习,则不需要做任何特殊的操作。如果您使用的是 Windows,则您不应该使用 cmd 或是 Powershell;您可以使用 ......
缺失 习题 计算机

PageOfficeV6.0在线打开Excel禁止鼠标右键、双击、选择

禁止Excel中鼠标右键、双击、选择 注意 本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如文档路径,用户名等做适当修改即可使用。 有时让用户使用PageOffice只读模式(OpenModeType.xlsReadOnly)打开Excel文件后,为了更好的只读效果,还希望禁 ......
PageOfficeV6 PageOfficeV 鼠标 Excel

使用 pdf.js 在线预览 pdf 文件

1、下载 https://github.com/mozilla/pdf.js/releases 2、解压后得到 build 和 web 两个文件夹 3、将其放入网站目录下 4、使用 web 中的 viewer.html 即可在线预览 pdf 文件 viewer.html?file=xxx.pdf 5 ......
pdf 文件 js

开源在线客服系统源码PHP(H5网页在线客服系统小程序源码uniapp全套搭建)

现代客户服务的重要性得到了越来越多的认可。一个优质的客户服务可以使客户在购买和使用产品、寻求技术支持时获得更好的体验,从而建立起品牌声誉和客户忠诚度。为了优化客户服务体验,许多企业已经开始使用客服系统来更好地管理、响应和交互客户需求。 源码:kf.zxkfym.top 一个好的客服系统需要提供多种渠 ......
源码 系统 程序源码 全套 网页

React 组件之样式

无论你的梦想有多么高远,记住,一切皆有可能。 我们从前面的学习知道一个 React 组件不仅仅只包含 DOM 结构的,还应该样式和 Javascript 逻辑的。这里我们学习下如何构建 CSS 样式。 1. 逻辑表示 JSX 中使用大括号语法来包裹 JS 表达式(简单逻辑代码)。例如: { 1 + ......
样式 组件 React

react开发 jest写单元测试 如何借助mock模拟实现接口返回文件流的下载测试

要借助mock模拟实现接口返回文件流的下载测试,可以使用以下步骤: 1. 创建一个用于接收文件流的虚拟DOM元素,例如通过`document.createElement('a')`创建一个`<a>`元素。2. 使用`URL.createObjectURL()`方法将文件流转换为URL。3. 设置创建 ......
单元 接口 文件 react jest

react antd 表格固定高度

<div className="ad-body"> <Table className="area-drawing-table" rowClassName={(record, index) => index selectIndex ? 'ant-table-row-selected' : '' } r ......
表格 高度 react antd

react native RNFetchBlob自动安装apk报错

安装apk的代码: RNFetchBlob.android.actionViewIntent(res.path(), 'application/vnd.android.package-archive'); 报错如下: Calling startActivity() from outside of a ......
RNFetchBlob native react apk

在线rtsp、rtmp、m3u8、flv、mkv、3gp、mp4测试地址直播流测试地址

一、在线视频 rtsp、rtmp、m3u8、flv、mkv、3gp、mp4 1.公网 rtsp 测试地址: rtsp公网测试地址:(已加密) 地址:rtsp://zephyr.rtsp.stream/pattern?streamKey=1fd73653a094b877b9bd78468c91adbf ......
地址 rtsp rtmp m3u8 3gp

GLTF编辑器:在线模型材质编辑工具

模型材质贴图的作用是为三维模型赋予外观表面的纹理和颜色。它可以增加模型的细节、真实感和视觉效果,使得模型更具有逼真和吸引力。通过贴图,模型可以呈现出不同的材质,如金属、木材、布料等,并且能够模拟反射、阴影和光照效果,使模型在渲染过程中更加真实。贴图还可以用来描绘模型的细节纹理,例如皮肤的纹理、衣物的... ......
编辑器 材质 模型 工具 GLTF

视觉差缓动效果的轮播--React版

React实现视觉差效果缓动轮播 效果如下(图片帧率低看起来有点卡顿,看个大概就行): 分享一下思路: 1.正常引入一个轮播组件(站在巨人肩膀省时省力),去除指示点、引导箭头等不需要的元素,有些组件支持配置,不支持就手动覆盖CSS样式了 2.找到组件中用于显示展示当前图片的类名 3.添加transf ......
视觉 效果 React

在React中使用`typeit`库

在React中使用typeit库 安装 npm install typeit-react 在需要用到的组件导入,使用 import TypeIt from "typeit-react"; const text () => { return ( <div> <TypeIt>文字打字效果</TypeIt ......
typeit React

React中store的使用(redux、redux-tookit)及store数据持久化(redux-persist)

React中store的使用(redux、redux-tookit)及store数据持久化(redux-persist) 安装 npm insatll react-redux npm install @reduxjs/toolkit npm install redux-persist 简单使用sto ......

SpringBoot + 通义千问 + 自定义React组件,支持EventStream数据解析!

一、前言 大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 最近ChatGPT非常受欢迎,尤其是在编写代码方面,我每天都在使用。随着使用时间的增长,我开始对其原理产生了一些兴趣。虽然我无法完全理解这些 ......
EventStream SpringBoot 组件 数据 React

React学习之路_基础知识点01

React之JSX: 1、全称:javaScript XML 1.1、react定义的一种类似于XML的JS 扩展语法:JS+XML 2、作用:用于简化创建虚拟DOM a 写法: var ele = <h1>Hello JSX </h1> b.注意点1 :他不是字符,也不是HTML/XML 标签 , ......
知识点 基础 知识 React

Electron-React18-MacOS桌面管理系统|electron27+react仿mac桌面

基于React18+Electron27+ArcoDesign仿macOS桌面端系统框架ElectronMacOS。 electron-react-macOs 基于electron27.x+vite4+react18+arcoDesign+zustand等技术构建桌面版仿MacOs框架系统解决方案。 ......

第10次-创建一个在线网站(未完待续版)

这个作业属于哪个课程 https://edu.cnblogs.com/campus/uzz/cs3 这个作业要求在哪里 https://edu.cnblogs.com/campus/uzz/cs3/homework/13118 这个作业的目标 第10次-创建一个在线网站 🌀记一次搭建博客 1.购买 ......
网站

阿里云-硬盘在线扩容

什么是云盘扩容 云盘扩容是指对已有的云盘进行容量扩充,以满足更多数据存储需求。通过云盘扩容,您可以更加便捷地调整云盘容量大小,避免因存储空间不足而产生数据丢失等问题。 云盘扩容指引_云服务器 ECS-阿里云帮助中心 (aliyun.com) 可以参考此文档 首先先创建一个云服务器 点击扩容 点击详情 ......
硬盘

vue2在线预览文档——Onlyoffice

1. 安装依赖 安装完依赖就直接看第二步,官网现在是vue3 + ts + Onlyoffice结合 Onlyoffice官网:https://api.onlyoffice.com/editors/vue 若报版本错误:可以尝试npm install --save @onlyoffice/docum ......
Onlyoffice 文档 vue2 vue

记一次在线客服系统用户遭勒索,索要茶水费事件的 Windbg 分析与应对

本文记录了几个月前,客户在使用在线客服系统过程中,遭到**勒索**威胁,索要**茶水费** 的事件。经过应对,快速的化解了攻击威胁,并继续安全使用至今。 ......
茶水费 茶水 事件 用户 Windbg

React 应用构建(环境)

可以少去理解一些不必要的概念,而多去思考为什么会有这样的东西,它解决了什么问题,或者它的运行机制是什么? 一. 环境搭建 工作编辑器:Visual Studio Code。 Javascript 解析器、运行环境 Node.js 的安装。 npm 安装:npm 是 Node.js 的软件包管理器。 ......
环境 React

(数据科学学习手札155)基于martin为在线地图构建字体切片服务

本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 大家好我是费老师,在之前的一篇文章(基于martin的高性能矢量切片地图服务构建)中我为大家介绍过martin的安装与使用,它是由maplibre开 ......
手札 字体 地图 科学 数据

react中绘制饼图基础例子

使用interval标记和theta坐标系来绘制饼图 radius:标签相对于饼图圆心的距离 .label()中的text 指定了一个回调函数,可以设置标签,其中d是当前项数据,i是当前项的索引,data是全部的数据,注意回调函数要有返回值。 实现效果: import { Chart } from ......
例子 基础 react

在线微信wxid二维码生成器,转换微信号加好友工具接口,调用微信内部接口

我声明一下,这个接口微信本身就存在的,并非是我逆向微信或者是HOOK微信,是 正规的接口,任何人都能用,通过WXID直接添加对方好友,然后我就用易语言调用了一下接口而已,正规合规的哈,然后下面是框架和效果图以及完整代码。 框架设计图: 下面是我示范的效果图,通过微信接口转换后转到名片【仅供娱乐,微信 ......
接口 生成器 信号 好友 工具

wxid转二维码在线生成器,加微信号好友接口工具,易语言源码分享

用易语言开发的,我确保能用的,发布时间为11月20号,客户之前定制的我现在留着也没用,并且这个接口微信本身就有,我调用也不算是违规,然后下面是框架图和代码。 框架图: 演示的图,通过WXID可以转到个人名片上面:【微信正规接口并非HOOK逆向】 易语言源码分享: .版本 2 .支持库 iext .支 ......
生成器 源码 信号 接口 好友

在线学Git

在线学Git GitCode也是一个代码仓库平台,与国外GitHub及国内Gitee类似。网站尾部有一些学习的资料,可以用来学习参考。网站地址:https://gitcode.net/ 点击在线学Git即可进入学习页面: 页面类似游戏通关的设计,每一步都有响应的动画来辅助理解git,例如:基础篇1 ......
Git

React学习二:表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook

一、受控表单绑定 概念:使用react组件的状态(useState)控制表单的状态。双向绑定,数据变化视图也变,视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
表单 组件 useEffect React Hook