Midnight

web前端

寤寐

赞

252

|

搜索文章

赞

文章( 249 ) 沸点( 3 )

用正则实现一个搜索高亮的功能

有这么一个场景，页面中有个表格，表格内容是根据后端的数据渲染出来的，表格头部有input表单元素，通过触发input事件实时搜索列表内容，重新渲染列表。一切都运行的如此和谐，可是突然有一天，产品过来说要实现搜索的高亮功能，就是根据搜索框的内容，将页面上搜索出来的东西进行高亮。…

战神007
4年前
2.3k
5
4

搜索框模糊搜索结果的关键词高亮显示

考虑节流、缓存。其实还可以上列表diff+定时清理缓存，还有Vue，react 的方法也非常的简洁方便，js能更清晰了解函数之间的使用

机智的小鹿
4年前
949
2
评论

搜索框模糊搜索结果的关键词高亮显示

React实现模糊搜索和关键字高亮

实现文本模糊搜索和点亮关键字。使用React+antd作为主要技术栈，主要使用dangerouslySetInnerHTML动态插入Dom片段，进行渲染和更新。

某哈压力大
2年前
1.8k
7
评论

使用vite搭建一个React项目！真香！

环境配置前端的一些大型项目都使用脚手架开发，脚手架需要借助node环境。终端输入 node -v 即可查看当前node版本。如果电脑没有node环境，必须进行安装。构建工具与脚手架构建工具

石小石Orz
2年前
6.1k
15
5

Echarts无法实现这个曲线图😭，那我手写一个

最近有个图表需求配置十分头疼。所以想手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定

谦宇
2年前
50k
704
111

Echarts无法实现这个曲线图😭，那我手写一个

Recoil 状态管理方案的浅入浅出

Recoil 是 Facebook 推出的一款专门针对 React 应用的状态管理库，本文主要介绍 Recoil 以及周边生态，带大家熟悉这款具有独特风格的状态管理库。

网易云音乐技术团队
3年前
4.6k
49
6

Recoil 状态管理方案的浅入浅出

如何绘制一个类甘特图 (附源码)

本文介绍如何从头绘制一个业务图表以及对于通用性上的一些思考。代码在最后也会给出。要画图，当然是先找找看有没有能够直接拿来用的。我需要绘制的是一个类甘特图。主要是为了做时间基线上的任务耗时管理，并且能够与过往耗时进行对比。与传统的甘特图定义有些区别。长相上与甘特图类似。找了A…

蚂蚁集团数据体验技术
7年前
12k
265
5

如何绘制一个类甘特图 (附源码)

移动端适配(vw)

适配概述为什么要适配？为了让我们开发的移动端项目页面，在不同尺寸大小的移动端设备（手机）中，保持相同的比例适配原理选择某个手机的尺寸大小作为基准，其他手机进行等比例缩放一般选择 iPhone

谟渔
3年前
2.2k
9
评论

自适应布局方案

rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…

白飞飞
5年前
34k
594
54

如何做一个自适应网页？

背景现在手机、电脑、ipad成为了每个家庭必备内容，但是通常设计给到我们的都是一个固定大小的UI，如果用户是一个屏幕小或者大的设备，一般就会出现滚动条或者大片空白内容，为了更好的利用一些空间

码上记
2年前
19k
274
40

个人成就

文章被阅读 49

加入于

2016-11-01