前端 终端 实战vue
vue3-element-plus DatePicker type=week 设置从周一到周日展示
main.js import ElementPlus from 'element-plus' import zhCn from 'element-plus/dist/locale/zh-cn.mjs' app.use(ElementPlus, { locale: zhCn, }).mount('#a ......
第六篇 - 将spring boot项目和vue项目关联起来
前两节分别创建了spring boot项目和vue项目，现在将前后端关联起来 一、调整后端API 参考链接：https://wenku.csdn.net/answer/d49ae1ebbbaa7fe6f09e2f637a9379d6 将springboot项目的server.port=8081，vu ......
linux终端如何加上时间,添加时间戳到终端提示？
方法： 在 .bashrc 文件中加入 export PROMPT_COMMAND="echo -n \[\$(date +%H:%M:%S)\\] " 这样便可以在每次输入命令执行后自动在prompt中显示时间。 ......
Java实战-基于JDK的LRU算法实现、优雅的实现代码耗时统计(Spring AOP、AutoCloseable方式)
场景 Java中基于JDK的LRU算法实现 LRU算法-缓存淘汰算法-Least recently used,最近最少使用算法 根据数据的历史访问记录来进行淘汰数据，其核心思想是：如果有数据最近被访问过，那么将来被访问的几率也更高 在Java中可以利用LinkedHashMap容器简单实现LRU算法 ......
vue事件基本使用总结
vue事件的基本使用： 1、使用v-on:xxx或@xxx绑定事件，其中xxx是事件名 2、事件的回调需要配置咋methods对象中，最终会挂载在vue实例对象上 3、methods中配置的函数，不要用箭头函数，否则this就不会只想vue实例了 4、methods中配置的函数，都是被Vue所管理的 ......
vue-pdf相应报错
[vue-pdf相应报错及解决](https://blog.csdn.net/m0_55969466/article/details/126033955) [vue中pdf预览，报错（Cannot read properties of undefined (reading ‘catch‘)）解决]( ......
Java实战-不可变容器、列表遍历删除、HashMap遍历删除、巧用函数方法实现二维数组遍历
场景 Java中不可变容器的使用 Java工具库Guava的不可变集合和新集合类型Multiset、Multimap、BiMap、RangeSet、RangeMap等的使用示例： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/12 ......
vue开场动画
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="web ......
vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
使用qrcodejs2生成二维码的方法: /** * 二维码生成 * @param content 生成二维码内容 * @param desc 二维码底部描述 * @param qrcodeDom 挂在dom * @returns {*|HTMLDivElement} */ export funct ......
前端 React + vite + Typescript 后端 java + springmvc + jwt 跨域 解决方案
首先后端配置跨域： web.xml文件： <!-- 配置跨域 --> <filter> <filter-name>header</filter-name> <filter-class>org.zhiyi.config.Cross</filter-class> </filter> <filter-ma ......
vue3 整数还是显示整数，有小数的保留两位小数显示，写一个指令
1、新建number-format.ts import { Directive, DirectiveBinding } from "vue"; const numberFormat: Directive = { mounted(el, binding: DirectiveBinding) { con ......
vue3 整数还是显示整数，有小数的保留两位小数显示，并显示千分符，写一个指令
1、新建 number-thousander-format.ts import { Directive, DirectiveBinding } from "vue"; const numberThousanderFormat: Directive = { mounted(el, binding: D ......
Git + msys2 + ohmyzsh 打造Win11美化终端及代码高亮
## 1.下载最新版zsh [Package: zsh - MSYS2 Packages](https://packages.msys2.org/package/zsh?repo=msys&variant=x86_64) ## 2.下载PeaZip https://peazip.github.io/ ......
第五篇 - 搭建一个Vue项目
上一节创建了一个Spring Boot的后端登录功能，接下来创建一个Vue项目实现前端登录页面 一、创建一个Vue项目 将Vue项目创建到spring boot demo1项目中。打开idea的Terminal，运行【vue init webpack vuetest】，后面都按enter/Y/n等就 ......
Vue07-Axios
# Axios axios是一个网络请求相关的库。 > axios: ajax i/o system 使用axios编写的网络请求代码，可以运行在浏览器端，也可以在Node环境中运行。 ## 01. 支持的请求方式 - axios(config) - axios.request(config) - ......
Vue+.net core 7 api跨域
nginx的不说，直接说在项目中配置的。 重点：前端要配代理，后端要设置返回的头文件信息。双管齐下 1、前端在项目中的vue.config.js配置中进行设置 module.exports = { publicPath: '/', outputDir: 'dist', // 发布输入文件 asset ......
Vue computed property values was assigned to but it has no setter
vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di ......
vue监听浏览器窗口大小变化,做对应的操作
页面初始化mounted的时候，通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高，然后通过 window.onresize 来监听浏览器窗口的变化，在这里来改变我们的变量宽和高即可。（created()的时候不行，因为此 ......
Vue+element搭建后台管理系统-六、实现权限管理
在一些后台管理系统中，每个身份登录的权限不一样，以至于配置的菜单不一样。就我做过的小区物业管理系统而言，举个例子：业主登录网站只能看到社区服务中的投诉、维修以及查看公告。而管理员可以看到一些对本小区的基本操作，例如查看楼栋，查看业主，账单催缴等等…而超级管理员，可以看到所有界面，以及处理一些审核等等 ......
前端上传文件可能的问题
上传文件失败，可能的原因 1. 前端默认限制了文件大小，例如我这里使用了 axios 发送请求，默认是有大小显示的，可以在配置里面设置文件大小，比如设置内容和请求体大小为 100M，默认打印出来的是 -1 config.maxContentLength = 100 * 1024 * 1024; co ......
JS逆向实战15——猿人学第五题 动态cookie乱码增强
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 网站 > https://match.yuanrenxue.cn/match/5 # 网站分析 首先 刚进入页面即显示 ......
Pycharm中开发vue element项目时eslint的安装和使用
在PyCharm中使用ESLint对Element UI进行语法检查和代码风格检查的配置步骤如下： 确保你的项目已经配置了ESLint并且可以正常运行。如果尚未安装ESLint，请先使用npm（或者你的包管理器）在项目中安装ESLint： npm install eslint --save-dev ......
C端用户体验度量实战篇-京东快递小程序体验度量全面升级
本文通过介绍体验度量模型升级研究过程、研究方法及研究结果等内容，结合实际C端产品应用，观测新模型运行周期的表现，验证了其在高速发展的业务形态和日益变化的用户需求上的适用性和有效性。 ......
vue-cli详细说明
vue-cli 单页面应用程序 单页面应用程序（Single Page Application）一个web网站只有唯一一个HTMl页面，所有功能&交互都在唯一一个页面完成 vue-cli vue-cli是vue.js开发的标准工具，简化了基于webpack创建工程化的Vue项目的过程。 创建项目 基 ......
VUE2/3差异之模板写法
Options API (选项API) 传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。虽然尽量一个文件不要写太多代码(1000行内)，但总有一些大型组件要一个文件写很多代码 优点：各选项编写写位置固定，结构清晰缺点： 代码组织性差，相似的逻辑代码不便于复用 逻辑 ......
SpringBoot集成kafka全面实战
一、前戏1、在项目中连接kafka，因为是外网，首先要开放kafka配置文件中的如下配置（其中IP为公网IP）， advertised.listeners=PLAINTEXT://112.126.74.249:9092 2、在开始前我们先创建两个topic：topic1、topic2，其分区和副本数 ......
常见问题解决 --- 若依vue部署前后端 502 (Bad Gateway)
nginx配置文件中配置代理访问 这里配置的proxy_pass是后台接口的代理 location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_he ......
vue的两个特性
# vue的特性 vue框架的特性，主要体现在如下两方面： 1. `数据驱动视图` 1. `双向数据绑定` # 数据驱动视图 ![image](https://img2023.cnblogs.com/blog/1069029/202305/1069029-20230531001444511-1724 ......
推荐一款免费的终端工具-Windterm
####Windterm 提到SSH终端工具，大家一定会想到putty、xshell、MobaXterm这些产品。但是当我使用Windterm后，我彻底改变了我对之前使用SSH终端工具的认知，其强大的能力，彻底征服了我。 windterm是一款风格独特、开源、且完全免费的SSH/Telnet/Ser ......
基于JAVA的springboot+vue学生综合测评系统，附源码+数据库+论文+PPT
**1、项目介绍** 本学生综合测评系统以springboot作为框架，b/s模式以及MySql作为后台运行的数据库，同时使用Tomcat用为系统的服务器。本系统主要包括首页，个人中心，学生管理，试题信息管理，测评试题管理，管理员管理，综合测评管理，系统管理，综合考试管理等功能，通过这些功能的实现基 ......