之前疫情肆虐，就做了一个可视化疫情数据的大屏。但接触可视化技术不久，也是遇到了不少问题，好再也没有大问题的困扰，在此记录一些之前遇到的小问题以及解决方法，主要是echarts目前该项目尚存问题： ①无法完全验证数据的正确性和保证实时性 ②没有明确的可视化任务 ③四分屏一般不是最佳方案，设计不算很合格1.时钟的实现：利用setInterval(this.updateTime, 1000);——在cr
1，安装vue cli 脚手架，是全局安装npm install -g @vue/cli 可以在输出信息中看到安装位置，例如：C:\Users\xiaochangjian\AppData\Roaming\npm\node_modules\@vue 2，查看脚手架是否安装成功vue --version
原创
2021-07-21 11:49:10
692阅读
智能社——http://www.zhinengshe.com 这种方式会报404错 --> 属性是通过bind来绑定的 智能社——http://www.zhinengshe.com ...
转载
2017-06-09 23:45:00
160阅读
2评论
npm install echarts --save mian.js 引用 import * as echarts from 'echarts'; app.config.globalProperties.$echarts = echarts; <template> <div class="home" ...
转载
2021-09-27 11:50:00
480阅读
2评论
Vue.extend实现全局Toast提示组件和Dialog对话框组件封装Vue.extend() 使用Vue.extend 属于 Vue 的全局 API，相比常用的 Vue.component 写法，使用 Vue.extend 步骤更加繁琐一些，但是在一些独立组件开发场景中，Vue.extend + $mount 这对组合使一些动态渲染或者使用 js 全局调用的组件变得更加灵活Vue.exten
登录&&权限流程图 前言
首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细：
登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增、删、改、查)的权限控制是否显示接口权限控制一、登录权限控制
登录访问权限控制是对用户的校验。在用户登录成功之后，后台将返回一个token，之后前端每次进行接口请求的时候，都要带上这个token
转载
2024-10-03 15:19:17
418阅读
解决vue项目更新版本后浏览器的缓存问题 这个问题产品经理很早就提需求了，之前是通过修改webpack的打包的js文件规则解决的。但最近谷歌浏览器更新版本后，这个方法失效了，应该是浏览器默认缓存文件了。最后上网找了这个方法解决的。方案一：用户手动改浏览器配置按F12或者右键->检查，勾上disable cache，这个选项是禁用缓存。方案二：通过代码解决这个方案第一次更新版本的时候需要清除
转载
2024-10-22 13:57:25
233阅读
在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进
转载
2023-12-26 20:30:54
103阅读
1. v-once： 加入该属性后，显示的值不会变化 2. v-html： 加入该属性后，可以直接读取数据类型为标签<></>样式的数据，并将标签按照html显示 3. v-text: 类似于mustache语法（也就是：{{数据}},双大括号语法），用来引用数据的，不用{{ ... }}就可以引入 ...
转载
2021-10-27 14:56:00
358阅读
2评论
文章目录监视属性引例普通实现使用监视属性watch检测天气变化第一种配置方法，设置watch属性使用vm对象进行监视两种监视的使用情况深度监视监视多级结构中某个属性的变化（引例，不是深度监视）监视多级结构中所有属性的变化（——是深度监视）深度监视小结监视的简写watch属性监视的简写vm对象监视的简写计算属性和监视属性的对比代码量对比异步回调对比对比小结两个重要的原则: 监视属性引例实现效果：点
转载
2024-06-09 08:48:37
32阅读
实现效果：字符串的动态拼接methods方法html<div id="app">
<!-- 监听到文本框数据的改变 -->
<input type="text" v-model="firstname" @keyup="getFullName">+
<input type="text" v-model="lastname" @keyu
转载
2024-03-20 16:42:44
77阅读
平台概述柳林智慧水务监控系统（智慧水务信息化平台）是以物联感知技术、大数据、智能控制、云计算、人工智能、数字孪生、AI算法、虚拟现实技术为核心，以监测仪表、通讯网络、数据库系统、数据中台、模型软件、前台展示、智慧运维等产品体系为支撑，以城市水资源、水生态、水环境和水安全提升和建造智能化为目标的智慧水务体系。平台架构智慧水务信息化平台总体架构采用1+2+3+N+X 架构设计，建立1个智慧大脑、2个体
转载
2024-03-29 23:19:22
42阅读
1.1 vue vue-element-ui组件 layout布局系列学习(一) row 行概念 <el-row></el-row> col 列概念 <el-col></el-col> col组件的:span属性的布局调整,一共分为24栏: <el-row> <el-col :span="24">< ...
转载
2021-09-04 11:12:00
492阅读
前提，建议先学会前端几大基础：HTML、CSS、JS、Ajax，不然不好懂这一专栏知识将一次性将vue、vue2、vue3全部讲明白一、何为watch监视器其实我个人理解，就跟原本的表单的input事件一样，实时监视事件发生并同步更新数据，input事件不就是只用输入框输入一个东西，不管摁没摁回车键，后台都会监视触发事件。那么watch监视器就是这么个玩意，比如实时翻译器就需要监视输入的内容，同时
linux 系统性能监控 系统监控可分为系统性能监控和故障监控，其中系统性能监控主要以CPU，内存，磁盘和网络为基准来衡量。 一、性能分析的标准: 衡量一个系统的性能状态，主要从系统的响应时间和系统的吞吐量进行分析。 系统的响应时间:指发出请求的时刻到用户获得返回结果所需要的时间 &nb
转载
2024-04-24 05:58:38
112阅读
近期工作须要做一个数据源监控系统，监測每天的数据是否，按时。按量送过来，首先应为数据接入过来的时候，已经记录了相关的日志。比方文件到达时间，文件总个数，文件里总记录数，文件大小，数据日期等，如今要对这些指标进行监控并及时预警（发短信或邮件到相应的负责人），并记录到预警表中。好对预警后的异常进行跟踪处理。考虑到节假日对数据量的影响，还添加文件记录数和文件大小的同比。环比进行监測。名词解
简介树莓派（Raspberry Pi）是一款小型的专门为学习而设计的ARM开发板，支持Raspbian，Ubuntu Mate， Ubuntu Server等多种Linux操作系统。接下来就简单的讲解下如何烧录树莓派系统。准备环境准备一张8G以上存储大小的SD卡下载镜像及工具1、 进入Raspberry Pi官网(https://www.raspberrypi.org/)，下载所需的镜像，有三个选
地下城市综合管廊即在城市地下建造一个隧道空间，将电力、通讯、燃气、供热、给排水等各种工程管线集于一体，设有专门的检修口、吊装口和监测系统，实施统一规划、统一设计、统一建设和管理，是保障城市运行的重要基础设施和“生命线”。经过多方发现，很多城市综合管廊监测系统多多少少存在如下问题：一、监控系统设备防水性能不足通过目前现场查看的状况，发现管廊内通常比较潮湿、空气湿度大，在夏天管廊顶部经常会凝露滴水现象
转载
2024-04-24 19:15:31
17阅读
在项目的使用过程中，不可避免的会出现各种奇奇怪怪的报错，有的可能会导致项目程序崩溃无法运行，但是我们作为开发人员是不会立刻知道这种突发情况的，所以我们需要搜集程序的报错信息，及时解决错误，提高项目的稳定性。友盟就是这样的一款第三方监控平台，具体使用方法我就不多赘述了，官方文档里面写的比较清楚，而且使用起来并不复杂。友盟既可以做项目的流量监控，也可以做项目的稳定监控，下面我就来说一说这两种情况在Vu
转载
2024-02-26 11:57:09
133阅读
实际工作中，无论是开发环境还是生产环境都不可避免的会产生错误，快速的找出错误、上报错误、及时修复错误非常重要，能减小或避免重大损失和客户流失。保证上线的产品质量也是说的错误监控，因为产品上线后，线上的代码错误如果都不能收集的话，如何保证产品质量呢。1. 错误分类前端错误通常可以分为代码错误（即时运行错误）和资源加载错误。1.1. 代码错误可以使用以下方式来捕获错误。try-catch-finall
转载
2024-03-28 12:03:36
50阅读
