自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 antd 使用数据录入 defaultvalue和value的区别

defaultvalue 默认数据值。 value绑定在组件的数据值什么时候使用value?如果某些页面,只是用来作数据展示,用户不需要通过页面来操作改变value值时,可以使用value,而不使用defaultvalue,避免再使用disabled禁止用户操作数据录入组件。<Rate value={row.evaluate} allowHalf />什么时候用default...

2020-03-31 15:35:48 3803

原创 react+typescript项目使用echarts的按需加载流程

第一步安装echarts和echarts-for-react使用yarn或者install安装都可以npm install --save echarts-for-react或者yarn add echarts-for-react --saveecharts-for-react依赖于echarts,可以自己选择安装一个版本的echartsnpm install --save echa...

2020-03-27 14:47:03 4987 7

原创 echart常用曲线图和折线图配置

// 点播统计趋势图let DemandStatisticsBar = Echart.init(document.getElementsByClassName('demand-statistics-bar')[0]);DemandStatisticsBar.setOption({ title: { text: '点播统计趋势图', ...setEchartTitle, //...

2020-03-12 11:18:19 2979 1

原创 echart常用条形图bar配置

echarts 关于bar条形图的一些常见配置

2020-03-12 11:02:22 1307 1

原创 echart饼状图常用配置

echart饼状图经过前面的铺垫,废话不多说直接上代码let tearcherStudentPie = Echart.init(document.getElementsByClassName('teacher-student-pie')[0]);tearcherStudentPie.setOption({ title: { text: '师生比例图', ...setEch...

2020-03-12 10:49:50 1897 1

原创 echart 常用title和轴线修改

开发的时候,同一个项目往往会有多个图表,设计师提供的设计图中,多个图表之间的主题往往是相似的,可能使用的是同一套色系,并且坐标轴的设计也类似,这个时候我们可以将相同的配置属性提出来,作为公共对象,并在之后的每一个图表中注入,就不需要重复开发了。

2020-03-12 10:32:32 814 1

原创 开始使用 echarts 需要准备什么

echarts的说明介绍,包括安装和基本的使用准备

2020-03-12 10:23:54 367 1

原创 react路由传参的几种方式

第一种传参方式,动态路由传参通过设置link的path属性,进行路由的传参,当点击link标签的时候,会在上方的url地址中显示传递的整个url<Link to='/home?name=dx'>首页</Link>如果想真正获取到传递过来的参数,需要在对应的子组件中this.props.location.search 获取字符串,再手动解析因为传参能够被用户看见...

2020-03-10 11:25:28 13917 2

原创 redux使用方式

统一状态管理安装npm i react-redux --save文件的设置在react框架的src目录下,创建actions和reducers两个文件夹,以及store.js文件配置actions文件夹,创建actionTypes.js文件export const CHANGE_COUNT = 'CHANGE_COUNT';export const CHANGE_MSGLIST...

2020-03-09 23:57:19 263

原创 react hook的使用

注意 :react hook 是react新版本更新之后出现的内容,老版本不支持哪种情况需要使用hook呢?创建组件有两种方式,如果你不是class创建的组件而是function创建组件,你可能用得上function创建组件,结果组件需要有自定义数据,类似于class中的state,如果将function的组件改为class,就会显得很麻烦,这个时候,你就能用得上hook了hook具体怎么...

2020-03-09 12:25:07 1161 4

原创 react 如何直接嵌套html代码

在vue中,我们常常在标签上使用v-html来,将现成的html代码嵌入到被绑定的标签中,react如何操作呢?类似于vue,react也有特殊的标签属性,用来代替v-htmldangerouslySetInnerHTML属性,该属性被赋值,只接受对象。import React from 'react';export default class dangderouslySet exten...

2020-03-06 22:57:40 11257 4

原创 react props 父组件向子组件传参

父组件通过在组件上绑定属性,向子组件传递参数,所有的类型基本上都可以传,函数,对象,数组,基本参数类型等只不过传递非字符串参数必须通过js所以得加{}标签里面的内容,可以在子组件中通过调用this.props.children得到绑定在标签上的参数,可以通过在子组件中调用this.props得到function App() { return ( <div> ...

2020-03-05 22:57:13 2757

原创 react 标签内部写行内样式

通过直接给行内的标签绑定style属性,react规定style只能被赋值为一个对象function App() { return ( <div style={{color:'red',background:'yellow'}}>这是直接写在行内样式的文字</div> );}//看起来像是双{{}}语法,其实外面的{}表示开始写js语句,里面的{}表示...

2020-03-05 21:45:46 3653

国家或地区,中文名称与对应的地理坐标

国家或地区,中文名称与对应的地理坐标 阿富汗: [67.709953, 33.93911], 安哥拉: [17.873887, -11.202692], 阿尔巴尼亚: [20.168331, 41.153332], 阿联酋: [53.847818, 23.424076], 阿根廷: [-63.61667199999999, -38.416097], 亚美尼亚: [45.038189, 40.069099], 澳大利亚: [133.775136, -25.274398], 奥地利: [14.550072, 47.516231], 阿塞拜疆: [47.576927, 40.143105], 布隆迪: [29.918886, -3.373056], 比利时: [4.469936, 50.503887], 贝宁: [2.315834, 9.30769]}... 当然还有更多内容,如果你想添加其它的地区及对应的经纬度,请按照 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负)这样的方式添加。

2023-02-23

常用国家或地区 英文简写与地理坐标

常用国家或地区 英文简写与地理坐标, 经度在前(东经E为正,西经W为负),纬度在后,(N北纬为正,S南纬为负) 如果你想在文件的基础上添加都写地区的经纬度,请遵循上面的规则。 AF: [67.709953, 33.93911], AX: [19.9167538, 60.1749041], AO: [17.873887, -11.202692], AL: [20.168331, 41.153332], AS: [-170.43, -14.16], AI: [-63.0500809, 18.2232298], AG: [-61.48, 17.2], AE: [53.847818, 23.424076], AR: [-63.61667199999999, -38.416097], AM: [45.038189, 40.069099], AW: [-70.02, 12.32], AU: [133.775136, -25.274398], AT: [14.550072, 47.516231]

2023-02-23

世界各国地图geojson大全

世界各国地图geojson大全

2022-11-15

flexible.js 实现响应式布局

我将flexible限制的540px直接注销掉了,无论分辨率多大,都能实现响应式。 flexible.js 配合vscode的插件cssrem使用,非常方便。 我用来做大屏展示的项目,因为没有规定屏幕的分辨率具体是多大,所以flexible是一个不错的选择。

2022-11-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除