- 博客(112)
- 收藏
- 关注
RSS订阅原创 vue3下载依赖报错，版本信息不正确 npm error code ERESOLVE could not resolve npm error npm error While resolving
vue3下载依赖报错，版本信息不正确 npm error code ERESOLVE could not resolve npm error npm error While resolving npm error Fix the upstream dependency conflict, or retrynpm error this command with --force or --legacy-peer-depsnpm error to accept an incorrect (and poten
2025-05-28 01:12:09
336
原创 mongodb根据id查询修改数报错 collection.update is deprecated. Use updateOne, updateMany, or bulkWrite instead
这个错误就是因为update的版本太低了，慢慢就不再支持了是使用mongoose需要遵循它的新语法，改造成如下写法：nst updOne = await this.update({ _id: verify_id }, { // 认证通过，状态设置为1 state: 1, // 审核操作人 verify_user, verify_at: Date.now()});或者使用updateOne、...
2022-04-30 00:48:44
1706
原创 mongodb的数据排序并根据条件修改某一条数据
首先，排序的字段需要是Number类型的,如果是字符串类型的将无法排序 数据根据REVIEW排序并且倒序 return Userinfo.find({}).sort({ "REVIEW": -1 })修改指定文件的某个字段 修改集合为userSore数据中所有的USER_ID为"12345"的 name字段为黄 db.userSore.update({USER_ID:"12345"},{$set:{name:"黄"}},{mlit:"true"})注意这条语句是修改 USER_
2022-04-28 00:10:11
1646
原创 echarts实现阈值线
option = { backgroundColor: '#0A1651', tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#57617B' } } }, legend: { // icon: 'diamond', itemGap: 1.
2022-02-01 21:58:26
2732
2
原创 echarts实现环形图
//职称结构取数var getsjjg = ['高级', '中级', '初级', '无等级'];var getsjjgrs = [35, 30, 22, 12];var syjgdata = [];for (var i = 0; i < getsjjg.length; i++) { syjgdata.push({ name: getsjjg[i], value: getsjjgrs[i] })}var syjgdata2 = [];for.
2022-02-01 21:57:14
711
原创 echarts实现象形柱状图
option = { backgroundColor:'#031d33', animation: true, grid: { top: "5%", bottom: "15%", right: "5%" }, xAxis: { data: ['消防烟感','摄像机','环境烟感','路灯','地磁'], axisLine: { .
2022-01-28 12:31:26
636
原创 echarts实现水平柱图
var category= [{ name: "管控", value: 2500 }, { name: "集中式", value: 8000 }, { name: "纳管", value: 3000 }, { name: "纳管", value: 3000 }, { name: "纳管", .
2022-01-28 12:29:05
2032
原创 echarts实现折线图销量统计带气泡
var xData = function() { var data = []; for (var i = 1; i < 31; i++) { data.push(i + "日"); } return data;}();option = { backgroundColor: "#1A1835", tooltip: { trigger: "axis", axisPointer: { .
2022-01-28 12:27:25
1179
1
原创 ecahrtss实现环形进度条
option = { title: [ { text: '已完成', x: 'center', top: '55%', textStyle: { color: '#FFFFFF', fontSize: 16, fontWeight: '100', }, .
2022-01-28 12:25:38
611
原创 ecahrts实现进度条功能
let barWidth = 12;var data1 = [42];var titlename = ['时间'];var valdata = [100];option = { backgroundColor: 'balck', xAxis: { show: false, inverse: true, }, yAxis: [ { show: false, data: ti.
2022-01-28 12:23:48
1144
1
原创 echarts实现立体圆柱
xData = ['本年话务总量', '本年人工话务量', '每万客户呼入量'];yData = [0, 1230, 425];option = { backgroundColor: '#061326', grid: { top: '25%', left: '-5%', bottom: '5%', right: '5%', containLabel: true, }, tooltip: {.
2022-01-28 12:18:36
1196
原创 echarts实现多条柱状图并且自动播放
var option = { backgroundColor:'#323a5e', tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, grid: { left: '2%',..
2022-01-28 12:16:36
1168
原创 echarts实现数量超过14条显示滚动条
let dataX = ['XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道','XX街道']; //名称let dataY = [20,50,15,35,50,30,40,50,60,20,50,15,35,50,30,40,50,60]; //数据let zoomShow = false;if (dataY.len.
2022-01-28 12:13:51
3654
原创 echarts实现多折线
option = { title: { text: 'Stacked Line' }, tooltip: { trigger: 'axis' }, legend: { data: ['广州西门子变压器公司', '耐恒（广州）纸品有限公司', '广州斗原钢铁有限公司', '广州璨宇光学有限公司', '佐登妮丝（广州）有限公司'] }, grid: { left: '3%', right: '4%', bottom: '3%', .
2022-01-28 12:12:08
1239
原创 echarts 自动轮播双折线
let xLabel = [‘3.26’, ‘3.27’, ‘3.28’, ‘3.29’, ‘3.30’, ‘3.31’]let goToSchool = [“40”, “60”, “22”, “85”, “50”, “40”]let goOutSchool = [“20”, “50”, “12”, “65”, “30”, “60”]option = {backgroundColor: ‘#0e1c47’,tooltip: {trigger: ‘axis’,backgroundColor:‘.
2022-01-28 12:09:25
938
原创 Promise.all实现顺序顺序调用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Promise.all顺序调用</title> </head> <body> <button type="button" style="width:200px;height: 90px;" id="btn">按照顺序加载</button> </b
2022-01-12 00:56:15
910
原创 Promise实现按照顺序调用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Promise顺序调用</title> </head> <body> <button type="button" style="width:200px;height: 90px;" id="btn">按照顺序加载</button> </body&
2022-01-12 00:52:22
866
原创 解决element ui中tabs组件切换没有加载对应页面方法
解决element ui中tabs组件切换没有加载对应页面方法<template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane v-for="(item, index) in tabsArr" :key="index" :label="item.label" :name="
2021-11-14 22:45:59
4144
原创 element ui中tabs页面组件切换没有加载
开发中遇到了一个问题就是我使用element ui中的tabs组件时候，每一个tab内嵌套了一个组件页面，但是我发现当切换之后，生命周期都没有走，页面的方法也没有触发三个tabs 中放了三个页面组件只是第一次页面加载进来触发了，后期切换都不能触发解决方法就是可以采用 tabs的name和每一个组件的隐藏状态同名，并且每一个组件的隐藏状态值都是tabsArr里面的值,并且放在tabsArr里面当切换之后 对应handleClick方法会判断当前点击的页面name和tabsArr对象里面哪一个属性名
2021-11-14 22:23:03
3659
原创 使用js控制css中classList方法,对元素类名进行操作
使用javascript中classLis方法操作元素上面的类名进行增删除改切换等操作<template> <div class="con"> <div> <div id="box" class="a b"></div> <el-button class="button" type="primary" @click="add">新增</el-button&.
2021-11-05 11:34:11
574
原创 vue鼠标点击指定区域创建dom元素与编辑删除元素的思路
vue鼠标点击指定区域创建dom元素与编辑删除元素的思路话不多说有思路直接干一. 鼠标点击页面灰色背景创建红色元素二. 点击已经创建的红色元素则是编辑或者删除根据点击元素的类名来判断是属于创建元素还是编辑或者删除元素e.target.className == “元素类名”点击创建一个元素就给当前元素添加一个自定义属性及id，方便后续匹配删除及编辑操作上代码<template> <div> <!--编辑删除 -->
2021-11-02 00:31:53
2430
原创 《拖拽媒体流音乐播放器》
<body> <i>(友情建议不要用 360 和 IE 浏览器，最好使用<a href="javascript:if(confirm(%27 http://hysgo.com/ \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found. \n\nDo you want to open it from the s.
2021-10-31 11:18:52
199
原创 vue中使用swiper报错问题及解决方法
最近开发中遇到了使用swiper组件时候一直报错问题，后来发现是版本导致的问题1.下载这两个版本插件：“swiper”: “^4.5.1”,“vue-awesome-swiper”: “^4.0.4”,npm install vue-awesome-swiper@4。0.4 --save -devnpm install swiper@4 --save -dev2.在xxxx.vue的组件中引入<script>import { swiper, swiperSlide } fro
2021-10-15 21:04:17
2811
原创 vue实现下拉复选框全选与全不选
<el-select multiple collapse-tags v-model="searchForm.auditResult" @change="changeSelect" @remove-tag="removeTag" placeholder="请选择"> <el-option label="全选" value="全选" @click.native="selectAll"></el-option> <el-option v-for="(i...
2021-10-11 21:04:34
2702
3
原创 vue中绑定图片src无效
前几天做自己的项目时遇到后台返回图片数据了，但是前端vue绑定了没有效果，并且图片的src显示的是 src(unknown)后来才尝试用refs的方法解决办法可以把img标签中加入ref最后解决
2021-07-31 00:33:28
713
原创 react生命周期写法
一. 挂载阶段 MountingcomponentWillMount: 在组件即将被挂载到页面的时刻执行。在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重新渲染，也可以把写在这边的内容提前到constructor()中，所以项目中很少用。render: 页面state或props发生变化时执行。根据组件的props和state（无两者的重传递和重赋值，论值是否有变化，都可以引起组件重新render） ，return一个React元素（描述组件，即
2021-07-18 14:16:37
262
原创 vue中使用滚动页面实现列表渐渐的显示渐渐的隐藏动画
官网给出的动画参数{ delay: 0 } 延迟{ distance: ‘0px’ } 距离{ duration: 600 } 持续时间{ easing: ‘cubic-bezier(0.5, 0, 0, 1)’ } 速度{ interval: 0 } 时间间隔{ opacity: 0 } 透明度{ origin: ‘bottom’ } 原点rotate: { x: 0, y: 0,z: 0} 旋转{ scale: 1 } 缩放...
2021-07-11 23:58:23
944
1
原创 vue里面使用scrollReveal动画滚动的插件实现图片或者文章的动画
先来看看效果在网站上我们看到很多下拉加载页面的，渐渐的显示，其实用的就是一个插件想要实现这样的效果很简单 一. 安装 npm install --save vue-scroll-reveal 二. 引用 在main.js中复制下面的代码 import VueScrollReveal from 'vue-scroll-reveal'; Vue.use(VueScrollReveal,{ class: 'v-scroll-reveal', dura
2021-07-11 23:55:26
1469
2
原创 element ui中 el-dialog关闭窗口清空表单验证
关闭窗口时候清除表单内的验证 一般有两种方法一.通过点击el-dialog右上角X按钮来关闭关闭el-dialog方法内用refs方法获取form表单 并且调用resetFields()方法二 点击取消按钮时候关闭弹窗，并也需要清空表单当前这个方法内传入的也是$refs的对象，官网也有记载这样就可以关闭窗口时候清空表单验证了...
2021-07-03 15:14:06
2504
原创 css画一个推荐图标
有很多网站上都有出现这样的图标，今天用css就画一个叭-----------------------------css部分--------------------------------<style> .common-label{ position: absolute; width: 30px; height: 24px; line-height: 24px; text-align: center; color: #fff;
2021-06-23 11:07:48
160
原创 前端js实现物体碰撞
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>前端物体碰撞方法</title></head><style>div {position: absolute;to
2021-06-21 16:58:08
660
原创 JS拖拽事件，碰撞检测(碰撞变色效果)
<html> <head> <meta charset="utf-8" /> <title>碰撞检测</title> <style> .box { width:100px; height:100px; background:red;
2021-06-21 16:11:15
411
原创 js中清空对象
var obj={'name':"小明",'age':23} for(let key in obj){ obj[key] = '' }console.log(obj) //{name:" ",age:" "}
2021-06-19 20:06:31
1948
原创 微信小程序中navbar及默认首页的实现
小程序中想要默认页面展示的页面应该在app.json文件中的pages中配置第一个文件路径就是自己默认展示的第一个页面2.配置navbar，也就是有几个切换的tab页面
2021-06-13 22:56:56
2706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人