qq_40608283的博客

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

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

原创 日期格式补0函数

原创 el-table合并表格，进行数据分组

表格采用el-table编写，通过绑定:span-method实现单元格合并的操作。对某些列实现数据的合并。

原创 iframe内部跨域问题

原创 断言表达式打包时报错

修改方案，直接删除：?=解决打包失败的问题。依赖包中含有断言正则表达式，打包失败。

原创 帆软报表新增一行数据后保存，删除选中数据

新增一行注意点:单元格注意要列表，不能分组。插入行的指定单元格设置成第一个不为空的数据单元格。并且扩展属性的，左父单元格设置为无。进入报表填报属性，选择正确的数据库和表，设置正确的主键，值一定是单元格，千万不是手动输入D2这样的。4、如果有外键的，要进行下拉显示时，设置形态，显示中文保存ID。实现的关键设置地方：下面的设置提交条件，是选中删除。3，关于自增序号如何设置，双击序号单元格，插入公式。2、建立查询语句，把需要显示的字段对应在界面上。5、主键要填入并且隐藏，新增时自动生成UUID。

原创 帆软插入一行，删除一行问题修改

数据都设置成列表，不要用分组，没有数据也要写一个没数据的SQL，放上对应的字段，插入行的指定单元格设置成第一个数据单元格。本表中，C2是第一个数据列，但是数据为空，导致如下的错误。改成有数据的列，D2，并设置它的左父单元，无，即可。

原创 帆软报表，达梦数据库驱动上传失败

1、按照正常操作新建数据库连接，上传准备好的达梦驱动时，提示如图一需要修改SystemConfig.driverUpload为true才可以。2、FineDB存储了数据决策系统中除平台属性配置以外的所有信息。详情请参见：。3、因此管理员可通过修改FineDB的FINE_CONF_ENTITY 表中的SystemConfig.driverUpload参数值，以允许上传驱动。

原创 至少1个大写，小写，数字，3个特殊字符，大于8位密码

正则表达式校验密码的规则。

原创 帆软报表问题记录

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:echarts@5.2.0 //不同版本的依赖包同时安装并重命名，注意依赖包的内部引用可能仍然是原名导致出错。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 .