笔记
关注
分享
扫一扫
经年未远
若我会见到你，事隔经年。
我如何贺你，以眼泪，以沉默！
展开
-
寻找-暮也斑斓
暮也斑斓-寻找，晨也辉煌原创 2023-01-31 23:14:41 · 234 阅读 · 1 评论 -
vue中使用node-sass和sass-loader安装报错问题
vue中使用node-sass和sass-loader安装报错原创 2022-11-06 10:17:28 · 1197 阅读 · 0 评论 -
解决谷歌浏览器audio默认音乐无法播放问题
解决google浏览器禁止audio播放问题原创 2022-07-25 23:58:00 · 1917 阅读 · 0 评论 -
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 · 1596 阅读 · 0 评论 -
echarts实现阈值线
option = { backgroundColor: '#0A1651', tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#57617B' } } }, legend: { // icon: 'diamond', itemGap: 1.原创 2022-02-01 21:58:26 · 2583 阅读 · 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 · 675 阅读 · 0 评论 -
echarts实现象形柱状图
option = { backgroundColor:'#031d33', animation: true, grid: { top: "5%", bottom: "15%", right: "5%" }, xAxis: { data: ['消防烟感','摄像机','环境烟感','路灯','地磁'], axisLine: { .原创 2022-01-28 12:31:26 · 597 阅读 · 0 评论 -
echarts实现水平柱图
var category= [{ name: "管控", value: 2500 }, { name: "集中式", value: 8000 }, { name: "纳管", value: 3000 }, { name: "纳管", value: 3000 }, { name: "纳管", .原创 2022-01-28 12:29:05 · 1979 阅读 · 0 评论 -
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 · 1123 阅读 · 1 评论 -
ecahrtss实现环形进度条
option = { title: [ { text: '已完成', x: 'center', top: '55%', textStyle: { color: '#FFFFFF', fontSize: 16, fontWeight: '100', }, .原创 2022-01-28 12:25:38 · 560 阅读 · 0 评论 -
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 · 1102 阅读 · 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 · 1163 阅读 · 0 评论 -
echarts实现多条柱状图并且自动播放
var option = { backgroundColor:'#323a5e', tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, grid: { left: '2%',..原创 2022-01-28 12:16:36 · 1099 阅读 · 0 评论 -
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 · 3403 阅读 · 0 评论 -
echarts实现多折线
option = { title: { text: 'Stacked Line' }, tooltip: { trigger: 'axis' }, legend: { data: ['广州西门子变压器公司', '耐恒（广州）纸品有限公司', '广州斗原钢铁有限公司', '广州璨宇光学有限公司', '佐登妮丝（广州）有限公司'] }, grid: { left: '3%', right: '4%', bottom: '3%', .原创 2022-01-28 12:12:08 · 1214 阅读 · 0 评论 -
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 · 883 阅读 · 0 评论 -
element ui 的table操作
element ui table原创 2022-01-13 01:35:46 · 760 阅读 · 0 评论 -
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 · 851 阅读 · 0 评论 -
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 · 814 阅读 · 0 评论 -
element ui中tabs页面组件切换没有加载
开发中遇到了一个问题就是我使用element ui中的tabs组件时候，每一个tab内嵌套了一个组件页面，但是我发现当切换之后，生命周期都没有走，页面的方法也没有触发三个tabs 中放了三个页面组件只是第一次页面加载进来触发了，后期切换都不能触发解决方法就是可以采用 tabs的name和每一个组件的隐藏状态同名，并且每一个组件的隐藏状态值都是tabsArr里面的值,并且放在tabsArr里面当切换之后 对应handleClick方法会判断当前点击的页面name和tabsArr对象里面哪一个属性名原创 2021-11-14 22:23:03 · 3452 阅读 · 0 评论 -
使用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 · 540 阅读 · 0 评论 -
《拖拽媒体流音乐播放器》
<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 · 187 阅读 · 0 评论 -
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 · 2623 阅读 · 3 评论 -
vue中绑定图片src无效
前几天做自己的项目时遇到后台返回图片数据了，但是前端vue绑定了没有效果，并且图片的src显示的是 src(unknown)后来才尝试用refs的方法解决办法可以把img标签中加入ref最后解决原创 2021-07-31 00:33:28 · 669 阅读 · 0 评论 -
经年未远
记得第一次想到这个笔名时候，那是2017年的夏天，迈进大学校门，那时些许迷茫！看着窗外淅淅沥沥的雨， 突然想到有人曾说:“二十年得失茫茫，而我见你时却心如奔雷”，这句话用于我实为确切！我希望有个如你一般的人，如山间清晨一般明亮清爽，我希望有个如你一般的人，如奔赴古城道路上温暖而不炽热。还记得大学我曾拼搏努力，朋友们皆各自脱单，都劝我该找份爱情，我想过，可从未遇见如她一般的女孩。 也许经年之后，也许未曾走远！每当朋友们聚会，或是和领导出去游玩或闲谈，问起我是否有心仪的姑娘，我总一笑而过，心里会惆怅很原创 2021-06-12 09:29:22 · 115 阅读 · 0 评论 -
页面滚动信息元素懒加载
1.引入 懒加载方法代码 <script src="./jquery.min.js" type="text/javascript"></script> <script src="./scrollReveal.js"></script> <script src="./common.js"></script>2.懒加载元素上面加延迟效果/数据源 var dataArr = [ { name: "长大平",.原创 2021-05-31 00:40:23 · 200 阅读 · 0 评论 -
element ui 后台渲染复选框的使用
<el-checkbox-group :disabled="Editordisabled" v-model="checkboxGroup" @change="checkboxchange"> <el-checkbox v-for="item in rendatas" :label="item.sRoleId" :key="item.sRoleId">{{ item.sRoleName }}</el-checkbox> </el-checkb..原创 2021-03-19 18:02:22 · 322 阅读 · 0 评论 -
element ui 后台渲染单选框的使用
let params = { sUserId:this.EditorPeople.id } API.queryAllPersonType(params, res => { console.log(res) if (res.content && res.content.length >...原创 2021-03-19 17:59:13 · 362 阅读 · 0 评论 -
element ui 中el-form-item的使用和checkbox复选框的使用
在el-from上设置 inline 属性可以让表单变为行内平且排在一排el-col可以设置输入框的长度label-position=“left” 有三个值 left right top指的是左边的label文字与右边输入框的对齐方式label-position="left" 和 label-width="100px" 一起使用才有明确的效果<el-form :inline="true" :model="formInline" label-position="left" label.原创 2021-03-14 11:25:54 · 6445 阅读 · 0 评论 -
闭包的三个条件
众所知周，在javasript中，函数外部的变量是不能够直接访问函数内部的变量的比如：var c = 20;function fn(){var a =1;var b = 2;console.log(a); 此处是可以打印访问这个局部变量的;console.log©; 此处是可以打印访 问外部c这个全局变量的，于是此处先在函数内找是否有...原创 2020-02-17 21:11:27 · 2303 阅读 · 1 评论