wuChiSha的博客

一、可有可无的前言 从小，父母老师教导说做人要低调，事情要做了再说或者做了也不要说，于是慢慢的，就养成了沉默的性格，“不争，则万物不可与之争”，是我一直以来的座右铭。然而，等工作后才发现，一切并不是那么回事。 初入公司时，公司前端技术交流会上，我提出xx脚手架中的xxx层逻辑都一样，可以封装成一个方法，事实上我在上一家公司就是这么做的，感觉很方便。结果，很多前辈同事要么反对，要么说看个人。好吧！那我就自己默默的使用了。戏剧性的事情在后面，后来大佬按照我的思路又封装了一个...

一、前言 最近项目中，发现了一个奇怪的现象： <Input/>组件（ant中的）的placeholder 有时候会显示，有的时候却不显示。正常情况下，只要 <Input/>组件没有value就会显示placeholder的内容，可这次input明明没有值的呀，这是怎么回事？二、placeholder遇到initialValue 2.1问题描述 项目环境：pro4 (ant组件（3.25.3）+ts+……)；...

一、前言 在项目中发现了一个现象：在对变量初始化时，我习惯用空字符串（‘’）、空对象（{}），空数组（[]）、0等来初始化，却发现其他同事惯用undefined，而在bizcharts图表中，null又可以使得某个数据不显示……好吧，直到现在还是没弄懂到底有啥区别，哪种更好，只能是根据不同的需求特殊处理了，比如：折线图某个横坐标没有数据，如果需求是不显示对应的点，则处理为null,否则可以处理为0，其他情况就看各人习惯了。 当前，说了一大堆废话，但此次只比较null和undefine...

1、前言2、两种解决方式2.1、getscript-promise+watcher解决方法： 1、项目中引入 getscript-promise ，（cnpm intall getscript-promise --save）; 2、从document.ejs 中删除原先加入的script标签； 3、在需要使用的地方引入getscript-promise，并动态加载 useEffect(() => { load() ...

一、前言 前端增加个时间范围的查询条件，突然的需求，时间还特别紧迫，还要前后端联调，二、代码 无力吐槽什么了，现在是2020年了，不是2019年，好吧！自己坑了自己，幸好同事帮忙在git上找到了思路，也幸好同事发现了我的粗心，代码如下： function disabledDate(current: any) { const allowDateRange = [...

一、需求描述1、横坐标固定写死 横坐标固定8个，哪怕数据只有一个，但是鼠标悬浮时，没有数据的横坐标应该也没有tootip 实现思路： 没有数据的横坐标对应的值置为0=====》产品不同意=====》 没有数据的横坐标对应的值置为null====》解决问题 方法： 没有数据的横坐标对应值设置为nul...

1、导出pdf思路 step1：将要导出的页面“截图”为图片（html2canvas）； step2：将图片专为pdf，实现下载pdf功能（jsPDF）；2、具体代码 function exportPdf() { const target = document.getElementById('test'); if (target) { html...

随着dva框架和pro框架的使用，Redux在React项目开发过程中，变得越来越重要了，也由于各大脚手架的集成，使用redux正变得越来越简单，此文主要是总结了在pro框架下，Redux的使用方法。1、关于models文件的一点说明 pro脚手架的目录结构，十分清晰，其中models文件夹下的文件一般而言主要是调用services层，并对数据进行数据，现对其内...

一、我以为的children children嘛，child的复数形式，所以顾名思义，某个组件的children（this.props.children/props.children）其实就是这个组件的子组件，表现在代码中，无非就是(如下简易演示demo) <Parent> <Child1></Child1> <Chil...