微光的博客

js实现根据树子节点id查找所有父节点id

js实现根据树子节点id查找父节点id

JS删除嵌套对象中的空值

react17安装react-dnd提示Cannot find module 'react/jsx-runtime'解决方案

官方： label: { show: true, position: 'outside' }, labelLine: { show: false },实际：label: { normal: { show: true, position: 'outside', formatter: '{c}' }},labelLine: { normal: { show: true, le

大概原因是因为项目是layout包裹content，当layout和当前dom都重载时，layout还未render完毕时，当前dom的this.elementRef.current获取的宽度会是整个屏幕；当layout加载完毕，Content会超出原本设定的100%；在layout添加hasSider即可官方文档：布局 Layout - Ant Design...

场景 ：无法确定flex换行后列表个数又不固定，直接调试html特别麻烦，使用Grid布局Grid布局天然有gap间隙，且天然格子对齐排布，因此，实现最后一行左对齐可以认为是天生的效果。<div class="box"> <div class="list"></div> <div class="list"></div> <div class="list"&g..

效果：代码：import React from 'react';import {Table} from 'antd';const key = []; // 定义一个空的数组。export default class xiaoyu extends React.Component { constructor(props) { super(props); this.state = { open: false, ..

解决Echarts、echarts-for-react折线图x轴数据较多，展示不全的问题

animation-fill-mode: forwards值 描述 none 不改变默认行为。 forwards 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards 在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。 both 向前和向后填充模式都被应用。 ...

1、定义2、使用3、报错4、原因当定义React组件时，extends React.Component时，不会将this继承下来。所以this是undefined.而ES6中的arrow function呢，默认在定义的时候会绑定this。使用this一般有两种做法。 直接使用箭头函数 在constructor中绑定。 class { constructor() { super(...arguments); ...

1.控制台输入：vi ~/.gitconfig2.把这段代码复制粘贴[alias] pushh = "!f() { if [ -z $1 ];then currBra=`git symbolic-ref -q --short HEAD`;else currBra=$1;fi;git push origin HEAD:refs/for/$currBra; }; f"3.推送时git pushh这段shell脚本的大致意思是，如果你写了指定的地址，那就push到指定地址，如果没写，那就...

1.用npm-check -u检查一下最新版本的包npm-check -u如果没安装npm-check，可以先安装npm install -g npm-check2.选择要更新的包如图我们要更新这两个包，按上下键移动箭头，按空格选择包，按回车更新3.运行项目，检查有没有报错15到16的迁移也同理，可以看这篇文章：技能get，React的优雅升级！ - 袋鼠云dtstack - 博客园 (cnblogs.com)...

Npm使用npm-check选择升级所有可更新包(全局+局部) + 项目单个依赖

背景如项目中有一个2.0版本的ant库，我们不得已必须使用更高版本的ant方案我们可以使用npm的别名，安装不同版本的库如：npm install --save antd-mobile-v5@npm:antd-mobile@next他会和以前的版本共存{ "antd-mobile": "^2.3.2", "antd-mobile-v5": "npm:antd-mobile@next"}使用时引入即可import { Button } from 'antd-

原因：alias 低版本的npm不支持.必须要6.9.0版本以上方案：npm install -g npm或升级到指定版本npm -g install npm@版本号

1.安装npm install swiper --save2.引入import Swiper, { Pagination, Navigation, Autoplay } from 'swiper' // js 模块import 'swiper/swiper-bundle.css' // css 模块Swiper.use([Pagination, Navigation, Autoplay])swiper只能按需引入css文件夹路径改变3.初始化 // eslint-di

元素的样式上加cursor:值cursor其他取值 auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ...

在外层的容器上增加class="swiper-no-swiping"

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; //行数/* autoprefixer: off */-webkit-box-orient: vertical;word-break:break-all; //英文折行