caoyan0829的博客

方案一：// home组件render() { const { msgArr } = this.state return ( <div> <ul> { msgArr.map((item, i) => { return ( <li key={item.id}>

好久没用react了，没注意react-router的版本变动踩坑了

<Selectplaceholder="请选择城市公司"onChange={this.onCompanyChange}getPopupContainer={triggerNode=>triggerNode.parentNode} notFoundContent={invalidList.length>0 ?null:<Spinsize="smal...

正常：在select中加maxSelected参数即可在Form中：通过截取value去控制option的选中个数<Form {...formItemLayout} onSubmit={this.handleSubmit}> <Form.Item label="E-mail"> {getFieldDecorator("email...

问题：columns中已经定义了宽度，可以没有作用 { title: <div className={styles.tableTeCenter}>作废编号</div>, dataIndex: 'legalFileCode', width: 280, render: val => <div class...

1. X轴文字太长了，发生重叠//chartList是数据 当横坐标大于15个值得时候，关闭自动旋转，自定义设置旋转角度12度<Axis name="text" label = {{ rotate: chartList.length > 15 ? 12 : 0, autoRotate: chartList.length > 15 ? fals...

需求：将英文换成汉字<Chart height={300} width={800} scale={scale} data={mydata} onGetG2Instance={chart => { chartIns = chart; }}> <Axis name="people" grid={null} label={{ offset: 1,te...

需求：1.首先我们引入bizcharts ，这是官方推荐的npm install bizcharts --save2.页面引入，按需引入import { G2, Chart, Geom, Axis, Tooltip, Coord, Label, Legend, View, Guide, Shape, Facet, Util } from "bizcharts";3.编写...

拿走点赞，谢谢链接：https://pan.baidu.com/s/1ZrGdJ1E1AwkMdFLXTc4JXA提取码：sygq复制这段内容后打开百度网盘手机App，操作更方便哦

window.open('/index/heart-map');

效果：<link rel="icon" href="/favicon.png" type="image/x-icon"> <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.9.6/dist/data-set.min.js"></script> <l...

效果：直接按照高德的改就可以了https://lbs.amap.com/api/amap-ui/demos/amap-ui-districtcluster/feature-style/import React, { PureComponent, Fragment } from 'react';import { connect } from 'dva';import...

纯属个人见解（2019.8.1）1.WePY可以直接放弃了，我一进官网都蒙蔽了，上来就两个收款二维码，而且官方已经不维护了。 2.mpvue根据vue编写的，我看了官网，文档没什么东西，主要是用git去看文档， 新手应该看的比较费劲。我个人不喜欢纯用git去看文档。3.taro根据react去编写的，官网文档写的不错，跟Ant design差不多。如...

a标签页<div className={styles.tableCenter}>{val ? <a href={`/userdetail/user-detail?phone=${val}`} target="_blank">{val || '--'}</a> : '--'}</div>跳转页接受参数 componentDid...

React+Antd+TypeScript 规范整合1.TypeScript代码标准化规则提取出部分适用于项目中的官方要求的的TypeScript用于约束贡献者的编码规范 [typescript官方规范]出自：深圳市伙伴行网络科技有限公司 编辑：前端开发-毛昱宇(https://zhongsp.gitbooks.io/typescript-handbook/doc/w...

说明平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。目前整合的学习资源只是前端方向的，可能会存在漏缺比较好的资源，需要慢慢的完善它，欢迎大家一起来维护，githu...

我使用的是照片墙这个模块componentDidMount() { const { alldata } = this.props; const arr = [{ uid: '-1', name: 'xxx.png', status: 'done', url: alldata.logo, }]; this.setState({ defa...

 componentDidMount() { const { alldata } = this.props; const arr = [{ uid: '-1', name: 'xxx.png', status: 'done', url: alldata.logo, }]; this.setState({ defaultFileListOne...

命名编码规范驼峰式命名法介绍·      Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo·      Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo文件资源命名·      文件名不得含有空格·      文件名建议只使用小写字母，不使用大写字母。(...

npm initnpm install webpack webpack-dev-server -Dnpm install babel-loader babel-core -Dnpm install babel-preset-es2015 -Dnpm install file-loader -D//解析vue文件npm install vue-loader -D//vue-loader...

//////////////////////////////react项目的开发依赖npm initnpm install webpack webpack-dev-server -Dnpm install babel-loader babel-core -Dnpm install babel-preset-es2015 -Dnpm install babel-preset-react ...

只读   readonly    按第二种写就会警告，  所以应该按第一种写 readOnly 深圳的加一下群吧，一起交流，面试内推线下活动等等最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。...

Function:export function validateMinMaxText(range, value, callback) {  const { min, max, text } = range;  if (value === undefined || value === '' || (value &gt;= min &amp;&amp; value &lt;= max &...

方法： return：moment 要npm并再页面引入formatTime 是自己写的时间戳转时间的方法方法 ，在我的博客里有 链接https://blog.youkuaiyun.com/caoyan0829/article/details/80569591点击打开链接 最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。...

未经允许不得转载 伙伴行前端开发手册伙伴行研发中心前端组    编  目录 一、     Airbnb...................................................................................... 6（一）       JavaScript 编码规范.....................

这是我一开始的错误写法， initialValue:0 是默认值正确写法：要把value的值用 {}左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。 ...

 let begin = new Date(new Date().getTime() - 86400000 * 7).setHours(0, 0, 0, 0),let end = new Date().getTime()let resetClick = { handleSealDateValue:[moment(begin), moment(end)], houseCa...

在我们使用走马灯这个组件时，会遇到点击图片组第三张却显示第一张的问题。在我们技术大佬的教学下，我知道了其实Carousel组件是有内置的API方法配合去解决这个问题的。先上代码imagesIndex是我点击图片数组的下标，也就是点击的第几张图片。首先我们的this.refs初始是空的，所以要配合initialSlide去使用，然后完美的解决了这个问题。//table上的点...

{ title: &lt; div className = { styles.tableTeCenter } &gt; 图片 &lt; /div&gt;, dataIndex: 'images', width:240, sorter: (a, b) =&gt; (a.createDate || 0) - (b.createDate || 0), rende...

1.新建个文件，我这个是复制其它自带的文件（list文件夹的TableList.js）2.然后找到这个文件 去配router3.也是copy其它的，就是改一下名字和路径文件就好了4.要在这个文件也配一下路径，和router差不多，照抄别的就行5.可以在这里去配多语言版本6.结果展示 左边分享一个公众号，写一些散文和影评等。   ...

//自己新增页面path: '/qrdata',name: 'qrdata',icon: 'qrcode',//原来的form页面 path: '/form', icon: 'form', name: 'form',在router.config.js中修改，直接去antdesignhttps://ant.design/components/icon-cn/去取就可以...

 效果图： 代码：columns = [ { { title: &lt;div className={styles.tableTeCenter}&gt;投放地区&lt;/div&gt;, dataIndex: 'areaNames', render: val =&gt; &lt;div className={styles.tableCenter}&gt;...

自己感觉的区别vue ----------------------reactdata                      state 对象，组件的属性(state的修改必须使用setState方法执行)computed                  没有了props                     外部接收到了属性this.props直接可以访问components...