- 博客(93)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`.
testing-library/react ，怀疑是该包引起的问题，查看该包的版本，并进行版本更新，安装最新版本，该警告解决，测试通过。进行全局搜索，发现没有该引用，故进入该代码块中分析。
2024-06-10 14:30:42
301
原创 常见的CSS布局
绝对定位元素的第⼀个高级特性就是其具有自动伸缩的功能， 当我们将 width 设置为 auto 的时候 (或者不设置， 默认为 auto )， 绝对定位元 素会根据其 left 和 right 自动伸缩其大小。1.2 给左右盒子的 width 设置父盒子的 padding 值,然后分别定位到 padding 处.方法三：利用 bfc 块级格式化上下文, 实现两侧固定中间自适应。2.3 中间盒子设置 flex:1;2.2 左右盒子设置固定宽高。方法一：利用定位实现两侧固定中间自适应。
2024-05-26 16:47:13
371
原创 双指针类型解题汇总
给定一个字符串和一个字符串字典，找到字典里面最长的字符串，该字符串可以通过删除给定字符串的某些字符来得到。找出 nums 中的三个整数，使得它们的和与 target 最接近。，那么可以把右指针左移一位，去试试更小一点的值，反之则把左指针右移。变量比较，先比较长度，后比较字典序，记录下来，最后返回即可。一旦某个单词指针移动到那个字母的最后一位了，就和全局的。），在基础点的右侧用双指针去不断的找最小的差值。进行匹配，如果匹配到了，则那个单词的指针后移。然后求此时的和，如果和大于。，和此时记录下来的和。
2024-05-08 01:03:20
191
原创 Vue3 基于 Vite、Pinia、Vue-Router，统一编码规范配置
需求：考虑到每个开发人员编码习惯不同，故自己动手从0-1配置规范方面的约束。
2024-05-06 00:30:20
653
原创 前端高频算法
取 0 ~ i-1 的中间点 ( m = (i-1) >> 1 )，array[i] 与 array[m] 进行比较，若 array[i] < array[m]，则说明待插入的元素 array[i] 应该处于数组的 0 ~ m 索引之间；在插入排序中，对于值相同的元素，我们可以选择将后面出现的元素，插入到前面出现元素的后面，这样就可以保持原有的前后顺序不变，所以插入排序是。为了保证冒泡排序算法的稳定性，当有相邻的两个元素大小相等的时候，我们不做交换，相同大小的数据在排序前后不会改变顺序。
2024-05-02 12:28:47
1072
1
原创 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
505
原创 解决版本冲突问题：Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --leg
npm遇到报错
2022-11-01 16:52:52
5369
原创 前端进行加密和解密
背景：当页面需要输入正则来设置校验规则时，需要对数据进行加密和解密。正则：'[\\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
1314
原创 angular 输入校验excel文件名不允许有的字符
背景：创建项目名的时候，需要校验作为excel文件名不允许有的字符代码：ts regTest = '项目名称不可包含以下字符：' + '\\' + ' / : * ? " < > |'; this.validateForm = this.fb.group({ professionalName: ['', [Validators.required, this.validateProjectName.bind(this)]], description: ['
2022-04-18 15:03:11
967
原创 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
3881
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
585
原创 常用数据类型工具包
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
1407
原创 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
5022
原创 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
339
原创 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
480
原创 fatal: ‘src/app/routes/wallet‘ already exists in the index
解决方案：第一步：第二步：手动删除路径对应的文件夹。第三步：进行重新添加子模块操作
2021-09-23 14:59:12
1193
原创 Git-子模块
背景：有种情况我们经常会遇到：某个工作中的项目需要包含并使用另一个项目。 也许是第三方库，或者你独立开发的，用于多个父项目的库。 现在问题来了：你想要把它们当做两个独立的项目，同时又想在一个项目中使用另一个。这时候就用到了git的子模块git submodule命令。常用的git submodule命令：添加为当前工程添加submodule，命令如下：git submodule add 仓库地址 路径仓库地址是指子模块仓库地址，路径指将子模块放置在当前工程下的路径例子：git
2021-09-23 14:53:16
449
原创 前端实现轮询
方法一：简单实现componentDidMount() { this.props.countFxMissionByStatus(); countSwiftMessage(); }componentWillReceiveProps(nextProps) { const {location} = nextProps; // 判断页面然后在更新的周期中实现轮询 const isSwiftManage = location.pathname.indexOf('
2021-09-16 13:55:04
7473
原创 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
164
原创 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
990
原创 React中父组件嵌套子组件获取参数
需求：根据报文类型的不同，每种报文类型的字段也有所不同。通过后端返回的报文字段的字符串，前端将字符串转为对象，根据后端返回的对象，展示当前报文的页面字段。实现思路：根据需求将建立三个组件，域组件主要用来展示字段。块组件用来展示可增加和删除的块，块组件里面通过域组件来进行展示。最终在模板组件，对后端返回的所有的模板字段进行判断，遍历模板字段，如果后端返回的字段类型是个域就直接展示域组件，如果返回的字段类型是个块就展示块组件。在模板组件将所有域和块的字段值进行集中，从而获取所有的报文字段数据..
2021-09-10 15:57:40
32
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人