element ali-oss方式vue3
201-STM32F103+EC800K(移远4G Cat1)基本控制篇(阿里云物联网平台)-设备使用一机一密方式连接云平台,并使用物模型Topic上报温湿度数
<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ZLIOTB/EC800K/aliyun.html" frameborder="0" scrolling="auto" width="100%" height="1500">< ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
element UI 数据表和分页搭配使用 汽油价格查询
<template> <div style="width: 1000px; margin: 0 auto;"> <el-table border :data="tableData" style="width: 100%"> <el-table-column prop="Region" label=" ......
Android 之 实验22 发送广播的两种方式与系统广播
实验22 发送广播的两种方式与系统广播 一、实验目的及要求 通过本实验的学习，使学生理解发送广播的两种方式与系统广播。 二、实验设备（环境）及要求 Android Studio 三、实验内容与步骤 新建一个Android项目，设置项目的基本属性 2 在layout文件夹下的新建activity_ma ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
达梦数据库备份导入导出方式
逻辑备份 1.FULL FULL 方式导出数据库的所有对象。 ##设置 FULL=Y，导出数据库的所有对象，导出数据库文件和日志文件放在路径 /mnt/data/dexp下。 ./dexp USERID=SYSDBA/SYSDBA FILE=db_str.dmp LOG=db_str.log FUL ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
深拷贝实现方式
1.JSON.parse(JSON.stringify(obj)) let obj = {a: 1, b: {c: 2}}; let newObj = JSON.parse(JSON.stringify(obj)); 这种方法的优点是简单易用，代码量少。但是它有一些限制： 不能复制函数、正则表达式等 ......
Typora使用简单方式
Markdown语法学习 标题 在标题前面加#号回车即可（记得要隔空格） 一级# 二级## 三级### 四级#### 字体 粗体 ** ** 快捷键ctrl +b 斜体 * * 快捷键ctrl +i 下划线 快捷键ctrl +u 引用 引用别人的 右括号（>）加空格 分割线 三个 或者 三个*** ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
MongoDB批量更新和批量插入的方式
在调试代码中发现向MongoDB插入或者更新文档记录时若是多条的话都是采用for循环操作的，这样的处理方式会造成数据操作耗时，不符合批量处理的原则；整理了一下有关MongoDB的批量更新和批量插入的操作流程 @Autowired private MongoTemplate mongoTemplate ......
js图片下载方式
1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = ......
看看500强企业是怎么选择数据摆渡方式的？核心在这三点！
数据隔离对很多企业来说并不陌生，随着网络环境的复杂化程度加深、网络攻击日渐增多，越来越多的企业选择网络隔离技术来保护网络安全，而在500强企业中，使用网络隔离技术的企业几乎是绝对性的占比。 网络隔离技术是指两个或两个以上的计算机或网络在断开连接的基础上，实现信息交换和资源共享。根据系统安全等级的不同 ......
【C# 技术】C# 常用排序方式
【C# 技术】C# 常用排序方式 前言 在最近的项目中经常会对C#中的数据进行排序，对于基本数据类型，其排序方式比较简单，只需要调用内置算法即可实现，但对于自定义数据类型以及自定义排序规则的情况实现起来就比较麻烦，所以在本文章中将详细介绍一下在中C#中如何对数据进行排序。 应用技术： LINQ; A ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
通过drf和jwt实现多方式登录
需求如下： 用户输入：用户名或手机号或邮箱 +密码都能登录，并签发token 代码书写： model层配置（需要扩写auth_user表）： from django.contrib.auth.models import AbstractUser class User(AbstractUser): m ......
Java中有几种创建对象的方式？
大概有这几种 new Class 实例化 构造实例化 反序列化 克隆 package jvm; import model.Info; import java.io.*; import java.lang.reflect.InvocationTargetException; public class ......
Vue3使用vue-video-player组件
1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue3 - iframe 添加 click事件 -解决
没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
windows鼠标右键新增文件打开方式选择
1 、win + r 快捷键 输入 regedit 打开注册表 2、找到下面的路径，到shell这一层 3、 "D:\Kanzi 3_6_14_39\Studio\Bin\KanziStudio.exe" "%1" 按照这个语法格式写 ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
不同Linux系统nouveau驱动禁用方式
在Linux系统中安装NVIDIA显卡驱动前，建议先卸载Linux系统自带的显卡驱动nouveau。 说明 nouveau是一个由爱好者组织的针对NVIDIA显卡开发的第三方开源3D驱动的共同项目， 并且nouveau是在完全没有得到NVIDIA任何支持的情况下进行开发的，与NVIDIA驱动存在冲突 ......
element 表格排序展示 动态
<template> <div> <el-row> <el-col :span="2"> <div class="grid-content bg-purple"> <el-input v-model="user.name" placeholder="请输入 姓名"></el-input> </div ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
iPerf 测速软件使用方式
服务器系统CentOS7-64位 客户端：win10 64位 iperf工具使用方法 如前文所述，iPerf 的工作时需要指定 Server 模式或 Client 模式，通过不同的参数来区别（-s 和-c）。iPerf3 所支持的功能也都通过设置不同的参数来实现。iPerf 的参数分为 3 类：通用 ......