事项vue cli 01
vue2实现文件分片上传/续传
两种上传文件方式一种分片和续传工具包/assets/utils.js export function fileParse(file, type = "base64") { return new Promise(resolve => { let fileRead = new FileReader(); ......
懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
Vue之this.$options.data()和this.$data
Vue之this.$options.data()和this.$data：https://blog.csdn.net/weixin_44090040/article/details/129875428?utm_medium=distribute.pc_relevant.none-task-blog-2 ......
vue实现全局消息提醒功能（vue-extend）
1.需求背景 （1）在一般的管理系统或者 H5 应用中，需要交互反馈提醒。这种交互反馈，往往需要在多个组件中使用到，那么是否可以将其抽离出来，封装一个组件呢？答案是肯定的，可以根据日常的业务，对消息提醒功能进行封装，那么问题来了，如何实现一次注册，多次使用呢，关键时刻，vue.extend API ......
vue3 引入axios 并封装下
没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
vue项目中自定义鼠标图标实现
要做大屏项目，为了各个细节都充满炫酷的感觉，鼠标的样式也要修改一下，自定义成自己想要的样式。 1、先上效果图，两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹，里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
在vue3中使用openlayers3实现track轨迹动画
网上太多资料代码，抄来抄去，而且版本也是OL2的，部分API已经弃用 基础知识不多说，直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度，数值越小分的越细 const particle = 20; // 轨迹动画的速度，数值 ......
01-多进程的三种创建方式
下面是python多进程官网文档的翻译 我们先说 fork 启动方式。 原文的意思可能比较难以理解，我翻译一下。fork方式启动一个子进程，子进程里面的所有资源都是从主进程拷贝了一份，然后子进程执行具体的函数的时候，就会直接使用原主进程有的资源，比如说一些变量。 【1】子进程可以使用在子进程启动之前 ......
vue实现大文件分片上传 vue-simple-uploader
首先为什么要分片上传？大部分小白使用element-ui中上传组件，但是直接用它上传大文件会 超时 或者Request Entity Too Large（请求实体太大）这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
基于vue脚手架的练习2
<template> <div> <span>父值为:</span>{{ to_value }} <button @click="clear()">清空</button> </div> </template> <script> export default { props:['to_value'], ......
Vue路由params、query传参用法，以及form表单回车自动提交问题
一、路由参数用法 1.1 query参数 第一种方式传参：跳转路由并携带query参数，注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
MAC安装编程环境的一些事项
jdk安装 java默认安装在如下目录下（不同版本不同目录）/Library/Java/JavaVirtualMachines/jdk1.8.0_361.jdk/Contents/Home 环境变量配置 sudo chmod o+w /etc/profile vi /etc/profile 加入下面 ......
vue实现下载附件功能
两种方式下载： 第一种：直接a标签下载 <a class="item-btn download" :href="'/xxx/xxx/download?id=' + xxx.id" :download="xxx.name">下载附件</a> 第二种： <el-button class="item-bt ......
vue-quill富文本编辑器实现图片缩放
安装环境 官网：https://vueup.github.io/vue-quill/guide/modules.html npm安装：npm install @vueup/vue-quill@latest --save pnpm安装：pnpm add @vueup/vue-quill@latest ......
Windows服务器，通过Nginx部署VUE+Django前后端分离项目
目录 基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件（CSS，JS等）丢失的问题 1. 基本说明 本文介绍了在 windows 服务器下，通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口，服务 ......
vue中this.$refs的使用方法和遇到的问题
this.$refs ：用于操作真实的DOM节点。 在开发时碰到了一个小需求，需要子组件向父组件传参，而且是不需要通过事件传递的，一开始使用this.$emit()来写的，但是一直没有接受到参数，于是放弃了使用this.$emit()的使用。 于是，使用了在父组件中调用子组件的方法，来获取传递的参数 ......
SQLBI_精通DAX课程笔记_01_DAX介绍
一：函数式语言 DAX是一个函数式语言，应用于Analysis Services , PowerPivot , 和Power Bi 。 二：共同与不同 2.1 共同点 DAX与PowerPivot for Excel 一起诞生，DAX生来就是Excel系统的一部分，因此，Dax有一部分表达式的语义表 ......
注意事项
在这里列举一些代码中经常出错的问题以及一些代码技巧。 \(head\) 数组一定要初始化为 \(-1\)（如果死循环很有可能是这里的问题） 建图要考虑建双向边还是单向边。 有向图 \(Tarjan\) 的时候不要写成 if(u == dfn[u]) 存图的数组要多开几倍。 函数名首字母尽量用大写，以 ......
Fiori WalkThrough学习-Step01.环境搭建
1.软件下载: node.js:https://nodejs.org/en VSCode:https://code.visualstudio.com/ 2.安装Ui5 终端命令: npm install --global @ui5/cli 3.创建项目文件夹,在项目文件夹下执行初始化命令 我的项目文 ......
pyEchart01
简述pyechart:!>它是一个可视化工具优点:1.提供大量可视化方法2.配置项丰富图形定制化很高3.同时支持3D动图安装:入cmd环境输入pip install pyecharts 1 #如何查看版本 2 import pyecharts 3 print(pyecharts.__version_ ......
0x01 Linux Fundamentals Part 2
Task1、 引言 参数介绍 复制文件和移动文件 介绍文件和文件夹安全的访问机制以及如何识别当前用户对文件的访问权 运行脚本和执行文件 Task2、利用SSH接入远程主机 什么是 SSH 及其工作原理？ SSH 只是一种加密形式的设备之间的协议。通过网络传输的数据都会被加密，形式如下图： step1 ......
VS Code 配置Vue3模板
配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件
TinyVue 3.12.0 主要更新：全面优化 54 个高频组件的 Demo / API 文档，让文档更加清晰易懂、符合预期；Watermark 水印组件；QrCode 二维码组件。 ......
【luogu帖】CSP-J 2023 模拟赛 01 赛时答疑帖
赛时禁止用户与他人交流比赛相关内容，禁止在答疑帖发其他无关内容。 欢迎大家参与 CSP-J 2023 模拟赛 01。这里是本场比赛的答疑帖。 我向各位参赛者及谷友们的支持表示感谢。 请不要在赛前在本帖中发布过多灌水相关言论，赛时禁止在本帖中发布灌水相关言论。如果对题面有不理解建议先看一下赛时公告栏， ......
[Vue] vue学习笔记(8): 生命周期(vue2)
vue里的生命周期，也叫生命周期回调函数，是指vue在一些关键时刻引用的特定函数，这些函数的名称是确定的，这些函数中的this指向vue实例或组件实例 挂载流程 0️⃣初始化生命周期和事件，但数据代理还未开始 1️⃣beforeCreate() ➡️ 此时无法通过vue实例访问data中的数据以及m ......
vue解析上传的json文件信息
1.模版 <a-upload name="layoutFile" v-model:file-list="fileList" @change="importModules" accept="*" :showUploadList="false" :customRequest="() => {}" :he ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......