weixin_44239362的博客

原创 单点登录token存本地

1、认证中心获取token存储在本地 -> 要进入子系统时，使用postmessage向子系统发送token，并存储在子系统的localstorage中。注意：这里使用window.onmessage，用window.addEventListener会导致重复触发。2、子系统的public文件夹下创建settoken.html，用来存储token。// 监听跨域跳转获取新token存入localStorage实现获取访问令牌。// 告诉上层 window，已保存token，可以开始跳转了。

原创 vue配置多个后端

1、src/utils/request.js 设置baseURL为空。2、vue.config.js 配置proxy。

原创 pdf-lib.js拼接两个pdf文件、加水印

【代码】pdf-lib.js拼接两个pdf文件。

原创 使用pdfmake导出pdf文件

在项目的node_modules文件夹下找到pdfmake，在pdfmake目录下新建。在build文件夹下会生成 vfs_fonts.js文件，里面有我们需要用的字体。在pdfmake目录下执行。字体，放到刚刚新建的。

原创 vue使用docxtemplater导出word

vue使用word模板导出文件

原创 vue打包部署后偶发性图标乱码

2、element-variables.scss中去掉以下代码。1、main.js去掉以下代码。

原创 轮询更新折线图数据

轮询更新折线图数据

原创 tui-editor预览组件

tui-editor预览组件

原创 vue展示.docx文件、excel文件和csv文件内容

vue展示.docx文件、excel文件和csv文件内容

原创 yaml文件编辑/预览器

vue中使用js-yaml及codemirror实现yaml文件编辑/预览

转载 vue使用wavesurfer.js实现双声道同时播放和左、右声道单独播放

代码】vue使用wavesurfer.js实现双声道同时播放和左、右声道单独播放。

原创 关于轮询方法

使用setInterval可能会产生 1.刷新页面时轮询时间错误 以及 2.页面销毁定时器未成功销毁 的问题，因此，此处使用setTimeout// 页面渲染成功后开始轮询接口created() { this.setTimer(0) }, // 页面销毁前销毁定时器 beforeDestroy() { if (this.timer) { clearTimeout(this.timer) } }, methods: { // 轮询方法 s

原创 vue中使用websocket实时通信

vue中使用websocket实时通信<div id="message"></div>mounted() { this.initWebSocket() // 页面渲染的时候，对ws进行初始化 }, destroyed() { this.websock.close() // 页面销毁后断开websocket连接 }, methods: { initWebSocket() { this.websock = new WebSocke

原创 echarts柱状图两列单位不同

echarts柱状图两列单位不同

转载 正则表达式之身份证号码

xxxxxx yyyy MM dd 375 0 十八位xxxxxx yy MM dd 75 0 十五位地区：[1-9]\d{5}年的前两位：(18|19|([23]\d)) 1800-3999年的后两位：\d{2}月份：((0[1-9])|(10|11|12))天数：(([0-2][1-9])|10|20|30|31) 闰年不能禁止 29+三位顺序码：\d{3}两位顺序码：\d{2}校验码：[0-9Xx]十八位：^[1-9

原创 vue获取excel文件数据

vue获取excel文件数据并用表格展示1、安装xlsx paparse及handsontablenpm install xlsxnpm install papaparsenpm install handsontable @handsontable/vue2、页面引入import xlsx from 'xlsx'import Papa from 'papaparse'import {HotTable} from '@handsontable/vue'3、判断文件类型getFileTy

原创 tui-editor编辑器自定义按钮

tui-editor编辑器自定义上传图片、导入md文件、导出md文件按钮

原创 多个vue项目共享依赖

vue依赖共享将node_modules文件夹存放在公共区域（如 G:\node_modules），在项目中使用mklink /d node_modules G:\node_modules可创建符号链接遇到问题Module build failed: Error: No PostCSS Config found in: C:\....解决方法在node_modules文件夹同级目录 添加postcss.config.js文件，内容如下：module.exports = {}...

原创 vue使用echarts出现图表被压缩问题

vue使用echarts出现图表被压缩问题//html<div id="chart" :style="{width: '100%', height: '350px',margin:'0 auto'}" />//jsconst myChart = echarts.init(document.getElementById('chart'))在获取图表数据前，将图表初始化放在第一步，可以有效避免图表被压缩。亲测有效...

原创 js浮点数溢出、列表字符串互相转换、格式化

浮点数溢出(9/38.5).toFixed(3)*100 => 23.400000000000002Number((9/38.5*100).toFixed(1)) => 23.4列表转字符串.join(’,’)字符串转列表.split(’,’)格式化padDate(value) {return value < 10 ? ‘0’ + value : value}

原创 vue.js安装

vue.js的安装方法方法一：直接CDN引入方法二：下载和引入开发环境 https://vuejs.org/js/vue.js生产环境 https://vuejs.org/js/vue.min.js方式三：npm安装# 最新稳定版$ npm install vue

原创 angular变更检测（列表数据的局部刷新）

当新建或删除列表中某个数据时，实现数据的变更检测markForCheck()当视图使用 OnPush（checkOnce）变更检测策略时，把该视图显式标记为已更改，以便它再次进行检查。detectChanges()检查该视图及其子视图。与 detach 结合使用可以实现局部变更检测。import { ChangeDetectorRef } from '@angular/core';constructor(public changeDetectorRef:ChangeDetectorRef

原创 响应式表单(表单修改未提交时，存储数据)

响应式表单响应式表单：使用FormGroup, FormControl，FormArray,FormBuilder 等类构建出的数据对象就是响应式的表单，可动态删除或添加控件。模板驱动表单：使用ngModel、ngForm进行双向绑定。项目结构如图：array-slave.component.html<ng-container [formGroup]="validateFor...

转载 angular 使用blob二进制流下载excel文件

this.http.get(url, {responseType: 'blob'}).subscribe(data=>{ const link = document.createElement('a'); const blob = new Blob([data], {type: 'application/vnd.ms-excel'}); link.setAttribute('href'...

原创 angular中 日期和时区

导入DatePipeimport { DatePipe } from '@angular/common';将后台时间转换为当前时区下的时间formatDate2(date) { let timezone = this.datePipe.transform(new Date(),"z"); //当前时区 return this.datePipe.transform(date...

原创 angular中监听复选框的状态

原创 angular中使用signalr实现实时通信

安装依赖npm install --save @aspnet/signalr报错时，可将项目的依赖全部删除，再重新安装import * as signalR from '@aspnet/signalr'const connection = new signalR.HubConnectionBuilder() .withUrl("https://chervon-iothub-d...

原创 angular string转base64

base64encoder(Context:string){ let encoder = new Buffer(Context).toString('base64'); return encoder;}解决方法：在项目的polyfills.ts中增加(window as any).global = window;// @ts-ignorewindow.Buffer =...

原创 angular 将对象数组按照名称分类以及去重

将对象数组按照名称分类代码如下for(var n=0;n<this.expansiontank.length;n++){ let index = JSON.stringify(this.expansiontank[n].name).indexOf("箱"); if(n==0){ this.list1.push({Name:JSON.stringify(this.exp...

原创 angular路由传参的两种方法

笔记（记录开发过程遇到的一些问题）路由传参方法一：this.router.navigateByUrl(’/pages?name=zzz’);注意，以下写法是错误的：this.router.navigateByUrl([’/pages’], {queryParams: {name: zzz}});方法二：this.router.navigate([’/pages’], {queryParam...

原创 git的使用流程

git的使用将远程仓库克隆到本地（名为work）将本地的工作文件夹添加进去右键点击work文件夹，选择git bash heregit status：查看当前状态，红色的字体显示的就是你修改的文件。git add.：如果你git status 查看了当前状态发现都是你修改过的文件，都要提交，那么你可以直接使用 git add . 就可以把你的内容全部添加到本地git缓存区中git ...