多个vue-cli版本vue
Vue基础
一 条件渲染 指令 释义 v-if 相当于： if v-else 相当于：else v-else-if 相当于：else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else< ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
vue背景及快速使用
前端介绍 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2. Ajax的出现 -> 后台发送异步请 ......
Vue——模版语法、文本指令、事件指令、属性指令、style和class、条件渲染、列表渲染
模版语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/vue.js"></script> </head> <body> <div id="a ......
vue2原理初探-数据代理和数据劫持
本篇文章主要想简单聊聊vue如何实现数据修改，页面联动的底层原理。 当然，篇幅有限，只是自己一些浅显的认知而已，我会从一下几个方面去聊，希望对你有所帮助。 几个基础知识点 数据代理 数据劫持 完整demo 一、几个基础知识点 1.普通函数和箭头函数的区别 我们知道，每个函数执行都会形成一条作用域链[ ......
移动端低版本浏览器常见兼容性问题
在移动端低版本浏览器上，可能会遇到一些常见的兼容性问题。以下是一些常见的问题和解决方法： 不支持Flexbox布局： 低版本的移动浏览器可能不完全支持Flexbox布局。在这种情况下，您可以使用CSS的其他布局技术，如浮动（float）或定位（position）来替代Flexbox布局。 不支持某些 ......
mysql8.0版本的下载与安装
1.首先下载mysql，官网下载https://www.mysql.com/ 2.到页面底端，选择社区版 3.选择windows版本 4.选择较大的那个下载链接 5.跳过注册，直接下载 二、Mysql8.0的安装 1.双击下载后的安装文件，点击no，即自动升级选项 2.选择下一步 3. ......
一些vue面试题
1. Vue组件的生命周期有哪些，它们的执行顺序是什么? 答：Vue组件的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等。它们的执行顺序如下： beforeCre ......
Vue2 Modal组件函数式调用封装（基于Ant Design Vue 组件）
一、h函数（createElement函数）版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
从零开始使用vue2+element搭建后台管理系统（主页）
登录后，应有一个主页，可以展示当前用户的一些信息，例如上次登录时间地点、修改手机号、重置密码等简单功能，如图： 首先在views下新建HomeView.vue文件： <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
Vue源码学习(六):(支线)渲染函数中with(),call()的使用以及一些思考
好家伙, 昨天,在学习vue源码的过程中,看到了这个玩意 嘶,看不太懂,研究一下 1.上下文 这段出现vue模板编译的虚拟node部分 export function renderMixin(Vue) { Vue.prototype._c = function () { //创建标签 return ......
Electron-vue项目打包遇坑
项目背景 一个Electron+vue2的桌面应用项目，进行打包 使用了vue-cli-plugin-electron-builder将Electron和vue结合 直接使用electron-builder打包 问题一：打包后，background.js中会出现模块引入报错。Electron是com ......
vue导航守卫有哪些
在 Vue.js 中，导航守卫是一组函数钩子，用于控制路由跳转的行为。Vue.js 提供了三种导航守卫： 全局导航守卫：作用于整个应用程序，用于拦截和处理所有路由跳转。 beforeEach(to, from, next)：在路由跳转之前执行，可以用于进行权限验证、登录检查等操作。如果要继续路由跳转 ......
问题记录：vue项目中的babel转化器是否可以转换npm install下来的依赖库，使该依赖库也可以兼容es6语法？
vue项目中的babel转化器是否可以转换npm install下来的依赖库，使该依赖库也可以兼容es6语法？ 是的，Babel转换器可以用于转换通过npm install安装的依赖库，以使其兼容ES6语法。Babel是一个广泛使用的JavaScript编译器，可以将较新版本的JavaScript代 ......
mac 安装多版本JAVA
1、下载地址 https://www.oracle.com/java/technologies/downloads/#jdk17-mac 2、配置 以安装JAVA8 和 JAVA17 为例： 解压后将文件夹移动到目录 /Library/Java/JavaVirtualMachines （非必须，后面 ......
node版本管理神器nvm安装使用教程（Windows11版本）
什么是nvm？ 当我们在同时在做几个需求不同的项目时，可能我们需要使用不一样的node.js版本，那么我们就需要在不同的node.js版本中进行切换，我们要在电脑上重复卸载安装多个不同版本的node，非常麻烦，这个时候，我们就可以使用nvm来管理我们安装的node，需要使用哪个就指定哪个即可。 nv ......
uniapp VUE-H5页面微信公众号内使用微信JSAPI支付
注意看 本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题 前期准备工作 .首先要有一个开通商户注册的公众号，我们需要他的appid； .其次要开通商户公众号的公众号支付的功能并添加域名，开通完成后就可以基本开始我们的开发了 既然是jsapi开发 自然是要引入的 np ......
高版本kube-apiserver删除namespace
确认namespace下没有资源 kubectl get all -n my-namespace kubectl delete namespace my-namespace 调用kube-apiserver PUT接口去掉namespace中的finalizer kubectl proxy & PI ......
Vue的快速上手
01-Vue介绍 0 前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现 -> 后 ......
Webfunny大版本改造（mysql迁移至clickhouse)
Hello，大家好，欢迎使用Webfunny前端监控、Webfunny前端埋点系统。 最近一段时间，我们整个团队都在忙着改造webfunny的clickhouse版，改造的内容非常之多，工作量非常之大，大家都忙得焦头烂额的。所以很多小伙伴提的优化建议，在这段时间都搁置了，除非是比较严重的bug，基本 ......
个人微信API对接-Golang版本
golang版个人微信号API, 突破登录限制，类似开发公众号一样，开发个人微信号 微信机器人😈，利用微信号完成一些功能的定制化开发⭐ 模块简单易用，易于扩展 支持定制化开发，如日志记录，自动回复 突破登录限制📣 无需重复扫码登录 支持多个微信号同时登陆 安装 go get github.com ......
Vue--this的指代问题及用法
Vue--this的指代问题及用法 this在普通函数( function( ){ } )里，指代调用该函数（方法）的对象 this在箭头函数( ()=>{} )里，指代定义该箭头函数的外层对象 在axios调用当前vue实例的data： axios回调函数( .then() )是在执行栈中被执行， ......
Vue-选择器v-model绑定对象
Vue-选择器v-model绑定对象 <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" : ......
一个基于Vue模型的表单生成器
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vuetify Form Base是一个基于模型的表单生成器，目的是提供一个工具，以便以较少的努力从任何模型数据生成可编辑的表单，即使模型是一个深度嵌套的对象。 Vuetify Form Base作为Vue组件工作，可以很容易地集 ......
转载：Ubuntu 开机自动运行脚本(适用于Ubuntu20.04版本及之后)
Ubuntu 开机自动运行脚本(适用于Ubuntu20.04版本及之后) 原文网址：Ubuntu20.04--开机自动运行脚本(命令)--方法/实例_IT利刃出鞘的博客-CSDN博客 1.创建rc-local.service文件 sudo cp /lib/systemd/system/rc-loca ......
Vue介绍
前端的发展史 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请 ......
app测试日常踩坑——新老版本共用缓存问题
需求：在测一个页面，老版本就存在的一个页面（多个模块，一个接口分成三次请求返回），但是新版本要新增一个模块。老的页面的实现方式是页面直接读取redis数据（还有其他逻辑，方便解释暂时这样说），截取模块的方式来分接口返回，新增的一个模块是要放在中间。 方案：方案是沿用老的redis缓存，在老得缓存中加 ......
多个feign接口使用@FeignClient注解调用同一个名称的微服务时，启动会发生异常
解决方案： 方法1. 将feign接口合并 方法2. 在application.yml文件中增加配置spring.main.allow-bean-definition-overriding=true 方法3. 在@FeignClient注解上增加contextId属性，确保每个feign clien ......
vue 初识
一、前端的发展史 1、前端的发展演变 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 # 2 Aj ......
解决vue3中抽离出来的js如何调用页面的方法
有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......