摘要:
近期在项目中使用ant design 的tree组件时,由于数据量大的时候,开启了虚拟滚动,导致快速滚动时页面出现空白现象,如下图: 仔细排查了一下具体原因,是antd tree的bottom和scroll top计算没算对,导致多滚动了一段距离,仔细排查发现,antd tree依赖了rc-tree 阅读全文
摘要:
实现效果: React实现搜索组件,基于antd。 index.js文件 import React, { useState, useEffect } from 'react'; import { Menu, Dropdown, Input } from 'antd'; // 引入antd需要用到的组 阅读全文
摘要:
2019年React Hooks是React生态圈里边最火的新特性了。它改变了原始的React类的开发方式,改用了函数形式;它改变了复杂的状态操作形式,让程序员用起来更轻松;它改变了一个状态组件的复用性,让组件的复用性大大增加。 State Hook(useState): state hook最主要 阅读全文
摘要:
一、冒泡排序 排序规则:比较相邻元素,符合比较条件,交换位置较大的往后排,反复比较交换,直到所有数据都符合排序条件,得出排序效果,结束排序。 稳定性:稳定 排序动态示意: 代码实现: var arr = [3,4,1,2,21,5,15,6,63]; function BubbleSort(ary) 阅读全文
摘要:
最近需求中,IE浏览器需要做一些特殊处理,所以封装了一个判断是否是IE浏览器的方法。 // 获取浏览器内核,通过内核判断 export const detectIE = () => { // 获取浏览器信息 const ua = window.navigator.userAgent; // MSIE 阅读全文
摘要:
HTML DOM addEventListener() 方法 和 HTML DOM removeEventListener()某些浏览器还是存在兼容问题,以下封装了这两个方法: // Events // on(node, eventName, handler, [capture]): capture 阅读全文
摘要:
实现超过多少行的判断方法很多,统一写了一个公用的通用方法。逻辑是在body中插入一个dom节点,然后把判断行的行数,字体样式,拿过来赋值到新增dom节点进行对比判断。 运用场景, 例:文字超过三行出现 ... 和tooltip提示 等等。 具体实现方法: export const isElement 阅读全文
摘要:
最近在项目中经常碰到日期格式化的转化,如默认时间格式转换为“2020-02-02”或“2020-02-02”转换成“2020/02/02”等等,根据需要我总结了以下几种格式: YYYY-MM-DD、YYYY/MM/DD、MM-DD-YYYY、MM/DD/YYYY、YYYY年MM月DD日 下面是js逻 阅读全文
摘要:
最近想起了儿时经常玩的小游戏,于是找到了几年前自己收藏的一个smynesc游戏包,分享给大家(Mac系统不支持哦)。 里面包含85款小游戏,一下是部分游戏截图: 游戏机下载地址:https://pan.baidu.com/s/1Ag8fw6IoTbN9av-OWsXwuQ 提取码: 3hk4 下载解 阅读全文