- 博客(31)
- 收藏
- 关注
原创 单点登录token存本地
1、认证中心获取token存储在本地 -> 要进入子系统时,使用postmessage向子系统发送token,并存储在子系统的localstorage中。注意:这里使用window.onmessage,用window.addEventListener会导致重复触发。2、子系统的public文件夹下创建settoken.html,用来存储token。// 监听跨域跳转获取新token存入localStorage实现获取访问令牌。// 告诉上层 window,已保存token,可以开始跳转了。
2024-05-14 15:12:35 293
原创 使用pdfmake导出pdf文件
在项目的node_modules文件夹下找到pdfmake,在pdfmake目录下新建。在build文件夹下会生成 vfs_fonts.js文件,里面有我们需要用的字体。在pdfmake目录下执行。字体,放到刚刚新建的。
2023-11-01 15:53:41 1683
转载 vue使用wavesurfer.js实现双声道同时播放和左、右声道单独播放
代码】vue使用wavesurfer.js实现双声道同时播放和左、右声道单独播放。
2022-08-17 11:23:15 1702 2
原创 关于轮询方法
使用setInterval可能会产生 1.刷新页面时轮询时间错误 以及 2.页面销毁定时器未成功销毁 的问题,因此,此处使用setTimeout// 页面渲染成功后开始轮询接口created() { this.setTimer(0) }, // 页面销毁前销毁定时器 beforeDestroy() { if (this.timer) { clearTimeout(this.timer) } }, methods: { // 轮询方法 s
2022-05-30 13:55:54 298
原创 vue中使用websocket实时通信
vue中使用websocket实时通信<div id="message"></div>mounted() { this.initWebSocket() // 页面渲染的时候,对ws进行初始化 }, destroyed() { this.websock.close() // 页面销毁后断开websocket连接 }, methods: { initWebSocket() { this.websock = new WebSocke
2022-03-09 11:44:03 741
转载 正则表达式之身份证号码
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
2021-11-01 17:33:24 683
原创 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
2021-07-01 13:11:58 856
原创 多个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 = {}...
2021-02-03 14:24:16 1623
原创 vue使用echarts出现图表被压缩问题
vue使用echarts出现图表被压缩问题//html<div id="chart" :style="{width: '100%', height: '350px',margin:'0 auto'}" />//jsconst myChart = echarts.init(document.getElementById('chart'))在获取图表数据前,将图表初始化放在第一步,可以有效避免图表被压缩。亲测有效...
2020-08-18 14:04:37 2337
原创 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}
2020-07-02 11:33:48 339
原创 vue.js安装
vue.js的安装方法方法一:直接CDN引入方法二:下载和引入开发环境 https://vuejs.org/js/vue.js生产环境 https://vuejs.org/js/vue.min.js方式三:npm安装# 最新稳定版$ npm install vue
2020-05-31 14:38:31 92
原创 angular变更检测(列表数据的局部刷新)
当新建或删除列表中某个数据时,实现数据的变更检测markForCheck()当视图使用 OnPush(checkOnce)变更检测策略时,把该视图显式标记为已更改,以便它再次进行检查。detectChanges()检查该视图及其子视图。与 detach 结合使用可以实现局部变更检测。import { ChangeDetectorRef } from '@angular/core';constructor(public changeDetectorRef:ChangeDetectorRef
2020-05-13 16:32:22 1793
原创 响应式表单(表单修改未提交时,存储数据)
响应式表单响应式表单:使用FormGroup, FormControl,FormArray,FormBuilder 等类构建出的数据对象就是响应式的表单,可动态删除或添加控件。模板驱动表单:使用ngModel、ngForm进行双向绑定。项目结构如图:array-slave.component.html<ng-container [formGroup]="validateFor...
2020-04-30 16:46:59 438
转载 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'...
2020-04-29 16:18:04 917
原创 angular中 日期和时区
导入DatePipeimport { DatePipe } from '@angular/common';将后台时间转换为当前时区下的时间formatDate2(date) { let timezone = this.datePipe.transform(new Date(),"z"); //当前时区 return this.datePipe.transform(date...
2020-03-24 14:27:20 1547
原创 angular中使用signalr实现实时通信
安装依赖npm install --save @aspnet/signalr报错时,可将项目的依赖全部删除,再重新安装import * as signalR from '@aspnet/signalr'const connection = new signalR.HubConnectionBuilder() .withUrl("https://chervon-iothub-d...
2020-03-18 11:03:38 1443
原创 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 =...
2020-03-17 13:50:46 555
原创 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...
2020-03-11 14:56:24 650
原创 angular路由传参的两种方法
笔记(记录开发过程遇到的一些问题)路由传参方法一:this.router.navigateByUrl(’/pages?name=zzz’);注意,以下写法是错误的:this.router.navigateByUrl([’/pages’], {queryParams: {name: zzz}});方法二:this.router.navigate([’/pages’], {queryParam...
2020-03-04 14:41:12 621
原创 git的使用流程
git的使用将远程仓库克隆到本地(名为work)将本地的工作文件夹添加进去右键点击work文件夹,选择git bash heregit status:查看当前状态,红色的字体显示的就是你修改的文件。git add.:如果你git status 查看了当前状态发现都是你修改过的文件,都要提交,那么你可以直接使用 git add . 就可以把你的内容全部添加到本地git缓存区中git ...
2020-03-04 14:40:52 62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人