- 博客(73)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 typescript中对象使用变量键名获取值（解决类型“string”不能用于索引类型问题）
typescript中对象使用变量键名获取值（解决类型“string”不能用于索引类型问题）
2024-07-17 16:10:00
100
原创 ant Design Table表格渲染慢、卡死问题前端解决方法-虚拟表格
react项目，某些原因后台不方便分页，列表一次性查回很多数据，导致列表渲染卡死。ant Design的Table组件就有虚拟表格属性，直接给表格加。
2024-04-23 14:44:46
776
原创 vue打包耗时显示插件安装、遇到插件版本不兼容问题以及解决方案
vue项目打包耗时显示插件安装export、export default、exports、module.exports导出模块的区别require和import引入的区别
2023-10-17 17:04:39
447
原创 一个滚动框高度动态计算解决方案
需求描述，一个嵌套了很多层div或者其他标签的内容框，而它的外层没有设置高度，或者使用百分比，而本容器需要设置高度来实现滚动，要么写死px高度，但是不能自适应，此时需要一个直系父容器（该容器要动态计算高度）包裹，这里的解决方法是，设计一个高阶方法，用于给本容器增加一个计算高度的父容器，并且超出高度隐藏内容。
2023-08-21 11:21:23
756
原创 解决 Ant Design V5 样式在360浏览器兼容问题
根据官方文档， Ant Design V5 组件的样式中大量使用了 :where() 选择器来降低选择器的优先级，以此减少开发者升级组件库时额外调整自定义样式的成本。:where() 对于 Chrome 仅支持 Chrome 88 以上，截止目前 360 极速浏览器的 Chrome 版本为 86，因此无法显示组件样式。react项目中使用antd: ^5.1.4,然后在360浏览器中发现样式组件不兼容，组件样式错乱。在入口组件App.tsx中。
2023-08-17 15:19:19
1962
原创 代码托管工具git
git是一套开源的分布式版本控制系统，简单来说是一个项目代码的托管工具，记录着代码提交历史，并且可以拉取、查看、回退、删除任意版本，它分为本地仓库和远程仓库，代码提交到本地仓库后，推到远程仓库（githab、gitee、gitlab等之一）用户名和邮箱地址是本地Git客户端的变量，用户每次提交代码都会记录用户名和邮箱。为了解决，git提交代码、拉取等其他操作时，不用每次都输入用户名和密码。1、下载并安装，下载地址: https://git-scm.com/1） 注册：https://gitee.com/
2023-05-04 09:41:15
146
原创 window+e快捷键报错【找不到应用程序】或【explore.exe找不到】的解决方法
window + e报错 找不到应用程序 或找不到explorer.exe找不到 问题
2023-02-26 20:14:13
2796
3
原创 新闻发布后台管理系统实战react + axios + react-router(v6) + react-redux + Ant Design + json-server
新闻发布后台管理系统实战react + axios + react-router(v6) + react-redux + Ant Design + json-server
2023-02-01 16:20:08
416
1
原创 react全家桶实战（千峰教育）
react全家桶学习（千锋教育）react-reduxreact-sagareact-router-domdvaumi
2022-12-27 18:36:30
1280
2
原创 concat和apply实现多维数组扁平化、深入理解concat/apply
concat和apply实现多维数组扁平化、深入理解concat/apply
2022-12-05 22:01:57
604
原创 想升级npm和node版本，遇到npm dose not support Not.js v8.12.0的问题
想升级npm和node版本，遇到npm dose not support Not.js v8.12.0的问题
2022-10-29 22:54:30
527
原创 react的props中找不到路由信息
const { location } = this.propsconsole.log('location :',location ) 发现location 为undefined解决：（1）组件包裹在中（2）组件中引用 withRouterimport { withRouter } from 'react-router-dom'@withRouterclass MyComponentxxx extends Component {......
2022-01-24 14:42:50
711
原创 设置本地远程分支追踪、将本地分支推送并新建远程分支
1、git clone ***/master.git 拉取到的本地分支master没有和远程分支master存在追踪关系，则需要设置追踪：git push --set-upstream origin master2、新建一个本地分支（比如newB），新建并推送到远程分支：git push origin newB则远程多出一个newB分支，并且和本地的newB分支存在追踪关系...
2022-01-24 10:45:37
584
原创 eslint安装失败-延伸到node升级问题
三个问题：1、安装eslint失败，原因：node和npm版本过低解决： 升级node和npm（参考下面），升级完之后执行以下命令安装eslint，npm install eslint --save-dev2、升级（直接命令npm -g install n）node失败原因：windows不支持安装n来升级解决：到node官网下载新的node安装包，安装路径指定为旧的node安装路径（where node查看），然后执行以下命令升级npm，npm install npm@latest -
2021-12-28 18:00:09
2003
原创 清除浮动推荐方法
父容器不设高度时，不随子元素高度撑开，并且margin不生效，那么推荐使用下面清除浮动方式：.fatherDiv:after{ // 或者before，after和before元素为行内元素，清除浮动可达到目的 content: ""; display: block; height: 0; clear:both; visibility: hidden;}...
2021-11-11 17:53:43
77
原创 react 样式绑定之class绑定数组
importa styles form ....<div clssName={[styles.class1,styles.class2].join(' ')} />
2021-11-11 11:15:33
681
原创 使用git clone --depth 1后如何获取其他分支？
1、拉取主分支后，设置远端分支源git remote set-branches origin "分支1"git remote set-branches origin "分支2"2、git pull后，查看git branch -a就能看到远端分支多了“分支1”、“分支2”
2021-09-22 16:47:39
1495
原创 umi路由跳转页面
跳转// 引入router 新版本是import { history } from 'umi';import router from 'umi/router'; // 法一// 跳转页面/xxx/xxx/xxx，参数params, router.push('/xxx' + id`); // 或者history .push('/xxx'+id)// 法二router.push({ pathname:'/xxx', query:{ id: 'id',
2021-09-15 10:25:00
3288
原创 ant table 的日期排序
const columns= { title: '开始日期', key: 'date', dataIndex: 'date', sorter: (a, b) => { // 将日期转成毫秒 const t1 = new Date(a.date).getTime(); const t2 = new Date(b.date).getTime(); return t1- t2 },
2021-09-10 17:40:16
806
原创 根据package.json文件启动项目注意事项
"start": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev","start:dev": "cross-env APP_TYPE=site MODE=default KEYENV=dev umi dev","start:test": "cross-env APP_TYPE=site MODE=default KEYENV=test umi dev",默认"start"：直接命令npm start启动“start:dev（或t
2021-08-31 14:34:12
1129
原创 modified () new commits
git项目下嵌套有子项目，在外层检测到子项目的提交出现一下情况要消除外层对子层的检测new commits，则cd进入子项目目录，执行git reset --hard 红色commit记录命令，再退回外层目录就正常了
2021-08-24 11:55:11
1691
原创 window.location.href
前端开发下载（导出）方法：window.location.href = fileUrl // fileUrl 为文件路径
2021-08-23 14:40:40
243
原创 react中使用Ueditor--失焦事件监听
在使用Ueditor的react组件中：componentDidMount() { const { ueditorBlur } = this.props; this.editor = window.UE.getEditor('ueditorId'); // 'ueditorId'为Ueditor组件的id值 this.editor.addListener('blur', function(){ if(ueditorBlur) ueditorBlur() });}...
2021-08-20 17:05:05
678
原创 git：reset、revert、restore
1、git reset：修改HEAD的位置。（三种模式，详见reset的使用）2、git revert：撤销某个版本的修改，不影响撤销版本后面的修改，并且结合后面的版本生成新的版本3、git restore：用来分担之前 git checkout 命令的功能：（1）git restore <file>… 撤销工作区中（未add）的修改，（2）git restore --staged <file>… 撤销暂存区中（已经add）的修改，工作区不会被撤销。...
2021-07-23 15:46:13
512
原创 react：async和await控制setState同步更新
this.state={ param: 1}func1 = () => { this.setState({param: param+1})}func2 = async () => { await this.func1() // 没有await的话，后面console.log(param)输出1 const { param } = this.state console.log(param) // 输出2}...
2021-04-27 14:27:28
1601
原创 promise.all的使用
Promise.all可以将多个Promise实例包装成一个新的Promise实例。成功的时返回的是一个结果数组(和Promise.all接收的函数数组顺序一致)，失败时则返回最先被reject的error。 例如，已知事件1、2为异步事件，事件3要在事件1、2都执行结束才能执行，其中 事件1：task1 事件2：task2 事件3：task3第一步：定义task1、task2task1 = function() { var p1 = new Promise(functio
2021-01-12 09:59:32
460
原创 叠加背景
<!DOCTYPE html><html><head><meta charset="utf-8"> <style>#background{ background: url(img1.pnd) left bottom no-repeat, url(img2.png) left top repeat;}</style></head><body><div id="background"
2020-12-08 17:04:55
86
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人