hongten_chen-CSDN博客

背景：当页面需要输入正则来设置校验规则时，需要对数据进行加密和解密。正则：'[\\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 1288

原创 angular 输入校验excel文件名不允许有的字符

背景：创建项目名的时候，需要校验作为excel文件名不允许有的字符代码：ts regTest = '项目名称不可包含以下字符：' + '\\' + ' / : * ? " < > |'; this.validateForm = this.fb.group({ professionalName: ['', [Validators.required, this.validateProjectName.bind(this)]], description: ['

2022-04-18 15:03:11 938

原创 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 3753 1

原创 git 拉取代码时提示：would clobber existing tag

git 命令显示：解决步骤：1.查看远程tags git ls-remote -t 2.查看本地tags git tag -l 3.删除本地与远程不一致的tag git tag -d tag名字/v3.38.04.重新拉取远程tag git fetch origin --prune-tags5.git pull 拉取代码...

2022-02-24 17:47:07 537

原创常用数据类型工具包

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 1284

原创 angular 2 父组件和子组件回调函数传参

【代码】angular 2 父组件和子组件回调函数传参。

2021-11-19 10:19:17 839

原创 Git提交代码报错husky ＞ pre-commit

原因：关键词是husky > pre-commit，百度了一番之后，发现了问题所在，确实是本地项目中的.git下的一个文件导致的提交失败，这个文件是pre-commit文件。解决步骤：1、找到项目中的.git文件夹(需要显示隐藏文件才会出现，显示隐藏文件：点击项目的查看》选项》查看》显示隐藏文件》确定)，双击进入就能看到关于git的一些文件2、进入.git 的文件夹，进入hooks文件夹，找到pre-commit 文件。 pre-commit(客户端)钩子，它会在Git键入提交信...

2021-10-27 18:34:46 4725

原创 Angular2 项目中使用Echart实现环形图

背景：要求在页面实现环形图，环形中心一开始默认占百分比最大的内容，鼠标移动到环形上展示当前的内容和百分比，鼠标移出展示最初的效果。效果图如下：实现代码：import { Component, OnInit, ViewChild, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';import { ECharts, init as echartsInit } from 'echarts';import { Acti.

2021-10-22 10:41:13 313

原创 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 466

原创 fatal: ‘src/app/routes/wallet‘ already exists in the index

解决方案：第一步：第二步：手动删除路径对应的文件夹。第三步：进行重新添加子模块操作

2021-09-23 14:59:12 1085

原创 Git-子模块

背景：有种情况我们经常会遇到：某个工作中的项目需要包含并使用另一个项目。也许是第三方库，或者你独立开发的，用于多个父项目的库。现在问题来了：你想要把它们当做两个独立的项目，同时又想在一个项目中使用另一个。这时候就用到了git的子模块git submodule命令。常用的git submodule命令：添加为当前工程添加submodule，命令如下：git submodule add 仓库地址路径仓库地址是指子模块仓库地址，路径指将子模块放置在当前工程下的路径例子：git

2021-09-23 14:53:16 421

原创前端实现轮询

方法一：简单实现componentDidMount() { this.props.countFxMissionByStatus(); countSwiftMessage(); }componentWillReceiveProps(nextProps) { const {location} = nextProps; // 判断页面然后在更新的周期中实现轮询 const isSwiftManage = location.pathname.indexOf('

2021-09-16 13:55:04 7331

原创 React中的单项数据流

背景：页面调用接口：import { connect } from 'dva';import { withRouter, routerRedux, Link } from 'dva/router'; // push主要用来跳转页面const mapStateToProps = state => ({ // 用来接收后端的返回数据 list: state.businesssequence.fundAccountSearchResult, isLoading: state.

2021-09-15 16:02:52 144

原创 vscode格式化配置

此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化一、安装插件：Prettier、Eslint、VeturESlint：javascript代码检测工具，可以配置每次保存时格式化jsPrettier - Code formatter：只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等)，包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · G...

2021-09-10 16:31:31 976

原创 React实现从子组件向父组件传参的两种方式

方式一：当前列表实现调用公共list组件，将分页pageSize,pageNo的值从子组件传到父组件。分页的传参如下所示。当前页的调用： // 父组件的调用子组件handleChangePage = query => { const { defaultQuery } = this.state; this.props.getList(defaultQuery); this.setState({ pageNum: query, }); }.

2021-09-10 14:47:44 2405

原创根据搜索的内容使滚动条返回顶部

需求：有两个div的区域来展示字段，字段比较多，区域内设置纵向滚动条，要求可以根据字段名进行对div区域内的字段进行搜索，搜到的字段展示在第一个位置，同时滚动条自动回到顶部。思路：1. 对两个div设置高度height，同时设置overFlow-Y:auto属性，显示纵向滚动条。2. 拿到的所有字段，处理成数组进行遍历展示。对搜索的数据先从数组中删除，再使用splice方法重新插入，放在第一个位置。 getFieldNewValue = fieldItem => { c

2021-07-23 14:23:35 354

原创去掉 umiUI 可视化编程辅助工具展示气泡

场景：ant design升级后发现本地跑项目的时候，右下角会出现下面的气泡解决方法：在package.json的配置文件中，start命令增加 UMI_UI=none umi dev ;修改前： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site umi dev",修改后： "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_Y

2021-04-01 15:18:33 1055

转载 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 4970

原创新建一个文件夹关联git仓库提交代码

背景：新建一个项目文件夹，开发完成后，提交到git仓库。第一步：对新建的文件夹进行初始化： git init，之后该项目下会出现一个 .git 的隐藏文件，该项目变成本地仓库。第二步：添加远端仓库：git remote add opstech 远端仓库地址添加之后，可以用 git remote -v 进行查看，然后git commit -m ''提交记录名'' -n 提交代码第三步：提交之后，将代码push到远端仓库 git pu...

2020-11-19 16:03:58 821

转载 JS如何获取屏幕、浏览器及网页高度宽度？

目的在浏览器中，用JS获取高度和宽度都各有3种，分别包括屏幕，浏览器和网页的。用来解决各种计算定位问题！以至于我各种记不住，写个随笔方便查询。屏幕宽高说明：顾名思义，屏幕宽高是指显示器的分辨率。系统分辨率可以改变这个宽高。获取方法：console.log('宽度：', window.screen.width)console.log('高度：', window.screen.height)浏览器可用工作区的宽高说明：浏览器宽高是指浏览器窗口最大化时的宽高，普通的最大化后，一般就

2020-11-19 10:43:35 3990 1

原创前端css实现气泡框

场景：工作中遇到需要使用气泡框进行提示的效果，但是不需要鼠标移上去，是个静态的气泡框效果，于是决定使用纯css进行实现。实现思路：一个带边框的容器，在左侧放一个三角实现气泡框效果。实现效果图：1. 可以给一个div标签，然后对其设置属性，但是由于需求我这边需要对一个span标签进行操作，span是一个行内元素，需要先对其进行转换成块内元素再进行属性限制。组件元素： <span className="popTag"> <span>...

2020-10-27 10:57:48 5808 1

原创使用react框架，ant design中双击事件触发单击事件解决办法

场景：在进行tag标签的编辑时，需求单击tag表示选中，双击tag进入编辑模式，进行修改。这样如果不做处理，双击会同时触发单击事件，解决思路：设置一个变量，在单击事件中进行延时设置，在双击事件中，直接将单击事件的延时取消，那么就不会触发单击事件。详细实现思路：1. 设置varclickTimeChange; 用于单击事件的延时变量。2. 单击事件的代码如下： handleCheckChange = (tag, index) => { clearTimeo...

2020-10-27 09:54:58 5489

原创 Ant Design 中覆盖组件样式

使用场景：比如ant design中的抽屉Drawer这个组件，由于组件库中的样式是给了padding为25px，但是我当前的需求是不需要padding，那么就需要写样式覆盖掉之前组件定义的样式。1 需要找到该组件对应的padding这个样式所在的类。2 在代码中给Drawer组件一个className属性，如下<Drawer title="aaa" placement="right" cl..

2020-10-26 14:53:20 2920

webService

空空如也