晨旭缘-优快云博客

最近遇到一个需求，前端需要将Excel传到后端去解析，写个Demo记录一下上传按钮<input #inputFile id="file" accept=".xlsx" type="file" (change)="uploadedFile($event)" multiple="false" /> {{ 'HOME.UPLOADEXCEL'| translate }}uploadedFile = (event: any) => {console.log(typeof(event))

2022-03-10 23:30:17 1164

原创 JS中的splice()和slice()方法

Array.prototype.splice()splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。语法

2022-03-03 22:44:37 905

原创 Js的深拷贝和浅拷贝

Js数据类型，深拷贝和浅拷贝

2022-02-28 21:25:21 234

原创 ES6的object.is()

语法Object.is(value1, value2); value1:被比较的第一个值value2:被比较的第二个值ES5 比较两个值是否相等，只有两个运算符：相等运算符（）和严格相等运算符（=）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。ES6 提出“Same-value equality”（同值相等）算法，Object.is就是部署这个算法的新方法。它用来比较两个值

2022-01-28 11:07:33 239

原创 JavaScript实现输入有空格，通过replace()方法将空格过滤掉

JavaScript中replace()方法的使用

2022-01-27 18:51:15 1684

原创 Git修改密码后，出现Authentication failed for的错误，命令记录

Git重置密码命令

2022-01-26 16:21:10 2238

原创使用reduce报TypeError: Reduce of empty array with no initial value处理方法

报错截图:大致为:ERROR Error: Uncaught (in promise): TypeError: Reduce of empty array with no initial valueTypeError: Reduce of empty array with no initial value at Array.reduce (<anonymous>)报错原因:Reduce函数有选择性的接收 initialValue (将会被用作回调函数第一次被调用的参数)。然

2022-01-17 19:22:44 4711

原创纯前端实现导出Excel（基于HTML）

运用环境：之前通过JS操作后端传入的数据实现导出Excel，但是需求中又遇到Table是一个折叠的，通过点击事件可以看到隐藏的数据，通过后端传入的数据不好处理，所以通过HTML方式进行实现导出格式是XLSX格式，所以导入相关文件import * as XLSX from 'xlsx';HTML中调用导出Excel的方法 exportTable() { var workbook = XLSX.utils.book_new(); const node = document.getEle

2022-01-15 15:06:12 1110

原创 js实现删除Json中不想要的字段和值

问题场景：最近项目中有需要导出Excel的功能，并且需要下载页面所展示的栏位，由于API对接了三个相似的模块，所以返回的值比自己想要的多，并且API未写成Filter的格式，前端无法通过参数拼接（后端基于LoopBack），所以前端实现筛选对应栏位解决办法：使用delete 删除不想要的字段和值代码示例： const data=[{ name:"Steven", age:"21", address:"上海", sex:"男", }, { name:"Jack", a

2022-01-03 23:15:52 5641

原创 vue创建组件的三种方式记录

1.vue.extend 创建全局的vue组件const example = Vue.extend({ template:'<h1>这是使用 Vue.extend创建组件</h1>'});Vue.component("myCom1",example ); //('组件名称'，创建出来的组件模板对象)//可以简写为Vue.component("myCom1",Vue.extend({ template:'<h1>这是使用 Vue.extend

2021-12-16 23:19:14 483

原创 git笔记之本地分支与远程分支关联

Git关联分支命令的使用

2021-12-16 20:55:36 1262

原创前端登录密码加密方法（后端node.js）

项目中有遇到，做个记录1. npm安装crypto-js npm i crypto-js -S2.引入该资源 import CryptoJS from 'crypto-js';3.加密方法 /** * @method encryptPassword 密码加密 * @param password 原始密码 */ encryptPassword(password: string): string { let key = "2b7e151628aed2a6ab

2021-12-14 16:54:30 2081

原创 Kafka中auto.offset.reset配置项参数为earliest/或者latest的区别

工作中接触到通过kafka拉数据的需求，了解到offset.reset配置项，记录一下相关代码段： consumerGroup.setConsumer(`testKafka${new Date().getTime()}`, Config.KafkaInput, true, OFFSET.eariest, //latest和earliest的设置 (msg) => { console.log(JSON.stringify(msg)); }, (e

2021-12-05 19:19:51 8996

原创 Angular&CI/CD：Error: initial exceeded maximum budget

Angular项目在在走CI/CD流程时，出现以下错误：Warning: initial exceeded maximum budget. Budget 2.00 MB was not met by 3.01 MB with a total of 5.01 MB.Error: initial exceeded maximum budget. Budget 5.00 MB was not met by 6.83 kB with a total of 5.01 MB.大致意思是打包文件过大，超出规定的文

2021-12-05 18:26:44 983

空空如也

空空如也