<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zerocher的博客]]></title><description><![CDATA[在前端的海洋中缓缓前行]]></description><link>https://blog.youkuaiyun.com/zerocher</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zerocher]]></copyright><item><title><![CDATA[create-react-app中分环境打包]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/106261452</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/106261452</guid><author>zerocher</author><pubDate>Thu, 21 May 2020 16:59:48 +0800</pubDate><description><![CDATA[npmrun build不同环境打包区分，:dev,:test,:prod区分。

推荐工具：npm install dotenv-cli --save-dev

在根目录src下添加文件：

//.env.dev


REACT_APP_FAVICON=./development_favicon.png
REACT_APP_TITLE=[Dev]项目的title
REACT_APP_DEVELOPMENT_BASE_URL='https://test.jaagro.com:9030'

//.env.t.]]></description><category></category></item><item><title><![CDATA[antd中FormItem与select联动，placeholder显示问题]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/104647741</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/104647741</guid><author>zerocher</author><pubDate>Wed, 04 Mar 2020 10:03:56 +0800</pubDate><description><![CDATA[如果设置了initialValue，如果动态赋值空时，只有赋值undefine，placeholder才会生效。

antdissues补充：https://github.com/ant-design/ant-design/issues/2367
]]></description><category></category></item><item><title><![CDATA[antd表格行点击按钮选中事件]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/95968566</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/95968566</guid><author>zerocher</author><pubDate>Mon, 15 Jul 2019 15:01:18 +0800</pubDate><description><![CDATA[/**
 *工具组件封装
 * 用于行点击选中处理
 *
 */
export const dealWidthSelectRow = dealData =&gt;{
   const {
      rowKeys,//选中行key值数组
      rows,//选中行对象数组
      record//选中单行对象
   } = dealData;
   let  x = rowKeys....]]></description><category></category></item><item><title><![CDATA[过滤数组中的空值]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/92806962</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/92806962</guid><author>zerocher</author><pubDate>Wed, 19 Jun 2019 10:54:21 +0800</pubDate><description><![CDATA[delete删除数组后，出现占位


export function TrimSpace(array) {
   for (let i = 0; i &lt; array.length; i++) {
      if (array[i] == "" || typeof (array[i]) == "undefined") {
         array.splice(i, 1);
      ...]]></description><category></category></item><item><title><![CDATA[react Icon点击时间问题]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/90751900</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/90751900</guid><author>zerocher</author><pubDate>Mon, 03 Jun 2019 14:47:44 +0800</pubDate><description><![CDATA[我们在运用antd中的icon会因为他内部封装而无法准确坚挺到点击事件：

openEcharts = (e)=&gt;{
   e.nativeEvent.stopPropagation();//阻止是被分派到其他document
   console.log(e.currentTarget.getAttribute('data-value'));
   console.log(this.pr...]]></description><category></category></item><item><title><![CDATA[对象匹配数组里的值，返回对象在数组的位置]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/88244313</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/88244313</guid><author>zerocher</author><pubDate>Wed, 06 Mar 2019 17:20:48 +0800</pubDate><description><![CDATA[var objArr = [{
 age: 14
},{
 age: 41
},{
 age: 61
}]     
    
function objFn(obj, objIndex, objs){
 return num.age ===61;
}

let data = objArr .findIndex(objF...]]></description><category></category></item><item><title><![CDATA[antd 中select显示问题]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/88241062</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/88241062</guid><author>zerocher</author><pubDate>Wed, 06 Mar 2019 16:22:58 +0800</pubDate><description><![CDATA[&amp;lt;Select
   getPopupContainer={triggerNode =&amp;gt;
      triggerNode.parentNode
   }
&amp;gt;

&amp;lt;/Select&amp;gt;
]]></description><category></category></item><item><title><![CDATA[Remove untracked files, stash or commit any changes, and try again.（create-react-app 脚手架搭建报错）]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/87358891</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/87358891</guid><author>zerocher</author><pubDate>Fri, 15 Feb 2019 14:06:58 +0800</pubDate><description><![CDATA[create-react-app my-react-app
cd my-react-app
git init
git add .
git commit -m 'Saving before ejecting'
npm run eject]]></description><category></category></item><item><title><![CDATA[react中table行点击触发返回效果]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/83072174</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/83072174</guid><author>zerocher</author><pubDate>Tue, 16 Oct 2018 11:44:05 +0800</pubDate><description><![CDATA[
// 点击行返回
onRowSelect = (record, index)=&amp;gt;{
    return {
        onClick:(e)=&amp;gt;{
            console.log(record)
            console.log(e.currentTarget)
            e.currentTarget.getElementsByC...]]></description><category></category></item><item><title><![CDATA[antd中自定义验证方法]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/82940220</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/82940220</guid><author>zerocher</author><pubDate>Thu, 04 Oct 2018 20:31:43 +0800</pubDate><description><![CDATA[
&amp;lt;Col xxl={6} xl={12} lg={12}&amp;gt;
    &amp;lt;Row&amp;gt;
        &amp;lt;Item
            {...ItemOneFourth}
            label='配载量'
        &amp;gt;
            {
                getFieldDecorator(&quot;stowage&quot; + in...]]></description><category></category></item><item><title><![CDATA[Antd下拉选择，自动匹配功能]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/82843379</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/82843379</guid><author>zerocher</author><pubDate>Tue, 25 Sep 2018 18:47:54 +0800</pubDate><description><![CDATA[


&amp;lt;Select
    placeholder=&quot;客户名称&quot;
    showSearch
    optionFilterProp=&quot;children&quot;//自动匹配输入
    onChange={this.selectChange}
&amp;gt;
    {this.state.selectCustomer}
&amp;lt;/Select&amp;gt;]]></description><category></category></item><item><title><![CDATA[antd radio和form提交冲突解决]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/81949223</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/81949223</guid><author>zerocher</author><pubDate>Wed, 22 Aug 2018 18:56:20 +0800</pubDate><description><![CDATA[
&amp;lt;Row ref={this.valuationModel} className=&quot;custom-option&quot;&amp;gt;
    &amp;lt;Col span={18} offset={1}&amp;gt;
        &amp;lt;Item
            {...ItemArea}
            label='计价模式'

        &amp;gt;
            {
  ...]]></description><category></category></item><item><title><![CDATA[react-antd中弹出层form内容传递给父组件]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/81843242</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/81843242</guid><author>zerocher</author><pubDate>Sun, 19 Aug 2018 22:55:46 +0800</pubDate><description><![CDATA[子组件：


// jshint esversion:6
import React, { Component } from 'react';
import { Form, Input} from 'antd';

const FormItem = Form.Item;

class Forms extends Component{
    getItemsValue = ()=&amp;gt;{    /...]]></description><category></category></item><item><title><![CDATA[导航下拉隐藏问题，两个div同时触发事件]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/81180762</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/81180762</guid><author>zerocher</author><pubDate>Tue, 24 Jul 2018 10:55:32 +0800</pubDate><description><![CDATA[

解决进入下拉区域不隐藏；离开导航菜单div，不进入下拉，隐藏下拉div。


var timer = null;
//导航栏里div
$('.dhxlcd').mouseenter(function () {
    clearTimeout(timer);
    $('.sec_ul').css('display','block');
}).mouseleave(function () {...]]></description><category></category></item><item><title><![CDATA[webpack中的警告]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/81146721</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/81146721</guid><author>zerocher</author><pubDate>Sat, 21 Jul 2018 17:01:52 +0800</pubDate><description><![CDATA[打包的时候输入webpack --mode=development或者webpack --mode=production就不会出现警告提示了

]]></description><category></category></item><item><title><![CDATA[超行文本追加省略号影藏内容]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/81027114</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/81027114</guid><author>zerocher</author><pubDate>Fri, 13 Jul 2018 10:21:36 +0800</pubDate><description><![CDATA[max-height: 42px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;第二行省略]]></description><category></category></item><item><title><![CDATA[怎样往git仓库上传代码]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/80936687</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/80936687</guid><author>zerocher</author><pubDate>Fri, 06 Jul 2018 10:08:35 +0800</pubDate><description><![CDATA[1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m 'xxx'(自定义说明)4、关联到远程库git...]]></description><category></category></item><item><title><![CDATA[git上传项目加速代码]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/80936634</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/80936634</guid><author>zerocher</author><pubDate>Fri, 06 Jul 2018 10:02:44 +0800</pubDate><description><![CDATA[13.229.188.59 github.global.ssl.fastly.net# Github151.101.44.249 github.global.ssl.fastly.net 192.30.253.113 github.com 103.245.222.133 assets-cdn.github.com 23.235.47.133 assets-cdn.github.com 203.20...]]></description><category></category></item><item><title><![CDATA[快速创建一个react项目]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/80576406</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/80576406</guid><author>zerocher</author><pubDate>Tue, 05 Jun 2018 09:20:14 +0800</pubDate><description><![CDATA[1，先创建一个文件夹用于存放项目2，运行cmd，路径选择到你创建的文件夹内3，  npm install -g create-react-app         create-react-app my-app         cd my-app/         npm start...]]></description><category></category></item><item><title><![CDATA[JS取整判断]]></title><link>https://blog.youkuaiyun.com/zerocher/article/details/80521523</link><guid>https://blog.youkuaiyun.com/zerocher/article/details/80521523</guid><author>zerocher</author><pubDate>Thu, 31 May 2018 14:41:01 +0800</pubDate><description><![CDATA[方式一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInterger(obj){return obj%1 === 0}isInteger(3)//trueisInteger(3.1)//false方式二、使用Math.round、Math.ceil、Math.floor判断整数取整后还是等于自己。利用这个特性来判断是否是整数，Math.f...]]></description><category></category></item></channel></rss>