在线教育graphql nestjs react
2023-11-07 使用react脚手架搭建一个react-native app
ps：以前有写过类似的随笔，今天再次做个总结。 1.安装node.js 去node官网下载吧，这里不赘叙了； 2.安装脚手架create-react-native-app npm i -g create-react-native-app 这个安装过程有快有慢，看运气，我的是几秒就完成了； 3.使用脚 ......
在线直播系统源码，输入框限制字节数 区分中英文
在线直播系统源码，输入框限制字节数 区分中英文 // 规则名称验证规则 不包含特殊字符 let checkGroupName= (rule, value, callback) => { let reg = /^[0-9A-Za-z\u4e00-\u9fa5\(\)\（\）]+$/; if (valu ......
在线直播源码，js 文件上传 图片上传 传输速度计算
在线直播源码，js 文件上传 图片上传 传输速度计算 <!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini ......
在NestJS应用程序中使用 Unleash 实现功能切换的指南
前言 近年来，软件开发行业迅速发展，功能开关（Feature Toggle）成为了一种常见的开发实践。通过功能开关，可以在运行时动态地启用或禁用应用程序的特定功能，以提供更灵活的软件交付和配置管理。对于使用 NestJS 框架构建的应用程序而言，实现功能开关也是一项重要的任务。而 Unleash 是 ......
正则可视化在线工具-更直观地理解和调试正则表达式的利器
工具在线地址：https://amd794.com/regularGraph 正则可视化工具是一种用于帮助用户理解和调试正则表达式的工具。正则表达式是一种强大的模式匹配工具，用于在文本中搜索、替换和提取特定模式的字符串。 正则可视化工具提供以下功能： 正则表达式编辑器：允许用户输入和编辑正则表达式。 ......
基于vue3-pdf-app@1.0.3的Vue3 PDF在线预览
目录认识vue3-pdf-app安装vue3-pdf-app代码子组件封装: PdfView.vue父组件调用: index.vue中文配置文件viewer.properties 本文参考来自于 CSDN作者theMuseCatcher《Vue3PDF预览（vue3-pdf-app）》 认识vue3 ......
AI视频智能分析系统在线监测垃圾满溢/堆放/暴露解决方案
一、背景需求 随着我国城市化进程的加快和居民生活水平的提高，垃圾围城的现象越来越严重。垃圾桶溢满、垃圾长时间暴露等现象，不仅严重污染了生态环境，同时也极大影响了市容市貌，并且对居民的身体健康也构成了威胁，因此，垃圾检测和处理工作是非常必要的。当前城市垃圾处理仍面临以下问题： 1）管理成本高：管理人员 ......
在线预览文件-word、excel、图片、ppt
vue中引入插件 VueOffice，npm下载，以下插件需要单独下载 VueOfficeDocx VueOfficeExcel <template> <div style="height: 700px; overflow: auto;"><vue-office-docx style="min-he ......
网页CAD SDK 集成后怎么实现参数化绘图（在线编辑CAD）
前言 MxCAD 的WEB CAD SDK提供了参数化绘图的功能, 我们可以通过查看继承自McDbEntity的类的所有实例，它们都可以进行参数化的绘图。 首先我们应该在页面上显示一张图纸, 请根据mxcad入门文档的说明或者通过查看 github| gitee存储的初始化各种示例项目查看代码来实现 ......
React中使用context实现跨层组件通信
function A() { return (<> This is A component </>) } function B() { let msg = useContext(MsgContext); return (<> This is B component:::: {msg} </>) } ......
React中状态提升
代码案例 function A({ onGetAName }) { const name = `> ${new Date().getTime()} <`; return ( <div> This is A component ! {/*箭头函数形式来调用事件函数*/} <button onClick ......
kali官方在线应用商店的基本常识
所谓的kali官方在线应用商店，专业术语是软件仓库，只是为更加直白的表述。包含已经kali为我们编译好的一堆基本软件和渗透专用软件，大约有6万个。地址是 http://http.kali.org/kali/ 。 细分为 5个硬件平台，11个分支，3个目录，4个组件 架构 i386：也称为x86或x8 ......
React学习笔记19-受控组件
1.受控组件的定义 React组件的数据渲染是否被调用者传递的 props 完全控制，完全控制则为受控组件，否则非受控组件。即React 的 state 成为组件的唯一数据源。 下面用一个小案例来演示，案例中todolist组件的唯一数据源就是State，todolist组件就是一个受控组件 imp ......
React学习笔记18-非受控组件
1.非受控组件的定义 非受控组件即状态不是完全由React的state来控制的组件 React要编写一个非受控组件，可以 使用 ref 来从 DOM 节点中获取表单数据，就是非受控组件。 import React, { Component } from 'react' export default ......
开源物流管理系统——【3】在线站点
好消息，在线站点已经搭建完成。在线站点的搭建是为了让更多的朋友有一个直观的在线预览体验，以便提供更多的意见来完善业务流程和模块功能。接下来对在线站点做下基本的介绍： 1.站点地址及访问账号： 地址：http://wuliu.gardenengineer.club/ 账号密码：wuliu@163.co ......
React学习笔记16-属性props
1.属性的定义 props 是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更 改，但是你可以通过父组件主动重新渲染的方式来传入新的 props。 这就是React中的单向数据流 2.属性的特点 属性是描述性质、特点的，组件自己不能随意更改，必须由父组件进行更改 3. ......
React学习笔记17-属性VS状态
相似点： 都是纯js对象，都会触发render更新，都具有确定性（状态/属性相同，结果相同） 不同点： 1. 属性能从父组件获取，状态不能 2. 属性可以由父组件修改，状态不能 3. 属性能在内部设置默认值，状态也可以，设置方式不一样 4. 属性不在组件内部修改，状态要在组件内部修改 5. 属性能设 ......
在线直播源码，ui的select显示数字
在线直播源码，ui的select显示数字 //修改前<el-option v-for="(item,index) in platformData" :key="index" :label="item.platform_name" :value="item.id"/>//修改后，在value后面加 + ......
React 点击复制按钮，复制浏览器内容，可粘贴到其他地方
效果： 代码： /** * 复制浏览器内容 * @param templateString 需要复制的内容 */ export const copyBrowerString = (templateString: string) => { const textArea = document.creat ......
React 中复制静态文件到 build的文件夹中
React 中复制静态文件到 build的文件夹中 环境：umi 框架 前提：在跟目录下放置了Dockerfile 文件，在build时需要自动复制到dist文件夹里面。 1. 安装 copy-webpack-plugin 插件 2. .umirc.ts 文件中使用copy命令 import { d ......
React面试题: 我是否可以在项目中不断使用React.Component来优化项目
React.PureComponent 是 React 的一个组件，主要用于性能优化，可以避免不必要的渲染。它的主要特点是： 如果组件的 props 和 state 没有发生变化，则不会重新渲染(此处原理类似React.memo)。 可以自动检查深层对象和数组，判断其是否需要重新渲染（是深层比较)。 ......
React面试题: useCallBack()与React.memo的区别与使用常见场景
React.usecallback与React.memo的区别： React.useCallback 和 React.memo 是两种不同的优化方式： 主要功能： 它们都可以避免不必要的渲染，提高 React 应用的性能。 React.useCallback 是 Hoc（高阶组件）的解决方案，可以用 ......
React实战教程推荐
教程推荐 平台慕课网 博主正在创建网站，招募一批前端+Laravel开发的自学团队，无偿提供大量课程，前期当徒弟后期当同事未来未来希望是合作者。欢迎参观：ihopeso.cn React18+Next.js13+TS，B端+C端完整业务+技术双闭环 前端框架及项目面试－聚焦Vue3/React/We ......
安防视频监控平台EasyCVR出现目录在线，通道离线的问题该如何解决？
视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力，也具备接入AI智能分析的能力 ......
技术实践 | 在线 KTV 实现过程（内附demo体验）
你在线上K过歌吗？ 在线K歌自2014年兴起以来，已经发展出了无比庞大的用户群体，每两人中就有就有一人体验过在线 K歌，其前景不可小觑。 如此庞大的市场规模，以及音视频技术使用门槛逐步降低的加持，各类在线K歌玩家大幅增加，在K歌赛道大放异彩，对于开发者而言，如何能够快速实现线上 KTV 的场景就 ......
直播小程序源码，react-native自定义文本输入框
直播小程序源码，react-native自定义文本输入框 Examples from props: ... _onChange = (label, value) => { this.setState({ [label]: value }); }; render() { return ( <View ......
在线运行代码的 PHP 沙盒环境实现
演示： 多版本PHP运行代码 作用： 方便作为独立的调试环境运行 一些 临时逻辑，查看执行结果。 方便比较不同版本的 PHP 执行差异，进行一般的兼容性测试。 思路： Docker镜像构建多个PHP运行端口，使用 php 命令行来运行 PHP 脚本，借助 PHP 接口执行输入。 操作： 1. 编写 ......
在线直播系统源码，vue实现搜索文字高亮功能
在线直播系统源码，vue实现搜索文字高亮功能 1、在页面中使用v-html渲染 <template> <div class="box"> <!-- 搜索框 --> <div class="mySearch"> <van-search v-model="PopUpSarCh" show-action ......