- 博客(83)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 下载文件 + 上传文件
前端接收 type: “application/octet-stream“ 格式的数据并下载，还有后端既返回octet-stream还返回JSON数据时的处理方法, 后端改了一下文件下载的方式，打算用接口返回 type: “application/octet-stream“格式的数据，然后前端来处理下载。记录一下js实现下载文件的方式。
2023-07-03 22:03:54
408
原创 js中常用几个运算符区别和用法
一 ??与 ||相同点 根据前面的值来判断最终返回前面的值还是后面的值。值1 ?? 值2值1 || 值2??与 ||不同点判断方式不同：使用 ?? 时，只有当值1为null或undefined时才返回值2；使用 || 时，值1会转换为布尔值判断，为true返回值1，false 返回值2值1 ?? 值2值1 || 值2二 !和!! ! 对后面值进行取反，!可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。
2022-05-07 22:41:44
291
原创 vscode常用插件
1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code2. Auto Rename Tag3. One Dark Pro （主题颜色）4.格式化代码1.（vscode系统自带）2.Prettier - Code formatte5.Beautify6. CSS Peek7. Live Server 实时预览（7比8好用）8. open in browser 浏览器预览画面9. Vetur
2022-03-15 17:33:28
1754
原创 正则表达式 部分常用
大于0的正数 且 一位小数 const reg = /^[+]?(0|([1-9]\d*))(\.\d{1})?$/ reg.test(22) <Input style={{ width: 100 }} defaultValue={balist?.ratio} onBlur={(e) => { // 正则： >0正数 且 一位小数 .
2022-03-15 11:25:58
725
原创 git 正在变基，代码冲突之后怎么办
git 提交代码时，遇到冲突时，会出现分支那里正在变基问题因为在一个分支上协同开发，我在开发前pull了一下分支，那时候已经有一部分的代码了，由于我和另一个小伙伴的代码有一部分是重复的，但是他的有问题，所以我需要修改，就改了他的一部分代码，然后我需要提交了。git add .git commit -m 'xxxxxxxx'这时候需要对原有的分支进行pull一下,git pullpull之后的提示信息，因为他有提交，并且我在他之后提交的位置做过修改，然后pull的时候会和已有的提交进行.
2022-03-04 15:14:03
17675
1
原创 ant 安装依赖bug1
对比发现版本的不同"@ant-design/pro-layout": "6.31.3", "@ant-design/pro-utils": "1.32.2",首先删除旧版本pro-layoutnpm uninstall @ant-design/pro-layout下载指定版本的pro-layoutnpm install --save-dev @ant-design/pro-layout@6.31.3下载指定版本的pro-utilsnpm install --save–dev.
2022-02-22 10:08:31
773
原创 git拉分支查看
查看远程分支git branch -a查看本地分支git branch查看本地和远程的所有分支git branch -algit在本地拉取远程分支git checkout -b 本地分支名 origin/远程分支名以上命令可以自动创建一个本地分支并且把远程分支代码拉取到本地...
2022-02-22 09:31:58
630
原创 关于循环的小知识：循环不透彻引起的数据融合bug
今天遇到个bug：追到根本，发现是循环理解不透彻引起的。 demo 对比：第一次是错误的，第二次是正确写法 上面不能看明白的，下面这个是个人的分析理解：
2022-02-11 10:54:33
151
原创 【Ant Design】Select组件下拉选项随页面滚动与Select框分离
问题描述：Select组件有个API ：getPopupContainer同时官网也强调一个特殊情况需要注意：注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 getPopupContainer={triggerNode => triggerNode.parentElement} 将下拉弹层渲染节点固定在触发器的父元素中。代码：<Select getPopupContainer={triggerNode => triggerN.
2022-01-10 10:48:02
757
原创 react---ant design pro----修改logo和title
1.内容页的logo和tittle修改入口如果想要直接干掉logo，需要在App.tsx里面写这个：logo：false**2.网页左边的logo和tittle修改入口直接修改，地址，提前放好图片文件在public里面
2021-12-16 09:21:11
3888
2
原创 linear-gradient 使用,里面使用变量
linear-gradient 使用background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1))可以在里面使用变量，使用办法：const mystyle={ background: inear-gradient(to right, #430089 0% , #430089 ${width} , #E8E8E8 ${width}, #E8E8E8 100%))'}background: item.lmyS.
2021-12-14 14:06:56
2135
原创 antd中DatePicker不可选择时间的处理
1. 只能选择今天之后的日期,今天不可选~ function disabledDate(current: any) { return current && current < moment().endOf('day'); } 2. 不可以选择之前的日期,今天包括之后可以选 function disabledDate(current: any) { return current < moment().subtract(1, 'day')...
2021-12-10 09:34:45
2608
1
原创 react+sntdesign+Table问题解决----删除某列数据，错删别的数据。数据源正确，但是展示错误。
一开始是 2 3 4，然后我删除2之后，页面展示是错，但是数据是对的。代码如下： 问题分析：1.排除浅复制的问题，换成了深复制2.排除了filter可能导致的问题。换成了splice3.----1.2之后依然不行。最后看官网发现有个key。尝试了下，可以了。解决办法：key = {record.XX} const rgRulesColums2: any = [ { title: '染料(编号)', ..
2021-12-09 16:32:18
770
原创 正则匹配大于等于号与indexof结合
后端返回数据格式export function transTable(str: any) { // ≤8 ≥8 // 定义一个>=正则 const regularLessEque = /\>\=/; if (regularLessEque.test(str)) { const index = str.indexOf('='); const min = str.substring(index + 1, str.length); return { mi
2021-12-01 14:56:48
977
原创 useEffect使用 async和await
useEffect(() => { async function fetchData() { // You can await here const d22 = await getCardOpen(); console.log('d22222', d22); Init('kk'); } fetchData(); }, []); useEffect(() => { Init('kk'); }, []);
2021-11-08 14:39:24
771
原创 根据相同id，合并两个数组（数组一的list添加匹配到的数组二的list）以及新数组转换成对象
MOCK数据let arr1 = [ { id: 1, prelist: [{ a: 1, b: 2 }] }, { id: 2, prelist: [{ a: 1, b: 2 }] }, { id: 3, prelist: [{ a: 1, b: 2 }] }, ]; let arr2 = [ { ids: 1, list: [{ c: 1, d: 2 }] }, { ids: 2, list: [{ c: 1, d: 2 }] }, { ids:
2021-11-05 13:33:45
833
原创 非空判断用法和区别
?? undefined 和 || undefined 区别给后端传递参数的是，做个非空判断，遇到这个问题，原来是这样的区别啊：1.会传递参数const sh = 0colorNum: sh ?? undefined, //此时是可以传递sh这个参数，并且取值02. 不会传递参数const sh = 0colorNum: sh || undefined,//此时不传递参数 p ?? undefined 这个是为将0也考虑进去，只要前面取值不是null undefined或者空
2021-11-03 16:43:19
182
原创 ant design pro的react---样式/js更改小总结
JS1.日期选择器，不可选当天之前的时间function disabledDate(current: any) { //return current && current < moment().endOf('day'); //当天之前的不可选，包括当天 return current < moment().subtract(1, 'day') //当天之前的不可选，不包括当天 }CSS1.popover气泡卡片// 气泡卡片css修改.ant-p
2021-11-03 10:02:26
367
原创 GitLab创建删除查看tag
GitLab建立taggit tag tagName查看taggit tag推送到远程git push origin --tags本地删除git tag -d tagName远程删除tag git push origin :refs/tags/tagName //本地tag删除了，再执行该句，删除线上tag
2021-11-01 10:24:26
2001
原创 REACT之useEffect（1）接受两个参数
useEffect 接受两个参数1.callback: 回调函数，第一次会默认执行一次，内部可以return一个回调函数，当卸载组件时执行arr: 监控变量的数组，如果不传入arr则默认监控全部的变量， 如果传入并且为空，则相当于生命周期的DidMount； 如果有值则当里面的值变化时会再执行callback，相当于update生命周期...
2021-10-26 17:13:00
367
原创 renderNewList.ts
//重新排序结果的小函数const reorder = (list: any, startIndex: any, endIndex: any) => { console.log('same-list-lmy', list, startIndex, endIndex) const result: { id: string; content: string }[] = Array.from(list); const [removed] = result.splice(startI
2021-10-19 17:21:09
218
原创 react + ts + react-beautiful-dnd使用
react-beautiful-dnd --=- 新版拖拽组件最近项目需求，开始玩起react。 一遍遍骂自己太菜，一遍遍告诉自己老子最棒!这项目有个需求是拖动，本以为拖动能有多难，插件满天飞，不在怕的，but，现实告诉我那必不可能，那需求是真麻烦噢！ 选来选去，最后选择了这个 react-beautiful-dnd 插件但发现这个插件的文档是真的简洁噢。没办法，自己摸索吧，根据我自己摸得，我现在整理了一下使用方法，给以后的人使用点个灯点个灯！哈哈哈 play demo..
2021-10-19 17:18:35
1657
1
原创 react-beautiful-dnd高级拖拽 之 自建DEMO
1.安装yarn add react-beautiful-dnd2.引入页面import React, { useEffect, useState } from 'react';import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";3.设置样式/** * css样式--- 每一行样式*/const getListStyle = (isDraggingOver: any) => ({
2021-10-19 17:18:02
1314
1
原创 利用moment.js 获取传入时间的前后时间
getTimeLines 利用moment.js 获取传入时间的前后时间 正数为前时间，负数为后时间/** getTimeLines 利用moment.js 获取传入时间前后时间 正数为时间前，负数为后几小时 我这里传递进来的参数是2021-10--9 11：55：56这样的格式(可根据项目，自己灵活更改) */ // 参数可以不传递 ：time,timeNum 我分别给了默认值，当前时间和0. function getT.
2021-10-19 15:11:08
3112
2
原创 生活中可以撞对象但是js里无需担心这个问题
[ ]===[ ] 和[ ].length === 0 一样吗？ 不一样的，哈哈哈原因分析：首先空数组的长度会等于0的 ，but空数组不会等于空数组的 ，因为它俩是个对象,对象的比较是引用的比较，两个不同对象的引用地址是不一样的 so： 两个对象永远是不会相等的[ ]===[ ] //false[ ].length === 0 //true...
2021-10-19 14:40:10
54
2
原创 获取当前时间
var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate(), hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(), minute = date.getMinutes() < 10 ? "0" + dat...
2021-09-14 17:29:34
96
原创 ApiPost 中文版接口测试
最近一直在用这个ApiPost .做接口测试.我们办公室基本人手一个..我所需要的都有,. .. 很方便友好,都是中文. 功能也很全,上面貌似还有一些博客 技术交流的互动.用起来挺有趣的.1. 可以不用登陆,直接使用.(你要是需要的功能多,或者团队合作,推荐办个会员,貌似还挺划算)2.get/Post…请求都支持.返回的结果也很直观.3.这是官网的介绍,花样也很多,蛮有趣的需要的自己下载吧 : ApiPost...
2021-08-25 16:40:43
245
2
原创 GitHub---push失败/他人访问404
最近一小姐妹生日，由于忘了日期，发现的时候已经晚了十几天。那我又不在她身边，这可咋整？就想到，用我所学，写个手机端生日快乐和道歉页面给她好了。我本来计划，一个小时差不多了。早上.来得早,今日没太多事情,早下班 刚好可以六点多下班 go home!but.我是万万没想到,遇到了GITHUB更新 (七夕那天这个网站竟然更新了,估计是想过七夕哈哈哈哈)那是折腾的我哦,生生搞了两个多小时哦,关键这多出去的一个多小时,不是在敲代码,而是研究如何上传代码(代码一直上传失败),…如何访问页面(页面一直404.
2021-08-24 10:47:48
816
原创 flex的布局最后不能盛满一行时如何依旧布局一致，左对齐呢？
☀☀☀☀☀☀☀☀☀☀☀☀错误的效果当使用flex排版时候发现，我想要下面的效果，但是由于我只有五个元素，最后一行元素，不满三个就会变成，这样的排版，但是不符合我的预期。 ???????????????????????????????????? 正确的效果 以前的flex并不能满足我的需求，那么就找到了grid。/* .list{ display: flex; justify-content: space-between; height:
2021-08-20 16:10:23
1149
1
原创 字符串中出现次数最多的字符
let str = "aozisodsdkksdsd" let obj = {} for (let i = 0; i < str.length; i++) { let chars = str.charAt(i) if (obj[chars]) { obj[chars]++; } else { obj[chars] = 1
2021-08-20 15:56:14
740
原创 min - h / %转化 ，取小数点后n位 ,长数组拆分 ,数组排序方法总结
1. 分钟数转换为小时/***** 分钟数转换为小时*/function ChangeHourMinutestr(str: any) { if (str !== "0" && str !== "" && str !== null && str !== undefined && str !== 0) { return formatDecimal1(str / 60) } else { return ..
2021-08-19 17:19:57
107
1
原创 VSCode添加背景图片
1.下载插件——background2.文件–首选项–设置–搜索background。点击jason文件，进去配置写代码 "background.enabled": true, "background.useDefault": false,//是否使用默认图片 "background.customImages": [ "file:///D:/lmy/lmy-private/img/222.jpg" //图片路径 ], "background.sty
2021-08-10 11:02:11
2952
1
原创 Highcharts的3D饼图上下颠倒及解决办法
求助求助❗❗❗我需要的样式效果：那发现常规的echarts不满足了，就改成了highcharts进行3d图表开发，but在开发的过程中发现了这个现象来吧，看看问题第一次进入页面，饼图是正常的：戳这个进去瞅瞅：????，那你进去就看到这个样子的饼图呢。但是由于我的项目需求，我需要更改代码，但是发现一个神奇的现象，我不论删除data的数据，还是更改数据，我的图就成了倒立的了。。。。原因排查：可能性一。一开始我以为是，我数据太少了，那我又改成了多个数据发现还是不行。最后的
2021-08-05 16:11:05
2313
20
原创 JS中数组去重并统计个数/统计元素属性的个数
目录JSON对象唯一属性去重骚气去重????es6去重//公用数组let arr =[ {date:'20200202',flag:'night',num:1}, {date:'20200202',flag:'day',num:1}, {date:'20200202',flag:'day',num:2}, {date:'20200202',flag:'night',num:1}, {date:'20200202',flag:'day',num:3}, ]最近项目频繁用到数据
2021-07-14 19:42:08
479
1
原创 echarts 出现的各种问题
目录图表需要刷新才显示????双y轴显示????提示框样式更改????1.图表需要刷新才显示????问题表述：第一次进入页面，图表正常显示 。但回到首页之后再次进入此页面，图表不显示且无报错，返回数据也正常，画布也是正常的有绘制？？可是图表没了。需要刷新才会有？？？？找了一大圈问题，最后发现：echars在绘制图形的时候会给div添加属性_echarts_instance_，因此只需要将此属性移除并清空div内容即可重新绘制新的echarts图形。这个解释算懵懂吧（echarts的
2021-07-14 18:38:02
820
1
原创 浏览器页面切换时的动态标题===大白鹅，快回来！
今天搜索资料的时候，发现别人的网页搞得有个有趣的动画标题。就想要自己也写一个哈哈，然后天天????????提供代码，完成了效果。。。vue项目里面的用法 (function () { var title = document.title var titleTimer = null document.addEventListener('visibilitychange', function () {
2021-06-18 13:18:47
109
原创 线上页面有时候elementui 的字体图标会乱码
1.错误现象2.问题分析3.解决方法针对我项目问题分析原因可能是：因为vue脚手架编译使用的和elemntui里面编译的工具不一样，（如若有错误部分，请指出来，我会改正） 1.错误现象 2.问题分析查阅资料之后，定位到错误原因： scss编译机制的问题 （上图1已显示，编译乱码）因自定义主题是需要将scss加载进来的，而scss中引用的字体，图标不能被对应的loader正常解析，而将element自己编译好的css使用js模块引入就没问题。 3.解决方法
2021-06-08 11:53:19
3691
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人