- 博客(14)
- 收藏
- 关注
原创 react antd upload组件服务器上传图片报错Nginx 405
react antd upload组件服务器上传图片报错nginx 405
2023-08-17 14:43:26
455
原创 html语义化标签简单示例
使用语义化目的脱离css时,页面结构清晰,便于阅读易于SEO,有助于爬虫搜索更多有用的信息对于开发者来说,便于阅读,可以清晰明了的知道哪一行代码代表的含义示例Article、header、section、footer<article> <header> <h3> <a href="https://www.baidu.com/">百度</a> </h3>
2020-07-30 09:53:05
292
原创 echarts绘制3D旋转地球
效果图代码展示import React, { Component, Fragment } from 'react';import ReactEcharts from "echarts-for-react";import echarts from 'echarts';import 'echarts-gl';import _ from 'lodash';import world from './world.json';echarts.registerMap('world',world);
2020-07-23 10:12:07
3669
原创 echarts绘制饼图+水波球图
效果图代码let val1dataPie = [ { name: "test1", value: 10 }, { name: "test2", value: 20 }, { name: "test3", value: 30 }, { name: "test4", value: 10 }, { name: "test5", value: 40 }, { name: "test6", value: 60 }, ]; let arr = ['
2020-07-22 17:01:39
1473
原创 echarts绘制特殊样式折线图
说明echarts绘制一个简单的折线图效果图let xAxisArr = []; for(var i = 0; i > -7; i--) {//获取最近7天的日期 xAxisArr.push(Deal.getBeforeDate(i)); } const bargraph = { title: { show: true,//标题显示 t
2020-07-22 16:49:07
404
原创 echarts实现绘制平面地图
说明绘制平面地图,根据值的情况,每个地区颜色逐渐变深,点击当前地区,也可以进行相关事件的操作,下面是代码效果图import React, { Component, Fragment } from 'react';import ReactEcharts from "echarts-for-react";import echarts from 'echarts';import china from './china.json';echarts.registerMap('china',china
2020-07-22 16:26:56
1893
原创 react子组件调用触发父组件事件(类组件写法)
说明react中,最简单的就是子组件调用父组件的事件或者方法,下面直接列出代码。// Parent.jsimport React, { Component, Fragment } from 'react';import Child from './Child';class Parent extends Component { handleClick() { console.log("子组件调用父组件事件") } render() { ret
2020-07-22 09:38:37
1548
原创 react父组件触发调用子组件事件(类组件写法)
说明我们经常会碰到,父组件触发一个事件时,需要子组件的其中一个事件同时触发,而不是父组件触发时重新渲染子组件,对于这种情况,我们需要在子组件中设置ref,下面直接展示代码(以下代码是类组件的写法)// Parent.jsimport React, { Component, Fragment } from 'react';import Child from './Child';class Parent extends Component { handleClick() {
2020-07-22 09:21:22
1400
原创 js通过请求接口下载文件
这里写自定义目录标题说明说明在开发项目中,我们经常会碰到,后端给出的接口,前端需要在触发那一刻请求接口,直接下载文件。下面直接列出下载文件流的代码let token=local.get("token",null); // 通过自己项目的方式,拿到tokenlet init = { method: 'POST', mode: 'cors', cache: 'no-cache', headers:{ 'Content-Type': "application/js
2020-07-16 18:24:24
3234
原创 react-redux搭建简单react class框架
新建项目react create react-app class-demo启动项目yarn build启动成功后删除项目中部分原有代码(此处不做说明)安装库yarn add react-reduxyarn add redux代码说明此处代码仅展示具体组件中,需要操作全局变量,使得兄弟组件发生改变时的全局变量设置情况,这是针对类组件的定义项目目录展示项目具体代码// index.js// react-redux 写法import React from 'react';i
2020-07-16 09:10:38
232
原创 redux-react-hook搭建简单react hook框架
redux-react-hook搭建简单react-hook框架新建项目启动项目安装库代码说明项目目录展示项目具体代码新建项目react create react-app hook-demo启动项目yarn build启动成功后删除项目中原有代码(此处不做说明)安装库yarn add redux-react-hookyarn add redux代码说明此处代码仅展示具体组件中,需要操作全局变量,使得兄弟组件发生改变时的全局变量设置情况项目目录展示项目具体代码// inde
2020-07-15 14:10:26
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人