- 博客(15)
- 问答 (1)
- 收藏
- 关注
原创 匹配关键字搜索内容高亮
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
236
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
1944
原创 对象数组(扁平)转为树形数组
let arr = [ { 'country': '国内', 'reputation': '985', 'university': '北京大学', 'university_id': 'beijig' }, { 'country': '国内', 'reputation': '211', 'university': '清华大学', 'university_id': 'qinghua' }, { 'country': '国内', 'reputation': '985', 'univer..
2021-01-29 16:51:58
440
3
原创 2021前端面试题总结(主React)
都是自己常问的面试题吧… 基础问完后,测试水平(刁难)用,大家凑活看,因为是2021总结的所以是2021年前端面试题,不断更新(没有排序,想起什么写什么)一、粘性定位通常在什么场景下使用,使用方法,使用条件?场景:场景自定义,我通常用在header,很好用使用方法:设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可使用条件:父元素不能overflow:hidden或者overflow:auto属性。必须指定top、bottom、left
2021-01-05 17:40:58
8115
2
原创 原生js select选择后 ajax获取数据渲染table
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-3.5.1.min.js"&g
2020-12-29 15:16:13
487
原创 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
原创 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
5720
原创 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
3667
原创 js 去转义 unicode转中文
const reg = /\\/glist.map(item => { item = unescape(item.replace(/\\u/g, '%u')); //unicode转中文 item = item.replace(reg,''); //去转义\\})
2020-10-22 19:13:40
803
原创 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
2154
原创 react-infinite-scroller无法下拉加载
简单来说就是这个插件只能有父级盒子和InfiniteScroll,不允许任何第三者插足比如上图的Spin,加了之后父级就变成spin了,要给spin的盒子加样式且infinite-list的子元素不能用 flex和float,也会导致失效...
2020-09-12 17:18:51
1848
原创 antd checkbox选中后样式 伪类::before暴力修改成iconfont图标
效果如图这里用到了阿里iconfont,需要引入(没看什么有用什么没用,一顿试就对了。。).ant-checkbox{ border: none; background: none; } .ant-checkbox-inner::after{ width: 0; height: 0; border: none; background: none; } .an
2020-07-21 18:52:50
1604
原创 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
3043
原创 spy-debugger调试、抓包工具
**由于想要用windows系统调试iOS App webview里面的H5页面,所以找到这个工具,可以console.log信息,方便调试APP里的网页。**关于spy-debugger一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybridApp等)。支持HTTP/HTTPS,无需USB连接设备。特性1、页面调试+抓包2、操作简单...
2020-03-13 22:19:06
428
空空如也
react 多页面接受变量的插件有吗?
2021-06-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人