- 博客(21)
- 收藏
- 关注
原创 echarts多个折线图保证图形对齐
可以将每个图形的主区域grid 的宽度,高度,距离左边的距离left都设置相同,就可以保证图形是按照坐标轴对齐的。这里需要注意的是一个属性。,假如这个值是false的话,它是按坐标轴区分来对齐的,具体请看官网文档。在echarts基本上做多个折线图,保证左右两边图形对齐。
2023-05-26 15:06:23 836
原创 vue-quill-editor自定义工具栏,添加上传功能,修改字体大小,图片的自定义大小
vue-quill-editor 字体大小、图片大小、文件上传、工具栏注释
2022-06-02 19:21:55 5106 2
原创 iview upload before-upload组织上传失败
这里需要说明一下iview upload组件有一个bug,before-upload函数中如果返回false不能阻止文件自动上传。on-success函数中依然能够拿到上传成功的文件信息,不过我们通常在上传之前进行一系列操作,比如格式判断。这里我设置了图片尺寸判断。 <Upload ref="upload" :show-upload-list="false" :default-file-list="defaultList" :on-succ...
2022-04-27 16:39:28 1428
原创 文件下载和链接下载
文件流下载、下载链接下载方式本篇文章主要讲解两种下载方式区别1、第一种方式文件流下载 this.axios.get(url).then((res) => { // console.log(res); if (res.status == 200) { const blob = res.data; //res.data就是后端返回的文件流 // 获取文件名 const content = res.heade
2021-08-11 11:04:32 7310
原创 https
项目中协议规范为https在html文件中添加<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">另外需要在nginx中配置,具体配置自行百度。这一行代码只适合在生产环境中使用。
2021-07-22 16:33:39 164
原创 react组件通信
react组件通信1、组件通信通常分为三种方式,第一种父子组件通信,第二种 父与孙子组件之间通信,第三种 兄弟组件通信或者说是不相关组件至今通信。一、父子组件通信父组件 export default class Father extends Component{ state={ // 这里的属性随意定义 id:111 } const Edit = (value)=>{ console.log('修改的值:' + value)
2021-07-01 11:31:46 779
原创 react 类组件(父组件)与函数组件(子组件) ref 通信
类组件与函数组件 ref 通信本篇文章主要针对于react 16版本以上用法1、创建ref 实例 constructor(props) { super(props); this.state ={ tags:[], actionTag:'',//点击的实体名称 tagindex:0, submenu:[], NewAttr:[],//添加的空白属性
2021-06-15 18:53:28 1737
原创 css居中定位
方法一(宽高不固定).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
2021-05-17 13:51:00 112
原创 react入门讲解
一、安装第一步 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运行之后一个简单的项目基本上构建完成,后面根据个人需要下载依赖二、生命周
2021-05-17 10:59:23 95
原创 vue打包后nginx反向代理
主要讲解vue cli2.0和vue cli3.0代理需要主要的问题一、需要下载nginx1、下载地址 http://nginx.org/en/download.html选择稳定版本下载即可。下载完成目录如下二、配置打包出口路径vue cli2.0代理配置1、在cli2.0中项目中代理配置中主要集中在config文件中,找到config下面的index.js文件 。代理直接找到对应dev下面的proxyTable,具体配置就不做详细讲解了。废话少说,直接找到build相关配置build
2021-05-14 17:49:49 909
原创 react 路由配置以及封装
react 路由配置以及封装1、新建App.tsx文件import React, { Component } from 'react'import IsRouter from './router/islogin'class App extends Component {render() { return ( <IsRouter/> ); }}export default App;IsRouter是用来判断其是否登录的js文件,我通常
2021-05-14 15:18:43 1067
原创 vue cli3.0代理配置以及打包配置问题
1、新建一个vue.config.js文件,同src目录同级 constwebpack=require('webpack')module.exports={publicPath:'/',assetsDir:'static',productionSourceMap:false,devServer:{host:'localhost',port:8080,proxy...
2021-04-12 11:22:25 943
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人