摘要: 如图,input框可填写多个值,每个值以Tag标签的形式展示,每个标签可以新增和删除,自动过滤重复的标签。还能结合from表单,做必填值的验证。 如果没有值,提交表单的时候,会提示错误。 话不多说,直接上代码: 这个是selfTag.js: import {Input, Tag, Tooltip} 阅读全文
posted @ 2022-03-23 20:03 荷风伊夏 阅读(3599) 评论(0) 推荐(1) 编辑
摘要: 作为一个前端,经常写html文档,但是却很少去在意头部的标签有哪些,也很少在意每个标签的作用,下面我们来详细了解下。 头部的标签,也就是写在<head><head/>里。通常会有6个标签: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t 阅读全文
posted @ 2022-01-30 11:05 荷风伊夏 阅读(1890) 评论(0) 推荐(0) 编辑
摘要: 我们经常在一些页面中遇见svg格式的绘图,通常是一脸懵逼,别急,看完这篇文章你就能很好地了解它了。 一、svg简介。 SVG 意为可缩放矢量图形(Scalable Vector Graphics),是使用 XML 来描述二维图形和绘图程序的语言,后缀是“.svg”。它的优点是图像在放大或改变尺寸的情 阅读全文
posted @ 2022-01-27 14:40 荷风伊夏 阅读(2035) 评论(0) 推荐(0) 编辑
摘要: 在工作中,遇到一个需求,需要展示一个列表,第一次请求只有列表的名字,需要在知道名字的情况下,再去请求每个列表的详细信息,然后展示完整的列表信息。 经过一番研究,发现多重的请求写在页面的方法里比较好实现。其他的在effects和servers里都不太好实现。 首先我们在 componentDidMou 阅读全文
posted @ 2022-01-07 17:57 荷风伊夏 阅读(1486) 评论(0) 推荐(0) 编辑
摘要: 最近在维护一个很古老的项目,里面是用jq的dataTable方法实现一个分页的表格,不过这些表格的分页是本地分页。现在想要的是点击分页去请求数据。 经过多次的修改,以失败告终。分页的不准确,还会有这个错误: Showing 0 to 0 of 0 entries (filtered from NaN 阅读全文
posted @ 2021-12-30 17:24 荷风伊夏 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 一直在使用 antd pro 简单粗暴地做前端项目,最近有个项目需要自己构建,从0做起太麻烦,我选择了dva-cli。创建项目期间也遇到不少问题,最后也都得到了解决。思前想后还是做一次记录,希望对大家创建项目有一定的帮助。如果不知道dav的,可以去官网先了解一下:https://dvajs.com/ 阅读全文
posted @ 2021-09-08 15:14 荷风伊夏 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 最近在开发react项目,在npm start启动项目的时候,速度很慢,影响工作效率。并提示尝试新出的 MFSU 方案: antd pro v5 项目里已经使用了MFSU案例。antd pro v4是需要我们自己配置的。 顺着所给的git地址去看了一下,并结合我的尝试给大家记录一下。 什么是 MFS 阅读全文
posted @ 2021-08-04 19:04 荷风伊夏 阅读(4260) 评论(0) 推荐(1) 编辑
摘要: 在工作中遇到一个问题,在前端页面上,想把一个数组中的元素按照自己想要的顺序排序,研究了一下,收集了以下两种方案: 方法一: var obj=[ {name:"张三",age:12}, {name:"李四",age:13}, {name:"王五",age:18}, {name:"张柳",age:11} 阅读全文
posted @ 2021-01-21 14:07 荷风伊夏 阅读(4653) 评论(0) 推荐(0) 编辑
摘要: 抛出一个问题,如图,搜索关键字,匹配到四处,那我鼠标放在第二处,我想把它变个颜色,该怎么实现呢?回到文章的标题,js如何替换字符串中匹配到多处中某一指定节点? 字符串的替换,我们首先想到的一个属性是replace: strObject.replace(reg/substr,replacement) 阅读全文
posted @ 2021-01-13 17:24 荷风伊夏 阅读(525) 评论(0) 推荐(0) 编辑
摘要: 最近有个需求,在一个react项目中,实现搜索关键字呈现高亮状态。这个在普通的html文件中还好操作些,在react项目中有点懵逼了,因为react项目中很少操作dom,有点无从下手。但最后还是实现了效果,如下: 首先来看看如何在react中操作dom,广大网友给出两种方案: 一:使用选择器: 1、 阅读全文
posted @ 2021-01-11 17:21 荷风伊夏 阅读(1970) 评论(0) 推荐(0) 编辑