js
hongten_chen
这个作者很懒,什么都没留下…
展开
-
Angular 中提示 - CommonJS or AMD dependencies can cause optimization bailouts warning
utils\sm2.ts depends on 'sm-crypto'. CommonJS or AMD dependencies can cause optimization bailouts.原创 2023-08-11 14:37:42 · 460 阅读 · 0 评论 -
前端使用国密sm2和sm4进行加解密
前端是用sm2加密解密转载 2023-07-25 14:30:54 · 4094 阅读 · 1 评论 -
前端处理字符串中特定字符串显示红色
前端处理字符串中特定字符串显示红色原创 2023-01-31 14:20:03 · 1627 阅读 · 0 评论 -
解决版本冲突问题:Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --leg
npm遇到报错原创 2022-11-01 16:52:52 · 5296 阅读 · 0 评论 -
angular 重复点击事件的防抖处理
对重复点击触发查询,导致查询结果和显示的查询条件不一致原创 2022-07-29 16:55:34 · 746 阅读 · 0 评论 -
前端进行加密和解密
背景:当页面需要输入正则来设置校验规则时,需要对数据进行加密和解密。正则:'[\\s\\S]{4,}'加密:encodeURI('[\\s\\S]{4,}')encodeURIComponent('[\\s\\S]{4,}')解密:decodeURI(encodeURI('[\\s\\S]{4,}'))decodeURIComponent(encodeURIComponent('[\\s\\S]{4,}'))总结一下:1.encodeURI(),和encodeURI.原创 2022-04-27 11:27:10 · 1295 阅读 · 0 评论 -
js 截取字符串中url地址
背景:需要从用户输入的一段文字中提取输入的链接地址,单独显示并支持点击可跳转新页面。 getUrl(str: string) { const reg = /(https?|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g; const strValue = str.match(reg); if (strValue && strValue.length原创 2022-04-15 11:08:09 · 3784 阅读 · 1 评论 -
常用数据类型工具包
1. lodash里面的方法 uniqBy : 根据对象的某个字段进行去重_.uniqBy([2.1, 1.2, 2.3], Math.floor);// => [2.1, 1.2] // The `_.property` iteratee shorthand._.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');// => [{ 'x': 1 }, { 'x': 2 }]2. 处理菜单的数据类型,获取所有的子菜单数组。原创 2022-01-27 11:05:46 · 1312 阅读 · 0 评论 -
No value accessor for form control with path
背景:使用angular的响应表单时,根据第一个下拉框的选中的值,确定第三个字段是input框还是inputNumber的框,报错如下: No value accessor for form control with path: 'listOfControls -> 0 -> operatorParameter'原因是找不到operatorParameter这个字段对应的inputNumber的框...原创 2021-10-11 11:41:36 · 469 阅读 · 0 评论 -
React实现从子组件向父组件传参的两种方式
方式一:当前列表实现调用公共list组件,将分页pageSize,pageNo的值从子组件传到父组件。分页的传参如下所示。当前页的调用: // 父组件的调用子组件handleChangePage = query => { const { defaultQuery } = this.state; this.props.getList(defaultQuery); this.setState({ pageNum: query, }); }.原创 2021-09-10 14:47:44 · 2428 阅读 · 0 评论 -
根据搜索的内容使滚动条返回顶部
需求:有两个div的区域来展示字段,字段比较多,区域内设置纵向滚动条,要求可以根据字段名进行对div区域内的字段进行搜索,搜到的字段展示在第一个位置,同时滚动条自动回到顶部。思路:1. 对两个div设置高度height,同时设置overFlow-Y:auto属性,显示纵向滚动条。2. 拿到的所有字段,处理成数组进行遍历展示。对搜索的数据先从数组中删除,再使用splice方法重新插入,放在第一个位置。 getFieldNewValue = fieldItem => { c原创 2021-07-23 14:23:35 · 358 阅读 · 0 评论 -
JS 数组求和的5种方法
转自 https://blog.csdn.net/YANG_Gang2017/article/details/72571505?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.control题目描述计算给定数组 arr 中所转载 2021-01-15 13:59:36 · 5031 阅读 · 0 评论 -
JS如何获取屏幕、浏览器及网页高度宽度?
目的在浏览器中,用JS获取高度和宽度都各有3种,分别包括屏幕,浏览器和网页的。用来解决各种计算定位问题!以至于我各种记不住,写个随笔方便查询。屏幕宽高说明:顾名思义,屏幕宽高是指显示器的分辨率。系统分辨率可以改变这个宽高。获取方法:console.log('宽度:', window.screen.width)console.log('高度:', window.screen.height)浏览器可用工作区的宽高说明:浏览器宽高是指浏览器窗口最大化时的宽高,普通的最大化后,一般就转载 2020-11-19 10:43:35 · 4148 阅读 · 1 评论 -
reponseHeader 中文乱码问题
做了一个东西,在ajax中的responseHeader中取到所要的值,将其显示出来,但是里面出现了中文乱码,在这里我重现一下这个问题。看见了 最后的一行的”stepName”:”SQL%E6%9F%A5%E8%AF%A2” 这一行response中设置了utf-8的格式进行解码所以最后解码成了:”stepName”:”SQL查询”我们可以看看客户端和服务器之间什么地方需要进行编码。我们这个出现的问题就是 在response传过来的时候 这个值编码的格式是URL的编码格式 每一个前面加转载 2020-07-30 17:06:20 · 3060 阅读 · 0 评论 -
React框架子组件向父组件传表单参数,使用回调函数
运用场景:在开发点击+号,新增一个表单,点击减号删除一个表单,点击保存时提交当前页面的多个表单的数据,这时候,在父组件要用到search公共组件中的表单数据,传参格式为[{},{},{}]。思路:点击+号,新增一个表单,这个时候要给表单一个key,当有多个表单的时候,可以区分每个表单的数据。使用react中的表单的ref进行表单数据的传递。前情提要:search为一个公共组件,表单的产生在该组件内。第一步:在公共的search组件中,添加ref方法。 <Form style={.原创 2020-07-08 17:13:43 · 1335 阅读 · 0 评论 -
将传参转化成formData格式,进行前后端交互实现删除功能
场景: 删除功能一般来说,前端需要给后端传一个json,json 里面是进行删除操作的ID,但是后端有时会要求我们传formData格式的数据,这个时候,传参为json 的方式就不合适了,故对参数进行以下处理。删除的方法: onHandleDelete = obj => { const { defaultQuery, searchQuery } = this.state; const formData = new FormData(); formDa...原创 2020-05-11 13:52:41 · 1090 阅读 · 0 评论 -
前端通过blob对象实现Post下载,处理接口返回二进制文件流
场景:一般下载功能前端使用get请求的方式传参,采用window.open(url)来实现下载。 对于参数比较多的时候,采用post的传参方式,同时后端的返回是二进制的数据流,这个时候我们需要对后端的返回数据进行blob对象的处理,转化成正常的数据,然后实现下载。后端的返回结果如下:此时在页面直接调用下载的方法,下载方法如下: previewDocume...原创 2020-04-28 14:06:25 · 4172 阅读 · 0 评论 -
Ant Design 框架upload组件上传之前发请求根据返回结果判断是否上传
第一步:在upload使用的组件中定义空数组(在所有的filelist赋值中只能为数组,不能为对象)第二步:配置props里面的属性const props = { name: 'file', beforeUpload: this.beforeUpload, fileList: this.state.fileList.slice(-1), o...原创 2020-01-09 14:25:33 · 2446 阅读 · 0 评论 -
JS错误 Uncaught SyntaxError: Unexpected token u in JSON at position 0
错误一: 出现这种错误的原因是使用JSON.parse的方法时,该方法的作用是将字符串转换成对象,当参数不为字符串或者为undefined时会报该错误:解决办法:对该方法的参数进行判断,在参数为非undefined的情况下才能执行此方法;错误二:使用JSON.parse方法,出现Unexpected end of JSON input错误,原因如下:经...原创 2020-01-09 14:13:10 · 2716 阅读 · 0 评论 -
js实现数组去重方法
1、简易数组去重function uniqueArray(arr, key) { const res = []; const json = {}; for (let i = 0; i < arr.length; i++) { if (!json[arr[i][key]]) { res.push(arr[i]); json[arr[i][key...原创 2019-12-23 16:32:35 · 130 阅读 · 0 评论 -
ant design中时间控件的日期格式化
1、将时间戳转化为时间第一种方式:timestampToTime(str) { const date = new Date(str); const Y = `${date.getUTCFullYear()}-`; const M = `${date.getUTCMonth() + 1 < 10 ? `0${date.getUTCMonth() + 1}` :...原创 2019-12-23 16:27:48 · 3664 阅读 · 0 评论 -
ant design使用日期控件涉及的日期格式问题
moment的基本使用:var moment = require('moment');console.log("001===>>> ",moment().format('YYYY-MM-DD HH:mm:ss')); //当前时间console.log("002===>>> ",moment().add(...原创 2019-12-12 11:23:44 · 3524 阅读 · 0 评论 -
获取get请求URL后跟的参数方法
第一种:/** * 将{ a: 1, b: 2 } => a=1&b=2 * @param {object} query */export function queryToString(query = {}) { const encode = encodeURIComponent; return Object.keys(query) .map(key =...原创 2019-12-12 11:15:26 · 760 阅读 · 0 评论 -
forEach()和map()的区别使用
map方法 和 forEach方法 并不是react里面的,是js原生语法: map():返回一个新的Array,每个元素为调用func的结果 forEach():没有返回值,只是针对每个元素调用func具体请参考:https://blog.csdn.net/qq_42181069/article/details/80506740...原创 2019-05-15 09:54:08 · 216 阅读 · 0 评论