随笔分类 - react
摘要：近期在项目中使用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最主要
阅读全文
摘要：最近需求中，IE浏览器需要做一些特殊处理，所以封装了一个判断是否是IE浏览器的方法。 // 获取浏览器内核，通过内核判断 export const detectIE = () => { // 获取浏览器信息 const ua = window.navigator.userAgent; // MSIE
阅读全文
摘要：实现超过多少行的判断方法很多，统一写了一个公用的通用方法。逻辑是在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逻
阅读全文
摘要：图片实例: 简介： QRCode.js 是一个生成二维码的JS库。主要是通过获取 DOM 的节点,再通过 HTML5 Canvas 绘制而成,不依赖任何库。 用法： 1. 在项目中引入qrcode.min.js文件。 js文件网盘地址: https://pan.baidu.com/s/1kHB90F
阅读全文
摘要：react tree 可拖动树结构： github地址： github地址：react-sortable-tree 安装： NPM npm install react-sortable-tree –save YARN yarn add react-sortable-tree 引用 import So
阅读全文
摘要：其实在react中实现倒计时的跳转方法有很多中，其中我认为较为好用的就是通过定时器更改state中的时间值。 首先在constructor中设置10秒的时间值： 然后在componentDidMount中添加定时器： 然后在render中添加判断跳转 这种就可以完成倒计时跳转了！
阅读全文
摘要：开发前端页面，经常会有很多共用的图标icon，那么我们把它单独做成组件，以便后期重复调用！ 首先在components 的icons文件夹下创建BaseIcon.js文件。 我们需要先在命令行安装glamorous 和 prop-types npm install glamorous 或者 yarn
阅读全文
摘要：其实，在我们日常的编程当中，经常会碰到tab切换的模块，那么，实现他的方法也有很多中，下面是一款简单，容易理解的react tab切换方法。 通过设置state中的current 属性去控制tab 和 内容模块。 定义一个tab onClick 事件的方法 itemNav，并接收当前点击的index
阅读全文
浙公网安备 33010602011771号
