![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
狗蛋今天睡醒了吗
前端开发工程师
主要使用react
展开
-
匹配关键字搜索内容高亮
export const codeText = (keyWord, content) => { const searchArray = keyWord.split(' ').filter(item => item.length) const keys = [...new Set(searchArray)].sort((a, b) => { return b.length - a.length }) let text = content keys.forEach(key =&原创 2021-05-06 16:05:05 · 234 阅读 · 1 评论 -
react+antd Radio单选图片样式
<Radio.Group onChange={onChange} value={value}> {radioArr.map(item => ( <div className={classnames(styles.selectEveryBox, styles[item.img])}> <Radio value={item.value}/> </div> ))}</Radio.Group>css:gl.原创 2021-02-03 11:36:26 · 1940 阅读 · 0 评论 -
2021前端面试题总结(主React)
都是自己常问的面试题吧… 基础问完后,测试水平(刁难)用,大家凑活看,因为是2021总结的所以是2021年前端面试题,不断更新(没有排序,想起什么写什么)一、粘性定位通常在什么场景下使用,使用方法,使用条件?场景:场景自定义,我通常用在header,很好用使用方法:设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可使用条件:父元素不能overflow:hidden或者overflow:auto属性。必须指定top、bottom、left原创 2021-01-05 17:40:58 · 8112 阅读 · 2 评论 -
antd Select DatePicker 下拉框及时间选择框 跟随滚动条滚动
<DatePicker getCalendarContainer={triggerNode => triggerNode.parentNode}/><Select getCalendarContainer={triggerNode => triggerNode.parentNode}></Select>或.scrollParentRef把 triggerNode => triggerNode.parentNode 替换成 () =>原创 2020-12-28 19:04:39 · 1298 阅读 · 0 评论 -
echarts 柱状图添加背景色/阴影色(react)
barGap : ‘-100%’就是一组颜色浅的数据同时使用tooltip问题跳转echarts tooltip和barGap同时使用series: [ { type: 'bar', color: 'rgba(240, 246, 253, 0.6)', barWidth: 32, barGap: '-100%', // Make series be overlap data: seriesData.map(() .原创 2020-12-04 11:53:40 · 5707 阅读 · 0 评论 -
echarts tooltip和barGap同时使用
因为barGap的原理就是造了一组假数据当背景,所以会默认展示优先的数据这里有一个坑就是背景的数据给多少合适,根据需要自行封装最高值关键代码 ⬇️const option = { tooltip: { trigger: 'axis', formatter: params => { return `<span style='font-size: 1rem'>${params[1].name}:${params[1].value}&原创 2020-12-04 11:40:23 · 3662 阅读 · 0 评论 -
react字符串匹配关键字高亮
const sqlstring = ["ADD","ALL","ALTER","ANALYZE","AND","AS","ASC","ASENSITIVE","BEFORE","BETWEEN","BIGINT","BINARY","BLOB","BOTH","BY","CALL","CASCADE","CASE","CHANGE","CHAR","CHARACTER","CHECK","COLLATE","COLUMN","CONDITION","CONNECTION","CONSTRAINT","CON原创 2020-09-17 16:42:32 · 2152 阅读 · 0 评论 -
echarts点击选中操作(react)
最近的一个需求,做出来之后觉得很简单的一个操作,分享出来需求是这样的:echarts的柱状图,点击可以选中变色,最多可以选中五个柱子,五个柱子五个颜色,不能重复。先看个效果:然后上代码:import React, { Component } from 'react';import * as echarts from 'echarts';import ReactEcharts from 'echarts-for-react';import styles from '../details.les原创 2020-07-07 14:43:34 · 3039 阅读 · 0 评论