- 博客(35)
- 资源 (1)
- 收藏
- 关注
原创 antd5.20版本flex组件支持换行布局时,使用<Flex wrap>实际并不生效
改成<Flex wrap="wrap"></Flex>就好了。
2024-08-13 15:28:45 165
原创 实时通信websocket和sse
是一个JavaScript库,用于处理服务器发送的事件(Server-Sent Events,简称SSE)。它提供了一个简单易用的API,使得客户端可以与服务器进行实时通信。这个库主要用于浏览器环境。安装依赖npm install @microsoft/fetch-event-source。
2024-06-13 17:20:22 532
原创 umijs+react+ts项目代码一片红处处报错解决
1、在没有 "node" 模块解析策略的情况下,无法指定选项 "-resolveJsonModule"。2、类型“JSX.IntrinsicElements”上不存在属性“div”。试了很多都没用,最后是参考这位朋友的解决了。
2024-05-31 16:17:32 315
原创 vue3中引用组件提示has no default export问题解决
手动下载volar的vsix文件,修改文件中对vscode的支持版本(当前安装的vscode版本)是vscode安装的vetur不支持ts写法导致的,换成vscode最新支持的volar就行。然后利用这样那样的方式把vsix文件导入vscode。经排查,该错误提示的真正原因并不是组件没有默认导出,因为这种实现方式无需导出。已知该问题提示的中文解释是指向:组件没有默认导出。
2024-04-30 17:49:20 3459
原创 react中useMemo 钩子函数的使用
是 React 中的一个优化性能的钩子函数,它接收一个函数作为参数,并返回该函数的计算结果。在第一次渲染时,它会执行传入的函数并将结果存储起来;在后续的渲染中,如果依赖项没有发生变化,则直接使用之前存储的结果,避免了不必要的重新计算。发生变化时重新执行,从而保证 chartData的值始终是正确的.这段代码的作用是在 React 组件中使用。接收了一个箭头函数作为参数,该函数会遍历。是一个数组,所以这个函数会在每次。
2024-04-12 16:07:26 361
原创 js绘制svg图时使用图片作为其中元素,图片的尺寸处理
表示将图片的中心点与SVG图的中心点对齐,并保持宽高比。如果图片宽度大于高度,则图片会被拉伸;如果图片高度大于宽度,则图片会被压缩。属性用于指定图片在SVG图中如何保持宽高比。
2024-04-10 17:42:17 473
原创 vue3+echarts绘制折线图鼠标悬浮时不显示tooltips问题
经排查,设置trigger: 'item'时,可以正常显示,只有trigger: 'axis',异常。echart实例不能赋值给ref响应式proxy对象,会导致tooltip不显示。是因为创建实例的时候,使用了ref(null)改成shallowRef就好了。
2024-04-01 17:10:52 589 1
原创 yarn安装依赖时报错certificate has expired at TLSSocket.onConnectSecure
安装依赖报错证书过期的解决办法
2024-02-04 16:38:59 7083
原创 wangeditor富文本编辑器限制输入文字长度和传到后台字符长度
使用正则表达式将标签替换成空字符串,然后计算输入文字的长度。上述代码不全,仅展示部分。
2023-08-31 10:07:24 2825 1
原创 vsCode更换主题和字体,如何改成和mac电脑类似的字体
更改主题,直接在扩展中下载相关的主题插件即可。字体的安装复杂点,首先修改字体的入口是。/设置/搜索font family。然后就是几款好看的字体。
2023-06-26 11:09:41 2428
原创 使用nvm管理node版本
卸载node有一个非常简单的方法,就是用电脑自带的软件卸载功能,/开始/设置/应用/卸载。正常情况下,node和npm是捆绑下载的,对应的npm版本应该没问题。3、nvm list avaliable查看可以下载的node版本。注意:在下载nvm之前需要先卸载掉电脑上已经安装的node。4、nvm install 12.0.0安装指定版本。6、nvm use 12.0.0切换node版本。5、nvm ls查看已经安装的node版本。方法:进入官网下载nvm。2、nvm -v查看版本。
2023-06-26 10:58:57 7298 1
原创 react + antDesign新手进阶学习指南
在react中使用变量有两种方式,一种是利用store中的变量,动态改变数据,一种是利用useState。和vue中的状态管理有些相似,只不过react中是依托于mobx的。2、react中的变量声明方式。1、react中的状态管理。
2023-06-26 10:46:02 501
原创 trim去除字符串左右两侧的空格
去除字符串左右两侧的空格trim原理----去除左空格s.replace(/(^\s*)/g, '')-----去除右空格s.replace(/(\s*$)/g, '')------去两边s.replace(/(^\s*)|(\s*$)/g, '')
2020-12-10 11:26:04 660
原创 前端实现:滚动条样式修改
谷歌展示如图代码:/*滚动条整体部分,必须要设置*/::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent;}/*滚动条的轨道*/::-webkit-scrollbar-track{ background-color: transparent;}/*滚动条的滑块按钮*/::-webkit-scrollbar-thumb{ border-radius: 10px;
2020-06-05 17:44:19 2088 1
原创 vue实现动态查询,查询字段以及类型由后端返回,展示的表格字段也由后端控制
需求: 因为需求变更快,需要经常增加查询字段,更改较为麻烦,因此需要做一个通用的动态查询组件,每次变更不由前端控制,而是修改配置文件即可。一、动态查询解决思路: 定好前端需要的几种查询类型,返回格式,以及默认数据等等,利用前端的基础24 分栏布局开发一个通用的组件。实现效果如图:除了查询按钮外,其余数据,包括查询条件的位置全由后端控制。功能拓展:该组件同样可以用于其他地方,比如动态展示详情页面,由后端返回详情页面需要展示的key、val...
2020-06-05 17:39:57 2361 3
原创 rgb格式颜色与#000000十六进制格式颜色的转换原理
首先,#000000格式的颜色被称为十六进制颜色码;6位数分为三组,每两位数一组,依次是红、黄、蓝颜色的强度;而与此对应的,rgb(39,137,202)依次是十进制的红黄蓝颜色;因此将rgb格式转换成十六进制,只需要将三个数值转换成十六进制即可;39转换成二进制是27,137——89202——CA因此rgb(39,137,202)——#2789CA有一个简单直接转换的网址:https://tool.css-js.com/rgba.html输入数值就可以直接得到.
2020-06-05 17:07:57 5287
原创 在angular项目中实现类似tab小窗口一样的打开页,保留打开过的页面,再次点击回去保留离开时的状态
使用场景打开任意一个菜单页面的时候,出现对应页面的页签。切换页签,原来的页面信息状态保留,关闭页签则保留的信息删除。使用路由复用策略,保存路由快照。 实现效果如图所示实现过程概述:若使用vue开发,有现成的组件tagsViews;但angular中没找到好用的组件。1、在app.module.ts注册 providers: [ { provide: RouteReuseStrategy, useClass: CustomReuseStrategy } ],
2020-06-05 17:06:17 771
原创 vue项目实现文件下载
一、如果下载接口不需要token,可使用a标签,直接下载。二、如图所示,最后解决 1 getDownload(urls, fileName) { 2 var url = urls; 3 var xhr = new XMLHttpRequest(); 4 xhr.open("get", url, true); 5 xhr.setRequestHeader("Content-type", "a
2020-06-05 17:02:01 596
原创 从别的地方克隆了代码后,需要提交到自己创建的github项目中,报错git fatal: 远程 origin 已经存在
报错:git fatal: 远程 origin 已经存在。从别的地方克隆了代码后,需要提交到自己创建的git中。提示上面信息。或者第一次将地址配错了,需要修改远程地址。需要将远程地址删掉。git remote rm origin然后执行正常的提交程序git remote add origin xxxx.gitgit add.git commit -m 'xxx'git push --set-upstream origin master...
2020-06-05 16:59:40 270
原创 vue+element开发项目,使用tab页的时候导致浏览器卡死的解决办法
el-tabs导致浏览器卡死问题用了vue-element-template模版二次开发,项目中需要用到el-tabs结果一用就卡死。根据网上建议,在<el-tab-pane>标签里不放任何元素,可以。但是无法满足项目需求。于是继续找,最后确定是element和vue版本冲突问题。目前elemntUI的最新版本是2.13.0,vue版本是"vue": "^2.6.11","vue-aplayer": "^1.6.1","vue-rout...
2020-06-05 16:57:56 1523
原创 前端vue项目中上传文件时无法上传与上一次相同的文件,使用el-upload解决方法
需求是:上传文件前提是:上传文件的接口IP是不固定的。因此不能写死。第一次解决方法:使用h5自带的input type=file时,使用change触发上传事件<input class="exportss" type="file" id="fileExport" @change="handleFileChange" ref="inputer"> const inputDOM = this.$refs.inputer this.file = inputDO
2020-06-05 16:54:07 3362 1
原创 前端循环遍历的实际应用
循环遍历的使用手册:普遍使用方式:for (var i = 0; i < myCol.length; i++) {}优化版for 循环(基本上是所有循环遍历方法中性能最高的一种)for (var i = 0,len = myCol.length; i < len; i++) {}//使用临时变量,将数组长度存储起来,避免重复获取数组长度,当数组长度过大时候效果明显F...
2019-12-20 10:02:52 218
原创 关于echart的x轴固定为0-24小时显示一天内的数据
需求: echart折线图横坐标x轴固定显示为0-1-2-3-...-23-24一共24小时的数据. 根据需求,我在网上以及echart官网,发现x轴无论type是类目轴还是时间,都是自动处理的,尤其是数据量过多的情况,x轴时间无法准确控制实现效果: 代码解决思路: 分析造成x轴时间无法固定的原因是数据里的时间具有不确定性,于是我在原数据的基础上...
2019-12-12 11:11:20 8646 11
原创 谷歌浏览器控制台network界面那个时间段怎么隐藏
谷歌浏览器控制台每次调试接口请求的时候,中间那个时间段有时显得很碍事。尤其屏幕不大的时候,控制台界面不能太大。但是又要看具体的请求。这一部分就显得很碍事了。所以就想隐藏来着。看到最上方的view两个标签了吗?取消勾选右边那一个就好了~~...
2018-11-30 09:51:59 7546 2
原创 模糊匹配功能实现【angular】
实现效果如图:用户输入查询字段,检测到用户不再输入之后,发送请求,得到后台返回的模糊匹配的所有选项:(注意:用户keyup输入test时,如果监听keyup事件的话,相当于触发了4次,这里只在test全部输入之后,并且在一段时间内没有再次输入才会触发请求。如果没有keyup时间都会触发请求的话,会影响响应效果。如果网络慢的话,还会造成上一个请求结果还没到,下一个请求已经触发,造成返...
2018-08-31 11:09:25 816
react项目中实现生成corn表达式功能,毫无技术含量基础版本
2024-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人