前端 终端 实战vue
vue+el-timeline动态表格时间线
原文链接:https://blog.csdn.net/Shids_/article/details/126645038 前言当我们需要在页面中展示一系列时间相关的事件时,常常会考虑使用时间线来呈现。而在 vue 框架中,我们可以借助一些组件库来快速实现时间线的功能。其中, el-timeline 就 ......
Vue可输入的下拉框
原文链接:https://blog.csdn.net/m0_72189030/article/details/130881295<template> <el-select v-model="value" placeholder="请选择" clearable :style="{ width: '10 ......
Vue 判断开始时间不能大于结束时间
原文链接:https://blog.csdn.net/lzfengquan/article/details/119993515 <template> <div> <el-form ref="form" :model="form" label-width="80px"> <el-form-item l ......
使用EasyExcel下载文件时,前端获取不到后端返回的文件名,无法下载到本地
【问题描述】 使用EasyExcel下载文件时,前端获取不到后端返回的文件名,无法下载到本地 【原因分析】 实际上文件的流后端已经返回了,只是缺少了Content-Disposition属性返回,前端无法获取到文件名; private static OutputStream getOutputStr ......
Vue -el-table表格动态控制表头动态展示数据(控制每一列展示)
前言最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。 换个思路就是我们还是正常查询数据,需要一个开关页面来动态改变表格展示每一列。 我们需要一个开关页面,里面有多选,确定重置取消,确定时把选中数据传递给父组件,动态数据for循环 最好是以封装成组件的形式,可以使代码减少,别的地 ......
vue2使用 AMap-Vue 高德地图(矩形、圆形、多边形)绘制电子围栏
AMap-Vue 参考 安装使用 | AMap-Vue (gitee.io) main.js引入 import AmapVue from '@amap/amap-vue'; Vue.use(AmapVue); AmapVue.config.key ='您申请的key值'; AmapVue.confi ......
【校招VIP】前端算法考察之字符串
考点介绍 说到字符串算法我们最先想到的就是模式匹配问题,所谓模式匹配就是字符串匹配问题,就是在一个长的主串中寻找子串的过程,如果我们直接暴力匹配那就是最基本的BF算法;KMP算法与BF算法最大的区别区别就是主串不进行回溯 答案详情解析和文章内容可点击下方链接即可查看 一、考点题目 1.下面哪个流类属 ......
vue3 + TS + three初始化搭建
这段时间一直在学习three,vue3 和TS 一直有了解但做项目都没有使用,趁着有时间,想着自己做个小demo检测所学成果。 安装three,@types/three,我使用vue创建项目,TS版本和three 不兼容,然后又下载的最新版本。 然后封装一个类,初始化场景,相机,控制器,渲染器,后期 ......
0010Java程序设计-springboot+vue影院售票系统设计与实现
## 摘 要 看电影已经成为了人们生活中不可缺少的一部分,电影院售票及管理系统是电影院的日常管理及售票任务的核心, 在电影院中, 工作人员并非只是放映电影, 还有诸如票房统计、影片放映、影片场次安排、影片售票金额统计等繁琐的工作, 完成这些工作量需要很大的时间及精力,在未使用软件管理之前, 只能人工 ......
vue+Spring Boot+nginx 部署项目遇到问题
##1、 前端图片资源404 图片放到`public/images/background.png` 下部署到服务器上找不到 **解决:** `url('/public/images/background.png')` ##2、 前端访问后台接口404 nginx配置有误,按下面修正 ###后端 ![ ......
01-vue简介
中文官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式,就是Vue可以自底向上逐层的应用,对于简单应用只需要一个轻量小巧的核心库,对于复杂应用可以引入各式各 ......
vue中scoped原理
vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时,它的css样式就只能作用于当前的组件,通过该属性,可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识,给组件中的每个标签对应的do ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁。 ......
五分钟 k8s入门到实战--跨服务调用
![service.png](https://s2.loli.net/2023/09/05/GbZ1vKQNHY32wzD.png) # 背景 在做传统业务开发的时候,当我们的服务提供方有多个实例时,往往我们需要将对方的服务列表保存在本地,然后采用一定的算法进行调用;当服务提供方的列表变化时还得及时 ......
【爬虫实战】用python爬豆瓣电影《热烈》短评
[toc] # 一、爬虫对象-豆瓣电影短评 您好!我是[@马哥python说](https://www.cnblogs.com/mashukui/),一名10年程序猿。 今天分享一期爬虫案例,爬取的目标是:豆瓣上任意一部电影的短评(注意:是短评,不是影评!),以《热烈》这部电影为例: ![爬取目标] ......
前端post请求用data传参数
#发post或者put请求的时候要带参数,那么就需要用data ![](https://img2023.cnblogs.com/blog/2957868/202309/2957868-20230907214709426-1777513822.png) #防止重复提交部分 ###一秒钟只内只能提交一次 ......
vue组件级别的权限控制
**核心思想:尽量减少对组件的侵入性,也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
侃侃代码递归的实战
如果我们有一个需求,把一个tree结构的数据的第三级的数据的属性show修改成false,如果children里面的都是false那么父级的show也是false // 测试数据 const list = [{ label: '234234234', show: true, children: [{ ......
vue
### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后复制下来,创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
Vue简单浮动标签(simple floating labels)
简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件,支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
滚动到底部的Vue指令插件
简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件,用于Vue.js 2,当在该元素中添加新内容时,滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性: 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放, 没有j ......
Vue 密码强度测试器(Password Strength Meter)
简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
Vue3实战06-CompositionAPI+<script setup>好在哪?
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来,可在任意需要的地方复用。 基于组件去搭建应用,可实现对业务逻辑的复用。如有其他页面也需要用到这功能,直接复用。 然后,就可基于新语法实现清单应用。 把之前的代码移植过来后,使用ref包裹的响应式数据。修改tit ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
一、概述 在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js,要保证你的计算机上已经安装过Node.js。可以参考前面的文章:htt ......
前端项目搭建的几种方法
方法一:vue-cli 项目搭建 1.首先要安装node.js版本,根据项目需求安装对应版本,下载地址:Index of /docs/https://nodejs.org/docs/ 2.安装vue-cli,打开cmd窗口输入:npm install -g @vue/cli;查看是否安装,打开cmd ......
prometheus 监控实战篇
# prometheus 监控 [toc] ## 1.上传tar包 ```sh [root@promethes prometheus]# cd /opt [root@promethes opt]# ll total 131628 -rw-r--r--. 1 root root 29254678 Se ......