事项vue cli 01
记录--极致舒适的Vue页面保活方案
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 为了让页面保活更加稳定,你们是怎么做的? 我用一行配置实现了 Vue页面保活是指在用户离开当前页面后,可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验,而不会被繁琐的操作打扰。 为什么需要页面保活? 页面 ......
阅读envoy配置01
zaimaser节点输入命令: [root@k8s-master01 ~]# kubectl port-forward --address 0.0.0.0 -n istio productpage-v1-979d4d9fc-68499 15000:15000Forwarding from 0.0.0 ......
【面试题】 VUE 路由守卫 next() / next({ ...to, replace: true })区别
【面试题】 VUE 路由守卫 next() / next({ ...to, replace: true })区别 : https://blog.csdn.net/weixin_42981560/article/details/127907423?ops_request_misc=%257B%2522 ......
Vue3 如何让代码变得清新优雅,代码洁癖患者进!(1)
继续上上上上...上一篇 列表的批量操作组件封装 + 权限 ,如何更优雅的实现呢?Vue3,赞继续谈一下,如何优雅封装页面上的组件。 页面上的组件有很多种,最让人头疼的是弹窗表单组件。 🎶 在小小的键盘上呀,敲呀敲呀敲,敲完了列表 敲操作 敲完了操作 敲搜索 敲完了搜索 敲弹窗 敲完了弹窗 敲表单 ......
vue3 组件使用
子组件接收参数 <template> <div> <!-- 子组件 参数:num 、nums --> <child :num="nums.num" :doubleNum="nums.doubleNum" @increase="handleIncrease"> </child> </div> </te ......
vue echarts map 中国地图显示不出来
测试区忽然无法显示中国地图,所以对比了一下测试区与开发环境中echarts版本的区别 测试区echarts版本为 5.4.2 开发环境为5.0.2 所以将package.json中的 "echarts": "^5.0.2", 修改为 "echarts": "5.0.2", 固定其版本,然后重新部署测 ......
vue-dplay 视频播放插件使用说明
安装依赖 npm install vue-dplayer -S 使用组件 template部分 <template> <div class="hello"> <d-player ref="player" @play="play" :logo="logo" :lang="lang" :video="v ......
Vue3 QuillEditor 富文本编辑器
对于这个组件,我是又爱又恨,上代码: <template> <div> <!-- 此处注意写法v-model:content --> <QuillEditor ref="myQuillEditor" theme="snow" :content="content" :options="data.edi ......
vue3 多级数据下拉选择组件
若依的下拉组件太复杂,我改了一下,希望对大家有帮助,基于 element-plus el-tree-select 组件: 举个栗子,TreeSelect.vue: <template> <div> <el-tree-select style="width:100%" v-model="valueId ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件: 举个栗子: <template> <!-- 获取客户下拉数据,type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
vue2自定义组件@click点击失效问题及解决
1.参照官方文档,可以用@click.native=“click”解决 2.$emit组件之间事件传递解决 https://www.jb51.net/article/246610.htm ......
linux、unix软链接注意事项
前言 在使用linux过程中,经常使用到软链接(类似windows快捷方式); 创建软链接之后,删除时不注意就会出现到问题 先说结论 删除软链接,确实是使用rm进行删除;但是有个小细节必须要特别注意! rm -fr xxxx/ 加了个/ 这个是删除文件夹 rm -fr xxxx 没有/ 这个是删除软 ......
Vue3 图片上传组件
基于 vue3 element-plus 图片上传组件封装,兄弟姐妹们,将就看一下吧,上代码: <template> <div class="component-upload-image"> <el-upload :limit="limit" :action="uploadFileSignleUrl ......
Vue3 文件上传组件
基于 vue3 element-plus 文件上传组件封装,兄弟姐妹们,将就看一下吧,上代码: 支持:粘贴文件路径上传、文件识别开关 <template> <div> <div v-if="canRecognition"> <el-checkbox v-model="isRecognition">开 ......
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要,经常涉及到证件上传,例如身份证上传、银行卡、营业执照等信息,根据设计师的设计,单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码: <template> <div class="component ......
Django-Vue-Admin基于django+vue前后端分离开箱即用框架
平台简介 💡 django-vue-admin 是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。 🧑🤝🧑前端采用D2Admin 、Vue、ElementUI。 👭后端采用 Python 语言 Django 框架以及强大的 Django REST Framework。 👫权 ......
直播开发app,VUE图片裁剪,打码,旋转功能
直播开发app,VUE图片裁剪,打码,旋转功能 1,先下载插件。 cnpm install image-mosaic -D cnpm install --save vue-cropper 2,在components目录下创建一个imageEdit文件夹,文件夹下创建index.vue,index ......
直播软件app开发,vue记住密码功能
直播软件app开发,vue记住密码功能 记住密码和账号的功能由前端进行操作,而这种操作一般会用到本地存储。当然,本地存储的也不止密码和账号,还有是记住密码框的状态。 首先你需要封装三个方法用来存取数据,(password,username是用户密码绑定的值,checked是记住密码框的绑定值) // ......
vue+element输入框校验输入汉字再输入数字看似正常,实则有大问题,保存时数据不对
在vue+element UI 项目中经常会使用到输入框限制为整数或者小数的需求,一般采用如下oninput="value=value.replace(/[^0-9.]/g,'')"解决, <el-input :placeholder="请输入整数或者小数" v-model="inputValue" ......
vue实现表格穿梭框
新建穿梭组件 bTransfer.vue 1 <template> 2 <div class="bpo-table-transfer"> 3 <div class="bpo-table-transfer-panel"> 4 <p class="transfer-panel-header"> 5 <s ......
ai问答:vue3+pinia+WebSocket 封装断线重连(实战)
把socket实例 挂载到全局 为方便梳理,请忽略typescript # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" import ro ......
列表的批量操作组件封装 + 权限 ,如何更优雅的实现呢?Vue3
这个组件解决的问题? 在以往的项目当中,我从未想过要对 批量/列表数据的操作按钮做什么变动,直到最近的一次开发,让我突然觉得可以将操作按钮也做成一个公共组件,在做前端开发时,更加专注于js代码逻辑。 如何使用? 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
01-三层架构之查询数据库数据
一、后台操作流程 1.创建数据库 CREATE DATABASE wyy_music; USE wyy_music; DROP TABLE IF EXISTS `tb_music`; CREATE TABLE `tb_music` ( `music_id` INT(11) PRIMARY KEY N ......
java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统,附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统。 本文首先介绍了学生成绩管理的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功 ......
Solon 路由的 Url 大小写匹配与事项注意
Solon 路由器对 url 的匹配默认是 “忽略大小写” 的。如果有需要,可以强制开启:v2.2.14 后支持 @SolonMain public class App{ public static void main(String args){ Solon.start(App.class, arg ......
01-计算机基础
1. 计算机基础 1.1 基础概念 计算机的组成 计算机是由多个硬件组合而成。 常见的硬件有CPU、硬盘、内存、网卡、显示器、机箱、电源、键盘鼠标、音响... 机械地将硬件组合在一起,它们之间是没法进行协作、工作的。 与硬件打交道的语言是0和1的二进制语言。 操作系统 用于协调计算机的各个硬件,让硬 ......
2.ansible常用的模块01
1.模块? 模块实际上就是脚本,是ansible调用的对象,主要是用来通过调用它去远程执行某些命令功能。 2.常用的模块 2.1 shell模块 ansible默认的模块是command,其中shell模块与command模块区别: 1. command模块的命令不启动shell,直接通过ssh执行 ......
Docker CLI docker compose push常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
Vulnhub-dpwwn01-WP
前言 点击>>下载靶机 靶机 kali linux :ip地址为192.168.20.200 靶机探测 1.使用nmap探测靶机 nmap 192.168.20.0/24 靶机ip为192.168.20.131 使用nmap进行详细扫描 nmap -A -p- 192.168.20.131 点击查看 ......
Vue2入门之超详细教程九-监视属性
1、简介 监视属性watch: 1.当被监视的属性变化时,回调函数自动调用,进行相关操作 2.监视的属性必须存在,才能进行监视!! 3.监视的两种写法: (1) new Vue时传入watch配置 (2) 通过vm.$watch监视 深度监测: (1) Vue中的watch默认不监测对象内部值的改变 ......