布局vue web
SpringBoot + Vue实现分页查询
后端 在controller层修改 SpringBoot自带分页查询方法，只需要修改关键代码就可以 @GetMapping("/findAll/{page}/{size}") //获取url输入的页码 public Page<Users> findAll(@PathVariable("page") ......
vue3所遇问题
1. table表格无边框数据乱飞 解决方法 ： 将 import { } from 'Element plus ' 删去 2.表单无法输入内容 解决方法 ： ref="form" :model="form333" ref与:modle 不可重名 ......
Vue中的Vuex
概述 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 对于组件间的通信方式而言，vuex也是一个可以进行任意组件通信的方法。 使用场景： 某个状态在很多组件来使用（个人信息） 多个组 ......
vue 检测可视区域大小及是否改变
表格height:'auto'，如果是只有一个vxe-grid还好，会自动伸展高度，但是多个展示的时候，比如左侧列表，右侧显示一个流程。 这样height:'auto'，发现不太好使。 这样就要计算可视区域高度，并进行动态处理。 const areaHeight = ref(0); onMounte ......
VUE+Element UI
el基本标签 Vue集成 Element Ul Element Ul后台管理系统主要的标签: el-container:构建整个页面框架。 el-aside:构建左侧菜单。 el-menu:左侧菜单内容，常用属性:default-openeds:默认展开的菜单，通过菜单的index值来关联。:def ......
C++ LibCurl实现Web指纹识别
Web指纹识别是一种通过分析Web应用程序的特征和元数据，以确定应用程序所使用的技术栈和配置的技术。这项技术旨在识别Web服务器、Web应用框架、后端数据库、JavaScript库等组件的版本和配置信息。通过分析HTTP响应头、HTML源代码、JavaScript代码、CSS文件等，可以获取关于We... ......
前端vue经典面试题78道（重点详细简洁）
前端vue经典面试题78道（重点详细简洁） 目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别： 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲 ......
vue jsx相关的各种各样的包
babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-plugin-js-v-model @vue/babel-plugin-jsx requires @babel/plugin-syntax-jsx @vue/babel-plug ......
记录--用了那么久的Vue，你了解Vue的报错机制吗？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理 ......
vue弹窗中嵌入iframe页面，焦点在iframe页面中，需要监听esc按键关闭弹窗
当焦点在弹窗中，点击esc按钮能正常关闭弹窗，但是当焦点在iframe页面中时，esc按键就不生效了 试错： 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
vue必问核心面试题(vue2),下篇更新vue3面试题
Vue 面试题 v-if 和 v-show 的区别。 在频繁切换使用的场景建议用v-show<p style="display: none;">B</p>DOM会渲染所有的v-show，用不到就style="display: none;" 为何 v-for 中使用 key（要说明原理）？ 描述 V ......
NGINX+keepalived+http（web服务器）高可用与负载均衡架构
一、服务器搭建策略单机模式： 只有一台应用服务器，组成一个单机模式优点：简单方便（搭建、运营、维护）缺点：不能出故障(停电、断网、系统崩溃、硬件老化、性能瓶颈)应用场景：小型项目（几十个人）集群(cluster)模式：有一个应用服务器集群(cluster)，由很多应用服务器组成一个集群 二、服务器三 ......
VUE中选项式API和组合式API讲解。
Vue.js 提供了两种主要的 API 风格：选项式 API（Options API）和组合式 API（Composition API）。这两种 API 风格可以用来编写 Vue 组件，但它们在组织代码、复用逻辑和组件结构等方面有不同的方式。 选项式 API 是 Vue.js 最早引入的 API 风 ......
vue面试题_vue2和vue3的区别
1、数据绑定原理不同 vue2：vue2的数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。 vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用proxy的优势如下： definePro ......
最热的前端Web组态工具了解下（可视化）
随着5G、物联网、大数据等技术的高速发展，各领域逐步向数字化、可视化的人工智能（AI）的方向不断迈进。全球进入工业 4.0 时代，标志着先进的信息技术于制造业紧密结合，将从单纯的生产要素向数据驱动、智能化、高度自动化的方向转型。 2023即将结束，紧跟行业发展，小编整理了2023年几款最热门的前端W ......
C++ LibCurl实现Web隐藏目录扫描
LibCurl是一个开源的免费的多协议数据传输开源库，该框架具备跨平台性，开源免费，并提供了包括HTTP、FTP、SMTP、POP3等协议的功能，使用libcurl可以方便地进行网络数据传输操作，如发送HTTP请求、下载文件、发送电子邮件等。它被广泛应用于各种网络应用开发中，特别是涉及到数据传输的场... ......
Vue 项目每次发版后要清理浏览器缓存 问题
configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: ......
vue3 ts 父子 组件小例子
<project-tab ref="projectTabRef" v-model="form.projectVO" :data="parentToChild" @update="updateHandler"></project-tab> //引用组件 const ProjectTab = defin ......
ant design vue 1.x 和 3.x 自定义表单示例
以下是项目中用到的自定义表单的写法，vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下： import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件，可以在组件里拖动排序，也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件，可以随意拖 ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。 为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案： 在服务器端配置，确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
web04(内置对象,标签)
九大内置对象 out对象：用于向客户端、浏览器输出数据。 request对象：封装了来自客户端、浏览器的各种信息。 response对象：封装了服务器的响应信息。 exception对象：封装了jsp程序执行过程中发生的异常和错误信息。 config对象：封装了应用程序的配置信息。 page对象：指 ......
day132--springboot web场景-静态资源规则与定制化
springboot web场景-静态资源规则与定制化 静态资源目录 只要静态资源放在类路径下： called /static (or /public or /resources or /META-INF/resources 访问 ： 当前项目根路径/ + 静态资源名 原理： 静态映射/**。 当请 ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序： 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint：Standard & Lint on Save 配置文件 dedicated c ......