zxy_wtnl-优快云博客

原创 JS方法---判断数组是否相等

1、将两个数组转成字符串比较，但是发现他们只是顺序不相等也被当做不相等[1,2,3].toString()== [3,2,1].toString() ----false2、我们可以先把数组排序按照从小到大的顺序sort()函数[1,2,3].sort().toString()== [3,2,1].sort().toString() —true 这样的就是"1,2,3"=="1,2,3"结果是相等的systemIndic:['浏览量(PV)','访客数(UV)', 'IP数','跳出率.

2021-09-27 14:31:04 884

原创 echarts--自定义tooltip数据undefined问题以及调用params.data遇到的问题

问题：在自定义tooltip设置数据时，通过params.xxx获取数据出现undefined问题//图表的数据pieChartData.map(item =>{ let obj = { value:item.data, name:item.url, rate:Math.round(item.data/totalData * 10000)/100+'%', } pieData.push(obj)}

2021-09-03 10:03:51 4232

原创 react--子传父

子组件通过调用父组件传递到子组件的方法向父组件传递消息的父组件 //获得子组件的activekey，更新tabs getTabsActivekey(msg){ this.setState({ activeKey:msg }) } //将方法传给子组件 <SourceDetail getTabsActivekey={this.getTabsActivekey.bind(this)}/>子组件

2021-08-30 10:23:31 237

原创字符串数字如何相加而不是合并

字符串数字如何相加---parseInt()、Number()parseInt（）方法可查看https://blog.youkuaiyun.com/freshlover/article/details/19034079Number()转载于:https://www.cnblogs.com/yiyi17/p/9449160.html1）如果是Boolean值，true和false将分别转换为1和0。2）如果是数字值，只是简单的传入和返回。3）如果是null值，返回0。4）如果是undefine..

2021-08-27 17:01:43 621

原创 js方法--数据处理遇到的问题

1.将字符串分割---split()方法用于把一个字符串分割成字符串数组;例子："www.so.com:8:44.44|sg.yahoo.com:6:33.33|www.baidu.com:4:22.22"//需要分割两次分布用|与：分割var sourceArr = sourceData.split('|') ---["www.so.com:8:44.44", "sg.yahoo.com:6:33.33", "www.baidu.com:4:22.22"]const newA

2021-08-27 17:00:42 126

原创 react--跳转页面传参以及切换tab

引入注册withRouterimport { withRouter } from 'react-router-dom';export default withRouter(DetailComponent)在跳转页面按钮添加功能 skipToSource = () =>{ this.props.history.push({ pathname:'/source', //跳转页面name state:{ //参数 id:.

2021-08-26 13:56:39 946

原创 js方法--fetch

fetch()方法与XMLHttpRequest类似，fetch也可以发起ajax请求，但是与XMLHttpRequest不同的是，fetch方式使用Promise，相比较XMLHttpRequest更加的简洁。fetch是全局量window的一个方法.fetch方法的then会接收一个Response实例，值得注意的是fetch方法的第二个then接收的才是后台传过来的真正的数据，一般第一个then对数据进行处理等。例如fetch处理JSON响应时回调函数有一个json()方法，可以将原始数据转

2021-08-24 11:15:10 1007 1

原创 js方法--try、catch

应用范围：可以用来判断，你可控的错误，也就是说你很清楚知道这里是有可能”出错“的，而且你很清楚知道什么前提下会出错，你就是要故意利用报错信息来区分错误，后续的程序会解决所有的出错，让程序继续执行。运行流程: try{...}包含块中的代码有错误，则运行catch(err){...}内的代码，否则不运行catch(err){...}内的代码例如：<p>请输出一个 5 到 10 之间的数字:</p><input id="demo" type="text">

2021-08-23 15:23:34 170

原创 js方法--Promise

PromisePromise是一个构造函数，自己身上有all、reject、resolve、all这几个方法，原型上有then、catch等方法。Promise的作用简单来讲，就是能把原来的回调写法分离出来，在异步操作执行完后，用链式调用的方式执行回调函数。new 一个Promise 放在函数中function runAsync1(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 s.

2021-08-23 15:10:25 384

原创 js方法--map

1、map概念：map()方法定义在JavaScript的Array中，它返回一个新的数组，新返回数组中的每个元素为原始数组的每一个元素分别调用map中的回调函数处理后的值。map()不会对空数组进行检测 map()不会改变原始数组（返回新数组） map()不会为数组中缺少的元素调用回调函数除数组对象外，map()可由具有length属性且具有已按数字编制索引名的任何对象使用（如字符串对象）在实际应用场景中，在便利出的数据需要处理的时候用到map比较多一些，例如商品列表数据回来之后进行

2021-08-23 15:08:18 226

原创 echarts基础用法记录--react

准备工作下载：npm install --save echarts-for-reactnpm install --save echarts引用：import ReactEcharts from "echarts-for-react";import * as echarts from 'echarts' 在需要使用的地方插入 <ReactEcharts option={this.getOptionLine()} />折线图：//折线图 get..

2021-08-17 10:51:40 174

原创复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法

今天项目中出现了一个checkbox与同一行的文字不能对齐的问题，检查后发现个问题，checkbox和radio两个标签的默认高宽都是13px，而项目中使用的字体大小却是12px，如果将字体调整为14px就不存在这个问题了，根据网上查到的资料整理了几种解决办法。先发一下具体的问题情况以及解决后的效果.input1{vertical-align:text-bottom;margin-bottom:-1px;*margin-bottom:-4px;}.input2{height:13px;vertic

2021-08-11 10:16:03 6295

原创 git遇到的问题

在html页面CDN引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=xxx"></script>js部分1.初始化地图

2021-08-10 13:16:48 235

原创 swiper自定义分页器

html部分<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src=""> </div> </div>  <div class="swiper-pag.

2021-07-14 14:39:59 3160

zxy_wtnl的博客