前端 终端 实战vue
web前端三大主流框架对比
关注我了解更多web前端技术知识，带你一路“狂飙”到底！上岸大厂不是梦！ web前端开发框架是在前端工程师中经常会用到的内容,可以大大减少项目中的bug,节约开发成本,加快项目周期。在使用web前端开发框架之前,需要先了解web前端三三大主流框架有哪些。目前web前端三大框架Angular、Reac ......
Java__SpringBoot与Vue连接
SpringBoot与Vue 注解RequestMapping("/dir/") 创建一个方便前端调用的接口目录/接口函数，前端可以获取到函数返回的数据 @RestController @RequestMapping("/dir/") public class BotInfoController { ......
前端常用
常用 设计一个居中的代码 <template> <el-container class="container"> <el-card class="box-card"> <div class="clearfix"> <span>卡片名称</span> <el-button style="float: ......
Vue 3.0自定义指令
Vue2 和 Vue3 在自定义指令上有一些差异，并不完全一致，下面的介绍主要是针对 Vue3 的介绍。 1. 作用域 自定义指令有两种作用域，一种是局部的自定义指令，还有一种是全局的自定义指令。局部的自定义指令就只能在当前 .vue 文件中使用，全局的则可以在main.js里挂载之后，在所有的 . ......
Nginx 入门实战(1)--简介及安装
本文介绍的 Nginx 为开源版本 Nginx，官网地址为：https://nginx.org/en/，如需了解商业版本，可访问商业官网：https://www.nginx-cn.net/；文中所使用到的软件版本：nginx 1.22.1、pcre 8.43、opnessl 1.1.1s、CentO ......
vue 3.0 windows node切换
'"bash"' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 https://blog.csdn.net/cnds123321/article/details/121257762 超级管理运行cmd C:\Program Files\nodejs>gnvm list Usage: gnv ......
Vue——stateMixin【十五】
前言 经过initMixin再接下来就到了stateMixin，接下来咱们就看看stateMixin中到底有什么； 内容 stateMixin位于src/core/instance/state.ts下； export function stateMixin(Vue: typeof Component ......
vue项目结合,vant 实现中轮播图中，点击图片放大图片
思路： vant中提供函数 ImagePreview 给原每一个图片子元素设置点击事件，api中提供 initial-swipe 索引，拿到原图索引 设置change事件，保存大图切换的对应索引给到自己的 initial-swipe索引中 设置图片预览切换时，根据切换后的索引，设置原图的位置，大图原 ......
vue学习 第四天 css ---元素显示模式 display
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 ......
关于 HBuilderX 中内置终端无法输入的问题解决
01. 先安装内置终端插件； 02. 打开 内置终端配置文件： D:\HBuilderX\plugins\builtincef3terminal\script\main.js 03. 将原来的 Shell.exe 改成 cmd.exe , 重启 IDE 即可； ......
可视化大屏的终极解决方案居然这么简单，vue-autofit一行全搞定！
可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结 ......
vue3 create-vue 开启vite自动验证eslint
0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
守护地下“命脉”丨计讯物联水利遥测终端助力地下水监测方案
方案背景 地下水是水循环中的活跃因子，维持着河川基流，维系着生态系统健康。作为宝贵的自然资源，地下水是工农业赖以发展的重要基础生产资料。目前，地下水为全球40%的农业灌溉和30%的工业用水提供了水源保障。然而，一些地区过度开采地下水，造成水位下降、地面沉降、水质恶化等生态问题，进而导致人类的健康安全 ......
利用Velero对K8S备份还原与集群迁移实战
Velero 是一款云原生时代的灾难恢复和迁移工具，采用 Go 语言编写，并在 github 上进行了开源，本文将介绍利用 velero 对集群应用进行备份、恢复和迁移 Kubernetes 集群资源和持久卷。 ......
ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天
在项目中这个问题在困扰我，虽然我知道它是有一个Api是disableDate来控制时间的选择；但是只能够实现开始时间跟结束时间之间差不能超过3天。 效果图 接下来就是代码时间呀 <a-col> <a-form-model-item label="任务时间范围" prop="priceRangeDat ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
前端跨域解决方案——postMessage
在前端开发中，跨域是一个常见的问题，由于同源策略的限制，浏览器不允许在不同源的页面之间直接进行通信。解决跨域问题有多种方式，其中一种常用的方式是使用postMessage。 postMessage是HTML5引入的一种跨文档通信的机制，可以在不同的窗口或框架之间传递数据，即使这些窗口或框架不属于同一 ......
vue自定义事件
书接上文，我们仔细想一想，如果我们想要在模板标签中，操作vue对象中的数据，根据前面学习的知识我们可以知道， 如果模板标签想要读取vue对象中的数据，需要对想要的数据进行绑定，并且通过props接收， 如此以来，我们实际上是将vue中的数据传到了模板里，也就是说，在模板中的数据类似于局部变量， 对局 ......
vue打包后，接口请求404的完美解决方案
在开发环境中，和后台对接为了解决跨域问题，使用了代理，也就是vue的proxyTable，但是打包放到生产环境中去时，接口请求不到，404，原因是开发环境的代理并不能用到生产环境，但是直接在请求接口是使用服务器地址，可以成功，但是会造成cookie丢失而失去权限验证 我脑海里出现有两种办法，一是使用 ......
前端开发环境准备
前情提示，适合有点计算机基础的，然后尽量有自己的梯子 scoop 个人推荐的windows安装包管理器 官网传送门 git 个人推荐安装mingit scoop安装（要点运气，国内时不时墙了Github） scoop install mingit 备用方案：git GitHub传送门 node sc ......
vue 拖拽功能实现
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
Vue Typescript 引入文件接口，就无法使用withDefaults
就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......
vue3组合式API介绍
为什么要使用Composition API? 根据官方的说法，vue3.0的变化包括性能上的改进、更小的 bundle 体积、对 TypeScript 更好的支持、用于处理大规模用例的全新 API，全新的api指的就是本文主要要说的组合式api。 在 vue3 版本之前，我们复用组件（或者提取和重用 ......
vue3学习之axios、mockjs、nswag
axios、mockjs 安装 npm i --save axios npm i --save mockjs axios、mockjs使用 创建 src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ bas ......
线上多域名实战
本文博主给大家分享线上多域名实战，当线上主域名不可用的情况下，启用备用域名完成网站高可用保障。 网站的高可用性一直是网站运维的重中之重。一旦网站宕机，不仅会造成巨大的经济损失，也会严重影响用户体验。备份域名就是一种实现网站高可用的重要手段。通过备份域名，可以在主域名不可访问时快速切换域名，保证网站正 ......
SpringMVC 后台从前端获取单个参数
1.编写web.xml(模板) 2.springmvc配置文件 3.编写对应数据库字段的pojo实体类 @Data @AllArgsConstructor @NoArgsConstructor public class User { private int id; private String na ......