自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 解决TS 报错 “xxx“没有导出的成员‘xxx‘

首先随便打开一个 .js/.ts 文件,用command+Shift+P(MacOS) 或者Ctrl+Shift+P(Windows) 打开 command palette,输入 restart 就会看到 restart TS server或者重启Ts服务器,选择后就会重启,之后就不报错了。

2023-03-17 14:54:19 2110

原创 CSS能有多强大一个属性让页面变为黑白配色

css能有多强大一个属性让页面变为黑白配色

2022-12-02 15:14:24 208

原创 antd多个表单元素相互触发校验(最大值最小值校验)

两个及以上的表单元素需要相互验证并且都有自己的判断条件及提示信息该怎么做呢?场景:最大值: 需大于最小值最小值: 需小于最大值(1)代码:render中表单元素 <Form.Item name="creditStartRange" rules={[ { required: true, message: '请输入最小值' },

2022-05-19 21:39:33 3043

原创 前端对excel的相关处理转换

最近做了几个Excel相关的处理和转换,记录一下1.前端将表格数据转化为excel文件(1)先安装js-export-excel插件npm install js-export-excel --save(2)引入js-export-excelimport ExportJsonExcel from 'js-export-excel';(3)开始使用const tableData = fselectedRows || []; // 所勾选表格的json数据const option = {};co

2021-07-26 16:17:57 646

原创 React antd的table表格之嵌套表格

React antd的table表格之嵌套表格最近做了几个pc端的后台管理需求,涉及了table中的嵌套表格,嵌套的子表格大体分为两种效果:效果1-----点击展开新的子表格,旧的子表格关闭效果2-----可同时展开多个子表格效果1:嵌套表格,实现点击展开按钮,展开子表格请求接口数据,点击新的子表格收起原来的子表格效果// 设置一个State用来储存展开的行,控制属性const [expandedRowKeys,setExpandedRowKeys] = useState<any&gt

2021-07-26 15:29:01 3783

原创 浅谈react Dva

浅谈react Dva官网地址:Dva官网链接一、快速上手(1)安装 dva-cli通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。$ npm install dva-cli -g 全局安装dva-cli$ dva -v 检验版本在0.9.1版本以上(2)创建新应用$ dva new dvaDemo 创建项目文件夹(3)cd进入文件夹,启动项目$ cd dvaDemo $ npm start在浏览器里你会看到 dva 的欢迎界面。二、文件目录

2021-05-10 18:02:57 1019

原创 前端路由之hashRouter与BrowserHistory

标题这里写自定义目录标题标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何

2021-05-10 16:59:02 349

原创 react Hooks中父组件调用子组件的方法

react hooks 父组件调用子组件的方法/* child子组件 */import{useState, useImperativeHandle} from'react';//props子组件中需要接受refconst ChildComp = ({cRef}) => {const [val, setVal] = useState();// 此处注意useImperativeHandle方法的的第一个参数是目标元素的ref引用useImpera...

2020-12-31 15:52:23 247

原创 浏览器自定义图标的方法

浏览器访问自己写的Web应用,地址栏上的图标为:看到其他网站的图标都是自己本公司的LOGO,很是好看,像百度的:自定义图标的方法方法一:设计自己ico图标Logo,可以自己制作ico图标,大小可以为16x16,32x32,48x48。在线生成ICO图标制作一个16*16 的.icon文件,文件名必须要favicon.ico,然后放在服务器根目录下面,一般浏览器会自动默认在跟目录下面查找。方法二:在前端页面html的head表头中加:<head> <link rel="sh

2020-07-28 17:04:46 542

原创 dangerouslySetInnerHTML的使用

React项目,需要把后台数据库中返回的一段html代码在页面上显示,只需将内容写入__html对象中即可1.根据后台提供的接口获取html代码片段2.使用dangerouslySetInnerHTML写入内容//直接调用接口的值<div dangerouslySetInnerHTML={{ __html: content }} />//单纯显示固定的内容<div dangerouslySetInnerHTML={{ __html: '<div>123</d

2020-07-28 15:05:17 367

原创 lodash的debounce函数的使用(实现防抖)

最近在react的新项目中使用了lodash类库中的debounce方法// 如果是ts还需要引入@types/lodashimport debounce from 'lodash/debounce'如果不考虑使用debounce,那么在用户连续点击的情况之下,会在每一次点击之后就会执行自定义函数的回调,这时如果你的回调中处理一些比较消耗内存的一些操作,或者调用接口之类,那么可能会导致阻塞甚至于项目崩溃。window.addEventListener('click', function (even

2020-07-21 18:48:00 5693

原创 前端埋点你需要知道的事

为什么需要埋点?用于收集页面中需要被回传的用户行为,数据收集,通过收集用户行为数据帮助了解网站功能是否满足用户需求、新功能上线是否达到设计的初衷,跟踪产品在用户端使用的情况,以监控数据为基础,指明产品优化的方向。eg:域名 、ip、url、搜索的内容、按钮点击…前端监控可以分为三类:数据监控、性能监控和异常监控。(1)数据监控数据监控,顾名思义就是监听用户的行为。常见的数据监控包括:PV/UV:PV(page view),即页面浏览量或点击量。UV:指访问某个站点或点击某条新闻的不同IP地址的

2020-07-20 18:38:58 582

原创 JavaScript的高阶函数浅析

JavaScript的高阶函数高阶函数:高阶函数就是一个接受函数作为参数或将函数作为输出返回的函数例如:Array.map Array.filter Array.reduce是语言中的内置高阶函数下面展示一些 高阶函数的代码片。<!DOCTYPE html><html lang="en"><head> <meta charset=...

2020-03-23 21:46:21 100

原创 vue-cli(vue脚手架)的搭建教程

1.安装vue-cli脚手架①使用npm 需要在node的环境中使用,打开命令行cmd输入: node-v检测电脑是否安装node.js文件,没有下载node的话需要去node官网进行下载安装node,下载成功后node -v进行检测版本②进行全局安装webpack 命令行输入:npm install -g webpack注意:如果是webpack 4.x版本 ,需要进行全局安装 webp...

2020-03-14 13:07:29 188

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除