一只看夕阳的猫

摘要： 近期在项目中使用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 下载解 阅读全文

摘要： 高阶函数( Higher-order function )：JavaScript的一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 例子： function addition(x,y,z) { return z(x) + z(y); } addition(-3, -4, Math.a 阅读全文