three vue js

js深拷贝

js深拷贝 在JavaScript中,有多种方法可以实现对象的深拷贝,下面介绍几种常用的方式: 手动遍历对象进行复制 function deepCopy(obj) { if (typeof obj !== 'object' || obj null) { return obj; } let newOb ......
拷贝

vue请求后端数据和跨域问题

最近遇到的一个问题 后端写好的接口,前端怎么获取数据 这是我后端的接口:GET 接口 这是我前端运行的项目地址: 简单使用: 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网:https://www.axios-http.cn/ 不过要在vue中使用它,就需要先安装 打开终端 输入一下 ......
数据 问题 vue

vue8小时带刻度的时间轴,根据当前时间实时定位

效果图: 需求: 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
时间 刻度 实时 小时 vue8

常用JS

替换html str.replace(/<[^>]+>/g, '') 正则替换ALL str.replace(/&nbsp;/g, '') 正则替换所有空位 str.split(/[\t\r\f\n\s]*/g).join('') ......
常用

webstorm配置了vite.config.js还是识别不了

不是webpack,而是vite 1.根目录新建tsconfig.json,或者jsconfig.json 2.复制代码 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./src/*"] } } } ......
webstorm 还是 config vite js

vue3+ swiper8

swiper是一个非常好用的图片切换组件,但是vue3 + swiper8 版本的文档看上去会有点懵逼(一部分是因为版本太多了,一部分是因为很少用) 此处记录下我的使用方法: 安装: npm i swiper 按照官网来使用: html部分:(基本上常用的也就这些啦,在复杂的就真的要去啃书啦) <s ......
swiper8 swiper vue3 vue

vue实现下拉懒加载

<template> <div class="ele-body infinite-wrapper" style="height: calc(100vh - 235px); overflow: auto" > <div class="columns" v-loading="loading"> <div ......
vue

Vue 前端开发团队风格指南(史上最全)

Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,本文根据项目实际情况整理了一份适用于团队开发的vue风格指南,供大家参考。 ......
前端 团队 风格 指南 Vue

VUE ELEMENT-UI无法用右上角的“X”关闭,取消按钮可用

VUE ELEMENT-UI无法用右上角的“X”关闭,取消按钮可用 原因:清空方式有问题 我定义的要打开的表单: addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
ELEMENT-UI 按钮 ELEMENT VUE UI

实现一个js平滑滚动到顶部的小功能

// 平滑滚动到顶部 // scrollDom 出现滚动条,要滚动的元素 // speed 平滑滚动的速度 number类型 const scrollToTopSmooth = (scrollDom, speed) => { let scrollTop = scrollDom.scrollTop f ......
功能

vue3拾遗(不定期更新)

props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时,会依次触发onBeforeUpdate、onUpdated生命周期钩子 ......
vue3 vue

nginx部署vue项目显示空白页

报错提示: index-fbb90c85.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". ......
空白 项目 nginx vue

Three_Phase_Induction_Motor:基于MATLAB/Simulink的三相感应电机动态数学建模仿真模型。

Three_Phase_Induction_Motor:基于MATLAB/Simulink的三相感应电机动态数学建模仿真模型。仿真条件:MATLAB/Simulink R2015bYID:5380650367252800 ......

Three_Phase_Rectifier_SimpleSVPWM:基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型,输出电压

Three_Phase_Rectifier_SimpleSVPWM:基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型,输出电压开环控制。仿真条件:MATLAB/Simulink R2015bID:7120649953967466 ......

页面上的元素无法定位时可以引用js语法

display='block':显示 display='none':隐藏 js = "document.getElementsByClassName(\"del-icon el-icon-delete\")[0].style.display='block';"#调用js脚本self.driver.e ......
语法 元素 页面

Three Phase SFT_PLL_vs_Dalbe:基于MATLAB/Simulink的滑动连续傅里叶变换与d-q轴解偶的三相PLL锁相环仿真

Three Phase SFT_PLL_vs_Dalbe:基于MATLAB/Simulink的滑动连续傅里叶变换与d-q轴解偶的三相PLL锁相环仿真模型。仿真条件:MATLAB/Simulink R2015bID:1680649614837693 ......
SFT_PLL_vs_Dalbe PLL Simulink MATLAB Three

Three_Phase_SPWMRectifier:基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。

Three_Phase_SPWMRectifier:基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。仿真条件:MATLAB/Simulink R2015b,如需转成低版本格式请提前告知ID:5215649229233422 ......

Three_Phase_Passive_Inverter_withDroop:基于MATLAB/Simulink的三相无源逆变器仿真模型,逆变器控制采用

Three_Phase_Passive_Inverter_withDroop:基于MATLAB/Simulink的三相无源逆变器仿真模型,逆变器控制采用下垂控制。仿真条件:MATLAB/Simulink R2015b,如需转成低版本格式请提前告知ID:3835649231877702 ......

Three_Level_NPC_Inverter:基于MATLAB/Simulink的三电平中性点钳位(NPC)逆变器仿真模型。

Three_Level_NPC_Inverter:基于MATLAB/Simulink的三电平中性点钳位(NPC)逆变器仿真模型。仿真条件:MATLAB/Simulink R2015b,购买前如需转成低版本格式请提前告知,谢谢。 ID:2570648822844657 ......

LCL_Three_Phase_inverter:基于MATLAB/Simulink的LCL三相并网逆变器仿真模型,交流电流内环才用PR(比例谐

LCL_Three_Phase_inverter:基于MATLAB/Simulink的LCL三相并网逆变器仿真模型,交流电流内环才用PR(比例谐振)控制,PWM波采用SVPWM控制,附带对应的参考文献。仿真条件:MATLAB/Simulink R2015b,购买前如需转成低版本格式请提前告知,谢谢。 ......

解决vue中路径中的多一个#

本文要解决的问题是在vue项目中,主路径和vue路径中多一个# 这个东西只需要改一个这个就行 vue-router的mode: ‘history’ const router = new VueRouter({ mode: 'history', routes: [...] }) ......
路径 vue

js基础---事件

事件的概念与使用方法 js标签引入的时机 ......
事件 基础

用print-js实现打印功能时element table组件打印不全的问题

插件下载: npm install --save print-js 解决方案,修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
组件 print-js element 功能 问题

vue移动端实现调用相机扫描二维码或条形码

一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景:页面上有个按钮,点击触发扫码功能 @click='scanCode()',在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator ......
条形 条形码 相机 vue

js基础---dom

document对象的一些常用属性与方法 document的概念与原型链 通过元素修改文本内容 属性节点的修改方法 ......
基础 dom

java基于ssm+vue药品商超进销存管理系统,附源码+数据库+文档+PPT,适合课程设计、毕业设计

1、项目介绍 使用药品管理系统的分为管理员和用户、员工三个权限模块。 管理员所能使用的功能主要有:首页、个人中心、用户管理、员工管理、药品类别管理、药品信息管理、药品入库管理、药品出库管理、在线咨询管理、留言板管理、系统管理、订单管理等。 用户可以实现;首页、个人中心、在线咨询管理、我的收藏管理、订 ......

js中的this

js中的this指向 首先this是动态的,在函数调用前是无法预知的,只有函数被调用后this才被确定。 函数调用的5种情况 通过对象调用函数,this指向对象 直接调用函数,this指向全局对象 如果通过new调用函数,this指向新创建的对象 如果通过apply、call、bind调用函数,th ......
this

vue国际化(多语言)

方法1:用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......
国际 vue

使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决

使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下 // 处 ......
缓存 组件 keep-alive 菜单 问题

js基础---date的格式化与exec()正则表达式

exec():获取字符串中符合正则表达式的内容。 正则表达式中的匹配模式:i代表忽略大小写,g代表全局匹配 ......
正则 表达式 格式 基础 date