- 博客(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 3204
原创 antd多个表单元素相互触发校验(最大值最小值校验)
两个及以上的表单元素需要相互验证并且都有自己的判断条件及提示信息该怎么做呢?场景:最大值: 需大于最小值最小值: 需小于最大值(1)代码:render中表单元素 <Form.Item name="creditStartRange" rules={[ { required: true, message: '请输入最小值' },
2022-05-19 21:39:33 3298
原创 前端对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 711
原创 React antd的table表格之嵌套表格
React antd的table表格之嵌套表格最近做了几个pc端的后台管理需求,涉及了table中的嵌套表格,嵌套的子表格大体分为两种效果:效果1-----点击展开新的子表格,旧的子表格关闭效果2-----可同时展开多个子表格效果1:嵌套表格,实现点击展开按钮,展开子表格请求接口数据,点击新的子表格收起原来的子表格效果// 设置一个State用来储存展开的行,控制属性const [expandedRowKeys,setExpandedRowKeys] = useState<any>
2021-07-26 15:29:01 4019
原创 浅谈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 1101
原创 前端路由之hashRouter与BrowserHistory
标题这里写自定义目录标题标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何
2021-05-10 16:59:02 379
原创 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 268
原创 浏览器自定义图标的方法
浏览器访问自己写的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 609
原创 dangerouslySetInnerHTML的使用
React项目,需要把后台数据库中返回的一段html代码在页面上显示,只需将内容写入__html对象中即可1.根据后台提供的接口获取html代码片段2.使用dangerouslySetInnerHTML写入内容//直接调用接口的值<div dangerouslySetInnerHTML={{ __html: content }} />//单纯显示固定的内容<div dangerouslySetInnerHTML={{ __html: '<div>123</d
2020-07-28 15:05:17 495
原创 lodash的debounce函数的使用(实现防抖)
最近在react的新项目中使用了lodash类库中的debounce方法// 如果是ts还需要引入@types/lodashimport debounce from 'lodash/debounce'如果不考虑使用debounce,那么在用户连续点击的情况之下,会在每一次点击之后就会执行自定义函数的回调,这时如果你的回调中处理一些比较消耗内存的一些操作,或者调用接口之类,那么可能会导致阻塞甚至于项目崩溃。window.addEventListener('click', function (even
2020-07-21 18:48:00 6085
原创 前端埋点你需要知道的事
为什么需要埋点?用于收集页面中需要被回传的用户行为,数据收集,通过收集用户行为数据帮助了解网站功能是否满足用户需求、新功能上线是否达到设计的初衷,跟踪产品在用户端使用的情况,以监控数据为基础,指明产品优化的方向。eg:域名 、ip、url、搜索的内容、按钮点击…前端监控可以分为三类:数据监控、性能监控和异常监控。(1)数据监控数据监控,顾名思义就是监听用户的行为。常见的数据监控包括:PV/UV:PV(page view),即页面浏览量或点击量。UV:指访问某个站点或点击某条新闻的不同IP地址的
2020-07-20 18:38:58 924
原创 JavaScript的高阶函数浅析
JavaScript的高阶函数高阶函数:高阶函数就是一个接受函数作为参数或将函数作为输出返回的函数例如:Array.map Array.filter Array.reduce是语言中的内置高阶函数下面展示一些 高阶函数的代码片。<!DOCTYPE html><html lang="en"><head> <meta charset=...
2020-03-23 21:46:21 165
原创 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 215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人