<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yang423712的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yang423712</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yang423712]]></copyright><item><title><![CDATA[echarts 多折线图上下留空白问题]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/133786237</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/133786237</guid><author>yang423712</author><pubDate>Thu, 12 Oct 2023 11:06:50 +0800</pubDate><description><![CDATA[图形最大值和最小值距离上下定点留白]]></description><category></category></item><item><title><![CDATA[echarts Y轴科学计数法对数显示第二版]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/133785564</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/133785564</guid><author>yang423712</author><pubDate>Thu, 12 Oct 2023 10:56:59 +0800</pubDate><description><![CDATA[echarts Y轴显示科学计数法]]></description><category></category></item><item><title><![CDATA[echarts多个折线图保证图形对齐]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/130886925</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/130886925</guid><author>yang423712</author><pubDate>Fri, 26 May 2023 15:06:23 +0800</pubDate><description><![CDATA[可以将每个图形的主区域grid  的宽度，高度，距离左边的距离left都设置相同，就可以保证图形是按照坐标轴对齐的。这里需要注意的是一个属性。，假如这个值是false的话，它是按坐标轴区分来对齐的，具体请看官网文档。在echarts基本上做多个折线图，保证左右两边图形对齐。]]></description><category></category></item><item><title><![CDATA[echarts Y轴科学计数法对数显示、生成X轴对应时间]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/130860489</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/130860489</guid><author>yang423712</author><pubDate>Thu, 25 May 2023 10:11:52 +0800</pubDate><description><![CDATA[科学计数法对数显示Y轴，x轴固定24小时]]></description><category></category></item><item><title><![CDATA[vue3 tif文件解析预览]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/130593954</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/130593954</guid><author>yang423712</author><pubDate>Wed, 10 May 2023 09:51:25 +0800</pubDate><description><![CDATA[vue3   tif文件预览]]></description><category></category></item><item><title><![CDATA[vue2自定义全局弹框组件]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/128852546</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/128852546</guid><author>yang423712</author><pubDate>Thu, 02 Feb 2023 16:42:07 +0800</pubDate><description><![CDATA[vue自定义全局弹框]]></description><category></category></item><item><title><![CDATA[嵌套html页面如何通信]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/128543750</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/128543750</guid><author>yang423712</author><pubDate>Wed, 04 Jan 2023 10:22:45 +0800</pubDate><description><![CDATA[嵌套页面通信]]></description><category></category></item><item><title><![CDATA[js常见的几种排序方式]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/128535504</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/128535504</guid><author>yang423712</author><pubDate>Tue, 03 Jan 2023 17:00:57 +0800</pubDate><description><![CDATA[js数组排序]]></description><category></category></item><item><title><![CDATA[js查找数组中出现最多的元素、次数和第二多的元素、次数]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/128496547</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/128496547</guid><author>yang423712</author><pubDate>Fri, 30 Dec 2022 15:42:54 +0800</pubDate><description><![CDATA[查找数组或者字符串中出现次数最多元素和次数]]></description><category></category></item><item><title><![CDATA[数组去重和数组对象去重方法]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/128495961</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/128495961</guid><author>yang423712</author><pubDate>Fri, 30 Dec 2022 15:07:56 +0800</pubDate><description><![CDATA[数组或数组对象常用去重方法]]></description><category></category></item><item><title><![CDATA[vue-quill-editor自定义工具栏，添加上传功能，修改字体大小，图片的自定义大小]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/125105428</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/125105428</guid><author>yang423712</author><pubDate>Thu, 02 Jun 2022 19:21:55 +0800</pubDate><description><![CDATA[vue-quill-editor  字体大小、图片大小、文件上传、工具栏注释]]></description><category></category></item><item><title><![CDATA[iview upload before-upload组织上传失败]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/124454213</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/124454213</guid><author>yang423712</author><pubDate>Wed, 27 Apr 2022 16:39:28 +0800</pubDate><description><![CDATA[这里需要说明一下iview upload组件有一个bug，before-upload函数中如果返回false不能阻止文件自动上传。on-success函数中依然能够拿到上传成功的文件信息，不过我们通常在上传之前进行一系列操作，比如格式判断。这里我设置了图片尺寸判断。

 &lt;Upload
     ref="upload"
       :show-upload-list="false"
       :default-file-list="defaultList"
       :on-succ...]]></description><category></category></item><item><title><![CDATA[文件下载和链接下载]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/119596947</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/119596947</guid><author>yang423712</author><pubDate>Wed, 11 Aug 2021 11:04:32 +0800</pubDate><description><![CDATA[文件流下载、下载链接下载方式
本篇文章主要讲解两种下载方式区别
1、第一种方式文件流下载
  this.axios.get(url).then((res) =&gt; {
        // console.log(res);
        if (res.status == 200) {
          const blob = res.data; //res.data就是后端返回的文件流
          // 获取文件名
          const content = res.heade]]></description><category></category></item><item><title><![CDATA[https]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/119002764</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/119002764</guid><author>yang423712</author><pubDate>Thu, 22 Jul 2021 16:33:39 +0800</pubDate><description><![CDATA[项目中协议规范为https
在html文件中添加
&lt;meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"&gt;

另外需要在nginx中配置，具体配置自行百度。这一行代码只适合在生产环境中使用。

]]></description><category></category></item><item><title><![CDATA[react组件通信]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/118380546</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/118380546</guid><author>yang423712</author><pubDate>Thu, 01 Jul 2021 11:31:46 +0800</pubDate><description><![CDATA[react组件通信
1、组件通信通常分为三种方式，第一种父子组件通信，第二种 父与孙子组件之间通信，第三种 兄弟组件通信或者说是不相关组件至今通信。
一、父子组件通信
父组件
   export default class Father extends Component{
     state={
       // 这里的属性随意定义
       id:111
   }
   const Edit = (value)=&gt;{
      console.log('修改的值:' +  value)
]]></description><category></category></item><item><title><![CDATA[react 类组件(父组件)与函数组件(子组件) ref 通信]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/117930596</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/117930596</guid><author>yang423712</author><pubDate>Tue, 15 Jun 2021 18:53:28 +0800</pubDate><description><![CDATA[类组件与函数组件  ref 通信
本篇文章主要针对于react 16版本以上用法
1、创建ref 实例
   constructor(props) {
        super(props);
        this.state ={
            tags:[],
            actionTag:'',//点击的实体名称
            tagindex:0,
            submenu:[],
            NewAttr:[],//添加的空白属性]]></description><category></category></item><item><title><![CDATA[css居中定位]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/116920911</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/116920911</guid><author>yang423712</author><pubDate>Mon, 17 May 2021 13:51:00 +0800</pubDate><description><![CDATA[方法一(宽高不固定)
.box{
    width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;   
	transform: translate(-50%, -50%);
}

方法二(宽高固定)
.box{
    width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;   
	margin-top:-200px;
	ma]]></description><category></category></item><item><title><![CDATA[react入门讲解]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/116765326</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/116765326</guid><author>yang423712</author><pubDate>Mon, 17 May 2021 10:59:23 +0800</pubDate><description><![CDATA[一、安装
第一步
   npm install -g create-react-app

构建项目
   create-react-app your-app 注意命名方式(命名不能有大写字母）
   或者 npx create-react-app your-app （这种要求node在5.0版本以上，npx为npm自带命令）

下载完成之后
   cd your_app
   npm run start 或者 yarn start

运行之后一个简单的项目基本上构建完成，后面根据个人需要下载依赖
二、生命周]]></description><category></category></item><item><title><![CDATA[vue打包后nginx反向代理]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/116797647</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/116797647</guid><author>yang423712</author><pubDate>Fri, 14 May 2021 17:49:49 +0800</pubDate><description><![CDATA[主要讲解vue cli2.0和vue cli3.0代理需要主要的问题
一、需要下载nginx
1、下载地址 http://nginx.org/en/download.html


选择稳定版本下载即可。下载完成目录如下

二、配置打包出口路径
vue cli2.0代理配置
1、在cli2.0中项目中代理配置中主要集中在config文件中，找到config下面的index.js文件 。代理直接找到对应dev下面的proxyTable，具体配置就不做详细讲解了。废话少说，直接找到build相关配置

build]]></description><category></category></item><item><title><![CDATA[react 路由配置以及封装]]></title><link>https://blog.youkuaiyun.com/yang423712/article/details/116790790</link><guid>https://blog.youkuaiyun.com/yang423712/article/details/116790790</guid><author>yang423712</author><pubDate>Fri, 14 May 2021 15:18:43 +0800</pubDate><description><![CDATA[react 路由配置以及封装
1、新建App.tsx文件

import React, { Component } from 'react'
import IsRouter from './router/islogin'
class App extends Component {
render() {
     return (
         &lt;IsRouter/&gt;
     );
 }
}

export default App;


IsRouter是用来判断其是否登录的js文件,我通常]]></description><category></category></item></channel></rss>