qq_40608283的博客

原创 vscode 展示多个源代码界面

settings中取消预览模式即可，如图。

原创 帆软报表问题记录

Web页面集成常见问题-https://help.fanruan.com/finereport/doc-view-5085.html。管理员进入平台，点击「管理系统>安全管理」，关闭点击挟持攻击防护按钮；详细解释可以查看文档4.1节。

原创 浏览器设置字体1px时，不能正常显示

问题如下，某版本浏览器，字体很小时，无法正常显示，解决方案有三种。

原创 vue组件页面没有加载出来

最终发现computed中依赖的数据，props中传入的handleRow中的this.handleRow.taskName.indexOf()，由于this.handleRow.taskName为空，导致indexOf方法不存在，报错界面加载失败。由于生命周期都走完，接口也都有请求，最初怀疑，样式原因导致dom元素被吞，然后修改样式无效。定位方法：dom元素一一移除，然后一个一个加入测试。现象：加载一个组件，生命周期走完，界面没有出来。错误看不到，界面确不显示，找问题困难。然而，报错没有报出。

原创 Error: Can‘t find Python executable “python“, you can set the PYTHON env variable.

而正确的是检查nodejs的版本，由于版本问题，导致的npm i 报错，必须修改当前版本，本机v14.21的版本，修改成v10.24即可解决这报错。在启动一个新的项目的时候，npm i执行时遇到这种报错，如果按照字面意思去查找修改，只会徒劳无获。# 比如我的电脑上安装了一个 16.13.2的 和 一个 18.16.0的。# 上下箭头选择版本， 回车切换即可。2、安装指定版本node。3、查看已安装的版本列表。5、切换node版本。

原创 分支相关的操作

npm install --save echarts-v5@npm:[email protected] //不同版本的依赖包同时安装并重命名，注意依赖包的内部引用可能仍然是原名导致出错。git checkout -b zjc origin/main //新建分支并追踪远程main分支。

原创 el-input只能输入数字的方式

只能输入数字的校验规则。

原创 elementUI下拉框值无法选中问题

elementUI下拉框值无法选中问题

原创 对象数组的排序

let arr = [{age:'22',name:'张三'},{age:'98',name:'李四'},{age:'10',name:'王五'}]; arr.sort((a,b)=>a.age-b.age); 即可实现按照年龄的升序arr.sort((a,b)=>b.age-a.age); 即可实现按照年龄的降序

原创 关于Error:Cannot find module “node-sass“

由于nodejs版本更改，运行项目时出现如图报错信息，但是直接npm install node-sass又总是失败。此时要注意，要根据nodejs版本安装。地址在这里：查看对应支持的版本：node-sass - npm解决问题。...

原创 echarts悬浮图像消失的问题

原创 递归调用，闭包的使用

getCode(data, station) { let res = data.map((item, index) => { let x = station.find((i) => i.corgname == item.areaname); return { ...x, ...item, children: item.children ? this.getCode(item.childre..

原创 获取某月份最后一天

let val = new Date(2020, 2, 0).getDate(); //获取2020年2月的最后一天，时间任意可填 console.log(val)

原创 echarts富文本rich的使用

let xAxis = { type: "category", data: barData.map((item) => item.name), axisTick: { show: false, }, nameTextStyle: { color: "#fff", }, axisLine: { show: false, ...

原创 axios跨域调用接口

1、配置将要访问的接口地址2、在全局引入axios，并设置前缀带有api的进行转义3、在使用时，要配置接口的路由接口中多写一个api前缀，使用时会转义到实际接口4、调用即可，两种调用方式5、页面访问接口时会出现此路由就对了，实际访问的就是第一步配的地址。500是服务器抛出了异常，好好改改服务端。目前完成了开发环境的跨域请求接口，生产环境下请看另一篇。...

原创 vue 打包后的样式与开发环境的样式不一致

vue 打包后的样式与开发环境的样式不一致原因：1.在main.js中css引入的顺序 2.库样式可能是动态js控制解决：1.main.js 中调整对应css的顺序 2.在覆盖样式的css中增加对应样式的权重 a.添加importan b.对应的样式添加多一级名字（例如：库样式：li{background:#fff;background:#1111}覆盖样式： ul li {xxxxx}...

原创 离线屏幕共享，局域网实现

硬件环境：两台电脑，一个手机。电脑A界面小不适宜使用，但是拥有所有代码和运行环境。电脑B 界面大，但是什么环境都没有。没有网络的情况下，实现开发界面的运行和互联。手机开热点，A电脑连接，可以访问互联网。方式一，通过局域网互相访问互联的方式1、给两台电脑配置IP，使他们在一个局域网内部。（A电脑如下图）2、在B台电脑命令界面ping 192.168.1.2测试可以拼通说明可以连接。3.在电脑A跑程序，界面输入地址localhost:8080成功访问程序,此时程序后台访问服务器115.*

原创 webpack的学习

webpack性能优化开发环境的性能优化：优化打包构建速度，优化代码调试生产环境的性能优化：优化打包构建速递，优化代码运行的性能开发环境优化：1.dll动态链接库，将库打包成不同的文件。对代码进行单独打包。...

原创 2021-03-12vue路由的学习

路由中url的hash渲染，和HTML5的history动态路由，在进入界面的时候根据用户进行跳转，记录在路由上。router-link 的to后面拼接变量进行跳转。this.$route当前活跃的路由信息可以拿到。vue-router打包文件的解析：js :APP.JS所有业务代码，我机子写的。vendor.js提供商第三方（vue,vue-router,,,插件） manifest.js为打包代码做底层支撑。路由的懒加载的使用，第一次请求页面的时候，如果页面的业务越.

原创 vue 解决 post请求下载文件，下载的文件损害打不开，结果乱码

遇到一样的问题，但是解决方法不太一样：下载文件时接口返回数据：首先在页面调用接口：data为上述的返回数据，对data进行操作下载文件下载文件的方法，（常用）结果导出任然乱码打不开：最终在请求接收的时候进行一个类型设置：请求的接口设置：...

原创 js面向对象的程序设计

面向对象不使用类或者接口，在代码的执行过程中创建和增强。工厂模式，使用简单的函数创建对象，为对象添加树形和方法，然后返回对象。构造函数模式，创建自定义引用类型，唯一不同，任何函数只要通过NEW操作符来调用，都可以作为构造函数，每个成员都无法复用，包括函数。原型模式，使用构造函数的property属性指定共享属性和方法，组合使用构造函数模式和原型模式时，构造函数定义实例属性，原型定义共享的属性和方法。js通过原型链实现继承。原型链是通过将一个类型的实例赋值给另一个构造函数的原型实现的。这样子类

原创 vuex

多组件共享状态的问题1、多个视图依赖于同一状态2、来自不同视图的行为需要变更同一个状态3、以前的解决办法a:将数据以及操作数据的行为都定义在父组件b:将数据以及操作数据的行为传递给需要的各个子组件有可能会有多级传递4、vuex就是解决这个问题的实现功能的调用，使用方式1：实现功能的调用，使用方式2：回调函数名要和store的action一致，如果不一致，使用对象进行对应起来：（最好保持一致）vuex结构图：...

原创 vue源码学习，MVVM框架实现原理

直接看源码比较复杂，从三个方面学习实现原理：1、数据代理2、模板解析3、数据绑定准备工作：1.node.nodeType得到节点类型 元素节点，属性节点，文本节点，document节点2、Object.defineProperty()的用法 主要是get，set get回调函数，根据其他相关属性动态计算得到当前属性值 set回调函数，监视当前属性值的变化，更新相关的属性值3，Object.keys(obj) 得到对象自身可枚举属性组成的数组...

原创 echarts中的点击事件

常用的echarts点击事件：legendselectchanged（图例的点击事件）click（图的点击事件） <ve-histogram :xAxis="options.xAxis" :yAxis="options.yAxis" :series="options.series" :tooltip="options.tooltip" :grid="options.grid" :height="height" ..

原创 选择树

<template> <div v-if="update"> <el-popover popper-class="selectTree" placement="bottom-start" transition="fade-in-linear" v-model="visible" min-width="210px" trigger="click" :disabled="disable.

原创 水球树的创作过程

树图制作：<template> <div> <div v-if="treedata" :style="{ height: height, width: width, backgroundColor: backgroundColor, }" ref="myEchart" ></div> </div></templa..

原创 在页面引用同一个组件，相互影响的问题

只有第一个图可以显示，下面的图都不能显示出来，操作任何一个第一个图都会跟着变化。echarts.init有问题，如果用了class或者id选择器选择元素来init了错误示范：<template> <div class="liquid-fill-water"> <div class="liquid-fill-health" id="liquid-fill-health" ref="chartsliquid"...

原创 给echarts增加文本信息

self.chart.setOption({ graphic: { elements: [ { type: "group", children: [ { type: "text", ..

原创 overflow-x: overlay属性学习（用了fixed属性后，由于滚动条的高度导致表格错位）

遇到问题是这样的：用了fixed属性后，由于滚动条的高度导致表格错位。解决方案：overflow-x:overlay;/deep/ .el-table--scrollable-x .el-table__body-wrapper { height: calc(100% - 40px); overflow-y: auto; overflow-x: overlay;}划重点：auto时滚动条会占用宽度, 布局会发生变化overlay时滚动条会覆盖在内容上, 会遮挡一..

原创 _this.$message is not a function错误解决

解决方法以一：在页面引入：import{Message}from"element-ui";然后调用即可解决方法二：把antd的引入删除，即可。

原创 node --max-old-space-size=4096不是内部或外部命令

如题，，，，这才是问题的关键，毕竟前面的问题一大堆解决方案。问题的原因是这样的。搜一下关键字都能知道问题的原因就是项目太大，运行空间不足。一大堆解决方案，本次也采取了其中一种。package.json中增加这么一行，进行扩容。删掉原来的 ：node_modules然后：npm install然后：npm runfix-memory-limit然后：可以运行项目：npm runstart:beta2然后你会遇上最烦的报错：解决方案也搜的到：可怕的是*..

原创 npm i 失败解决半天

npm i失败，用过cnpm,安装了python2.7安装了git根据提示什么都干了，还是提示node-sass版本问题，最后安装node.js 10.23.0版本才成功npm i .

原创 2020-11-11dataMap

dataMap的作用：在图形组件中可以使用y,seriesName，color含义明确的进行使用。在父组件中，通过把data中的数据转换为组件识别的字段y,seriesName，color进行匹配和调用。

原创 纪念项目部署的下午

要发布新版本了，可是一直更新没办法，我只好重新部署一版专门测试了。部署项目需要运行环境（tomcat8,编译好的程序）1、复制一份已经在用的编译程序，并且重命名如图。2、复制一份tomcat8如图3、修改端口号，避免选择已使用端口号，端口最终例如91094、如果JDK没有可以对当前tomcat专门配置,如图。注意版本一定要对。5、启动tomcat86、访问项目，验证结果。http://115.29.234.80:9109/WebReport/login

原创 项目部署起来

在115上奔跑上海大屏的项目：1、从47上拿到已经成熟的后台文件2、通过run.bat跑起来后台程序，双引号内为java1.8的环境变量（重点）"%JAVA_HOME%"\bin\java.exe -jar -Dfile.encoding=UTF-8 target/csmis-micro-iom-0.0.1-SNAPSHOT.jar3、后台程序就跑起来了，里面会有后台程序的奔跑的端口号，找了一会儿是：88884、接下来部署前台程序，从47上拿到成熟的前端程序包，(除了dist..

原创 computed在使用时一定要先对数据进行初始化，即在data中定义！

初始化：在data中要先定义出来，如果在用的时候才定义会导致失去作用。

原创 样式的某种写法

this.$nextTick(() => { Array.from(document.querySelectorAll(".el-table tr")).forEach(el => { el.style.backgroundColor = "transparent"; }); Array.from(document.querySelectorAll(".el-table th")).forEach(el => { ...

原创 ngrock在干什么？？？

目前有一个APP只能通过IP地址访问项目，但是现场只有一台没有公网IP的服务器，可以联网，由于没有公网IP现在APP就无法找到此外服务器访问项目。解决方法：就是给现场服务器配置一个域名，这就是通过给本地安装一个ngrock客户端，通过ngrock客户端配置一个域名。然后，APP通过域名访问服务器。目前本机模仿那台没有公网ip的服务器。准备工作：1、在有公网ip的服务器进行相...

原创 路由出现小问题

在文件中增加生产环境的路由，然后就能访问了，任何一个小问题，都能耗费一上午，gougougougou

原创 el-time-picker组件初次不能使用，设置default-time无效的问题解决！

组件的坑，费半天劲。 <el-time-picker is-range v-model="value2" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" .