zerocher的博客

原创 create-react-app中分环境打包

npmrun build不同环境打包区分，:dev,:test,:prod区分。推荐工具：npm install dotenv-cli --save-dev在根目录src下添加文件：//.env.devREACT_APP_FAVICON=./development_favicon.pngREACT_APP_TITLE=[Dev]项目的titleREACT_APP_DEVELOPMENT_BASE_URL='https://test.jaagro.com:9030'//.env.t.

原创 antd中FormItem与select联动，placeholder显示问题

如果设置了initialValue，如果动态赋值空时，只有赋值undefine，placeholder才会生效。antdissues补充：https://github.com/ant-design/ant-design/issues/2367

原创 antd表格行点击按钮选中事件

/** *工具组件封装 * 用于行点击选中处理 * */export const dealWidthSelectRow = dealData =>{ const { rowKeys,//选中行key值数组 rows,//选中行对象数组 record//选中单行对象 } = dealData; let x = rowKeys....

原创 过滤数组中的空值

delete删除数组后，出现占位export function TrimSpace(array) { for (let i = 0; i < array.length; i++) { if (array[i] == "" || typeof (array[i]) == "undefined") { array.splice(i, 1); ...

原创 react Icon点击时间问题

我们在运用antd中的icon会因为他内部封装而无法准确坚挺到点击事件：openEcharts = (e)=>{ e.nativeEvent.stopPropagation();//阻止是被分派到其他document console.log(e.currentTarget.getAttribute('data-value')); console.log(this.pr...

原创 对象匹配数组里的值，返回对象在数组的位置

var objArr = [{ age: 14},{ age: 41},{ age: 61}] function objFn(obj, objIndex, objs){ return num.age ===61;}let data = objArr .findIndex(objF...

原创 antd 中select显示问题

&lt;Select getPopupContainer={triggerNode =&gt; triggerNode.parentNode }&gt;&lt;/Select&gt;

原创 Remove untracked files, stash or commit any changes, and try again.（create-react-app 脚手架搭建报错）

create-react-app my-react-appcd my-react-appgit initgit add .git commit -m 'Saving before ejecting'npm run eject

原创 react中table行点击触发返回效果

// 点击行返回onRowSelect = (record, index)=&gt;{ return { onClick:(e)=&gt;{ console.log(record) console.log(e.currentTarget) e.currentTarget.getElementsByC...

原创 antd中自定义验证方法

&lt;Col xxl={6} xl={12} lg={12}&gt; &lt;Row&gt; &lt;Item {...ItemOneFourth} label='配载量' &gt; { getFieldDecorator("stowage" + in...

原创 Antd下拉选择，自动匹配功能

&lt;Select placeholder="客户名称" showSearch optionFilterProp="children"//自动匹配输入 onChange={this.selectChange}&gt; {this.state.selectCustomer}&lt;/Select&gt;

原创 antd radio和form提交冲突解决

&lt;Row ref={this.valuationModel} className="custom-option"&gt; &lt;Col span={18} offset={1}&gt; &lt;Item {...ItemArea} label='计价模式' &gt; { ...

原创 react-antd中弹出层form内容传递给父组件

子组件：// jshint esversion:6import React, { Component } from 'react';import { Form, Input} from 'antd';const FormItem = Form.Item;class Forms extends Component{ getItemsValue = ()=&gt;{ /...

原创 导航下拉隐藏问题，两个div同时触发事件

解决进入下拉区域不隐藏；离开导航菜单div，不进入下拉，隐藏下拉div。var timer = null;//导航栏里div$('.dhxlcd').mouseenter(function () { clearTimeout(timer); $('.sec_ul').css('display','block');}).mouseleave(function () {...

原创 webpack中的警告

打包的时候输入webpack --mode=development或者webpack --mode=production就不会出现警告提示了

原创 超行文本追加省略号影藏内容

max-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;第二行省略

原创 怎样往git仓库上传代码

1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m 'xxx'(自定义说明)4、关联到远程库git...

原创 git上传项目加速代码

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...

原创 快速创建一个react项目

1，先创建一个文件夹用于存放项目2，运行cmd，路径选择到你创建的文件夹内3，  npm install -g create-react-app         create-react-app my-app         cd my-app/         npm start...

原创 JS取整判断

方式一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInterger(obj){return obj%1 === 0}isInteger(3)//trueisInteger(3.1)//false方式二、使用Math.round、Math.ceil、Math.floor判断整数取整后还是等于自己。利用这个特性来判断是否是整数，Math.f...

原创 jq简单分页实现

// 分页处理datatable.pagelink($("#datalist tfoot"), rs.pagination, 12);//点击分页功能$(document).off("click", "li.page-link-item").on("click", "li.page-link-item", function() { //click if (datatable...

原创 自定义滚动特效，一键添加

转载 前端SEO处理

一、搜索引擎工作原理　　当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。　　在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个...

原创 Promise的基本用法简介和特点

Promise 对象有以下两个特点。（1）对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来，它的英语意思就是「承诺」，表示其他手段无法改变。（2）一...

原创 jsonp回调

$.ajax({    type : "post",    url : "http://192.168.0.113/index.php/account/callb",    dataType : "jsonp",    jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)    jsonpCallb

原创 css自定义遮罩滑动

//js$('.pro_item').hover(function(){ $(this).find('.fous_bg').show().animate({marginTop:'0px'},1000);},function(){ $(this).find('.fous_bg').animate({marginTop:'300px'},1000);});$('.select

原创 点击验证倒计时

var timedel=function(btn,val){ //var text=btn.text; if(val>0){ var to=setInterval(function(){ val--; $.cookie('abc',val); btn.val('剩余'+val+'秒'); if(val=

原创 按天时分秒倒计时

//按天数倒计时function _fresh(a){ a=$('.tim').attr('id'); var endtime=new Date("Dec 31, 2017 18:00:00");//这里设置预制时间 var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowti

原创 radio,checkbox的重复点击实现

$('.xieyi').click(function(){ var $radio = $(this).find("input[type=radio]"), $flag = $radio.is(":checked"); if( !$flag ){ $radio.prop("checked",false); }});

原创 为什么数字循环后是string类型

$(".right-four table .add-num").click(function(){ var a=$(this).siblings("input").val(); var k=$(this).siblings("input").attr('data-goods-stock'); a=par

原创 js的简单工厂模式

//创建工厂 var mbfactory={ createbike:function () { return new macbike(); } } function macbike() {} macbike.prototype={ constructor:macbike, get

原创 validate自定义验证

//验证信息 jQuery.validator.addMethod("registercard", function(value, element) { var tel = /^\d{15}$/; var tel1=/^\d{18}$/; return this.optional(element) || ((tel.test(value)||

原创 自定义图片上传

class="form-group" style="height:210px"> class="col-sm-3 control-label">营业执照: class="page-container yingyezhizhao"> class="file_yingye"> class="file_yingye_img" id="localIm

转载 bootstrap滚动条

一：添加bootstrap样式增加滚动条其实只要在 相关模块的  class属性中，再加上  pre-scrollable 即可。例如是在中添加pre-scrollable：二：通过设置overflow增加滚动条(1)记住宽和高一定要设置噢，否则不成的，不过在不超出时，会有下面的滚动条，所以不是最好的选择.(2)记住宽

原创 jstree的增删改

//增删改 function demo_create() { var ref = $('#using_json').jstree(true), sel = ref.get_selected(); if(!sel.length) { return false;} sel = sel

原创 JS编，解码

（1）javascript函数：escape()escape 方法：返回一个可在所有计算机上读取的编码 String 对象。不会被此方法编码的字符： @ * / +实际上，escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如“春节”的返回结果 是%u6625%u8282，也就是说在Unicode字符集中，“春”是第6625个（十六进

原创 判断是否为json格式数据

function isJson(){ var isjson = typeof(result.data) == "object" && Object.prototype.toString.call(result.data).toLowerCase() == "[object object]" && !result.data.length return isjson;}var tj

原创 h5储存和cookie储存

一、Web Storage1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web Storage就会用，如果你从来没用过没了解过Cookie，没关系，看了这篇文章照样轻松玩转Web Storage。首先，学习Web Storage只需背熟这句口诀：“两个接口，四个函数”。2、口诀：（1）两个接口：

转载 js获得时间参数

//获取完整的日期 var date=new Date; var year=date.getFullYear();  var month=date.getMonth()+1; month =(month var mydate = (year.toString()+month.toString());注意，year.toString()+month.toString()不

原创 select全选和反选

var all = document.getElementById("select_all"); var vip = document.getElementsByName("vip"),l = vip.length; all.onclick = function(){ for(var i=l;i