element ali-oss方式vue3
vue3学习之createApp(App).mount('#app')
装了vue-cli之后，新建个项目跑起来了，碰上个没理解的问题，不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目，components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
探索Linux存储管理：存储方式与基本分区
在计算机领域，存储管理是操作系统中至关重要的一部分，而Linux作为一种强大的开源操作系统，其存储管理系统更是为用户提供了丰富的功能和灵活性。本文将深入探讨Linux存储管理的两个主要方面：存储方式和基本分区。 存储方式 1. 文件系统： 在Linux中，文件系统是组织和存储文件的一种结构。常见的文 ......
学C笔记归纳 第九篇——分支循环语句3_for_while_do while（附九九乘法表解析和三种方式实现）
基础语法模版： while（1 条件控制语句） { 2 语句序列； } 顺序：12 12 12....2 1 do { 1语句序列； } while(2 循环控制表达式)； 顺序：12 12 12....1 2 for（1 初始化表达式；2 条件控制语句；4 调整表达式） { 3 语句序列； } 顺 ......
vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面
首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码： plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
释放资源的方式try-with-resources
1.try-catch-finally 2.try-with-resources 使用方法 try(//这里定义你要使用的资源){} catch(){} 注意：try()里只能存放流对象（资源对象），什么是资源呢？就是会自动实现AutoCloseable接口 使用2方法时会在资源使用完毕后自动对其释 ......
Vue3基于elementPlus定制样式覆盖
scss 变量替换方案 步骤： 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
C# + Vue3采用SM4
引用 类库： using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
通过kubeadm方式安装k8s
虚拟机最少是 2 core，master内存最小3G，node内存最小2G. 要求的Docker版本是18.03，如果不是安装的docker ce，版本是过旧的，可以选择删除后重新安装； 也可以重新创建一个虚拟机执行以下命令。 简单方法：使用master指定到第15步之后，克隆出两台node，在no ......
Vue3 diff算法详解
Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理，所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况： v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新，这种更新是全替换模式，非常耗时： 无key值的v ......
element tree 优化线条树，添加增删改功能
需求：树状结构，支持操作功能（同级、子级、修改、删除）。 根据需求是否展示复选框和操作功能。 封装linetree.vue组件： 1 <template> 2 <div> 3 <el-tree :data="list" :props=defaultProps :expand-on-click-nod ......
懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
vue3 引入axios 并封装下
没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
element table第二页序号不从1开始
<el-table-column type="index" width="80" label='序号' align="center"> <template slot-scope="scope"> {{scope.$index + (formInline.pageno - 1) * formInlin ......
在vue3中使用openlayers3实现track轨迹动画
网上太多资料代码，抄来抄去，而且版本也是OL2的，部分API已经弃用 基础知识不多说，直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度，数值越小分的越细 const particle = 20; // 轨迹动画的速度，数值 ......
01-多进程的三种创建方式
下面是python多进程官网文档的翻译 我们先说 fork 启动方式。 原文的意思可能比较难以理解，我翻译一下。fork方式启动一个子进程，子进程里面的所有资源都是从主进程拷贝了一份，然后子进程执行具体的函数的时候，就会直接使用原主进程有的资源，比如说一些变量。 【1】子进程可以使用在子进程启动之前 ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
element-ui 表格分页勾选数据
新增 使用:row-key 编辑 主要是回显数据，如果使用 :row-key,会造成取消了，但是翻页后，无法取消的问题。 给表格使用 select 和 select-all 事件去选择 然后把选择的数据给请求，使用this.$refs.multipleTable.toggleRowSelection ......
element-plus中的文件上传
官网：https://element-plus.org/zh-CN/component/upload.html 简单使用： 场景：与表单项一起提交，但是需要回显功能，可以用过本地url预览方式实现 <!-- 此处需要关闭 element-plus的自动上传，不需要配置 action等参数 只需要做前 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
开发板设置成静态ip的方式
1开发板每次重新上电都要手动去分配ip地址才能与ubuntu通信，设置成静态ip的方式就不需要每次开发板重启后去设置一次ip地址。 2在网上找了很多帖子，照着做都没有效果，直到看到 一个帖子说 vi /etc/profile 在最后一行添加：ifconfig eth0 192.168.1.100，重 ......
SpringBoot 调用外部接口的三种方式
https://mp.weixin.qq.com/s?__biz=Mzg5MDUyNjQ0Ng==&mid=2247507189&idx=1&sn=3985735a3498ac5d509b67b91a653670&chksm=cfd9d374f8ae5a62e32bd6fa2c5a21a80a4ec ......
element plus el-table表格合并
el-table表格合并实现都是使用表格的span-method属性绑定操作函数 <el-table :data="table.data" :span-method="objectSpanMethod" > </el-table> 操作函数格式 const objectSpanMethod = ({ ......
VS Code 配置Vue3模板
配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
uniapp 图片懒加载的一种方式
如果是列表页，可以采用前端分页，通过scroll-view 下拉，在绑定图片地址信息，这样就能下拉部分，加载部分图片了。 pageQuery() { let currentPage = this.pQuery.page; let pageSize = this.pQuery.size; const ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
共享式以太网采用总线型拓扑结构通信方式简介
共享式以太网是早期局域网的主要形式，它主要采用总线型拓扑结构进行通信。在这种结构中，所有的站点都通过相应的硬件接口直接连接到一条共享的通信介质上。这条通信介质通常为同轴电缆，各个站点能被所有其他的站点接收。 在通信方式上，共享式以太网主要采用CSMA/CD（Carrier Sense Multipl ......
ESP32软件方式固化VDD_SDIO为3.3V
参考官方文档： 1、乐鑫efuse工具使用：espefuse.py - ESP32 - — esptool.py latest documentation (espressif.com) 2、乐鑫efuse库使用：eFuse Manager - ESP32 - — ESP-IDF 编程指南 late ......