自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 Excel将一列字母全部转小写

原Excel表:第一步: 选中要放置小写的列的第一行,并输入表达式=LOWER(B1:B9),按回车键,即第一行转化成功。注:B1-B9即列B的第一行到第九行,如果表达式为=LOWER(B1)则只将列B的第一行转小写。同理转大写可以使用UPPER函数。第二步: 选中当前列的所有行,使用快捷键Ctrl+D进行填充效果如图:参考1:EXCEL将一列英文转换成大写或小写参考2:Excel下拉自动填充首个单元格公式的几种方法...

2022-05-26 10:13:59 3529

原创 postman 解决Could not send request

最近在自学FastApi,因此初次使用postman进行接口测试。然后就遇到了下面的问题直到学到了FastApi的CORS(跨域资源共享) 才弄明白这个问题。也就是说,postman想要访问我的接口,必须配置允许访问的外来地址(不同源地址)。以下是通过fastapi的CORSMiddleware的方式进行配置:from fastapi.middleware.cors import CORSMiddlewareapp = FastAPI()origins = [ 'https://we

2022-04-06 09:31:08 10282 1

转载 Mac redis的下载及安装

1、下载安装包(官网)2、从下载位置(Downloads)打开新的终端窗口3、在终端输入命令1)解压:tar zxvf redis-6.2.6.tar.gz2)移动到:sudo mv redis-6.2.6 /usr/local3)切换到:cd /usr/local/redis-6.2.6/4)编译测试:make test5)编译安装:make install在编译测试和编译安装过程中,可能报错。先忽略如:4、开启redis服务端,输入命令`redis-server`注:当输

2022-03-31 17:14:43 3750 1

转载 js 二进制流转图片

前端接收后端传过来的二进制并转换成图片验证码html<img id="canvas_img" src="" alt="">jslet xmlhttp;if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest();} else { // 兼容 IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET","/api/

2022-03-15 15:10:08 15159

原创 element 切换Table 展开行效果出bug

期待效果: 通过点击按钮在两个Table间来回切换,Table1有展开行的功能,Table2没有。代码如下:<div id="app"> <!-- 切换按钮 --> <button @click="business_tab=!business_tab">切换</button> <!-- Table1 --> <el-table v-if="business_tab" :data="table_data1" borde

2022-01-11 10:07:51 496

原创 解决Element DateTimePicker无法选择当天日期

解决Element DateTimePicker设置了default-time和时间选择范围后无法选择当天日期原代码如下,default-time设置选中日期后的默认具体时刻,picker-options设置能选择的时间范围。问题: 当设置完两个属性后选择当天时间,无法点击确认。html<el-date-picker :default-time="['00:00:00', '23:59:59']" v-model="start_end_time" type="dat

2021-11-10 14:53:33 5647 2

原创 cdn引入element,并使用element组件

cdn引入element,并使用element组件打印ELEMENTconsole.log(ELEMENT)控制台结果(只截取了一部分):       找到对应的方法或者对象就能使用element组件使用例1:使用message(消息提示)ELEMENT.Message.error('错误提示'); //错误提示ELEMENT.Message.warning('告警提示'); //告警提示例2:使用Loadin

2021-10-14 11:32:32 1639

原创 echarts设置内环颜色,在内环添加文字

echarts设置内环颜色,在内环添加文字效果如下:1、通过两个叠加的圆达到内外环不同颜色的效果 series: [ { color:['#0c2968'], //内圆颜色 type: 'pie', radius: '60%', center:['50%','50%'], //设置圆的位置,两个圆的位置必须一致 data: [

2021-09-23 10:12:08 2474

原创 cdn引入element,使用element自带的icon图标

cdn引入element,使用element自带的icon图标,报以下错误解决办法原因:使用element的icon图标,除了js和css文件外,还得下载element-icons.ttf和element-icons.woff这两个文件第一步:引入element的js、css文件<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&gt

2021-09-01 16:09:57 4684 2

原创 Vue+element 使用Tabs切换echarts图表,显示空白

Vue+element 使用Tabs切换echarts图表,显示空白解决办法:第一步:给el-tab-pane标签添加lazy属性,设置为true,表示延迟渲染<el-tab-pane label="客户数量" key="first" name="first" :lazy="true"></el-tab-pane>第二步:使用v-if判断切换到当前tab时再渲染该内容<!-- activeName为el-tabs标签绑定的值--><div cla

2021-08-27 11:50:04 2605 2

原创 js 时间戳与日期时间的相互转换

js 时间戳与日期时间的相互转换时间戳:指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总毫秒数。1、获取时间戳1)获取当前时间的时间戳let time1 = Date.parse(new Date()); //精确到秒,不计算毫秒,后三位直接为000,即1628733577000let time2 = new Date().getTime(); //精确到毫秒,16287335770502)获取某个指定日期的时间戳new

2021-08-12 11:00:15 9288 1

原创 vue 打包后空白

vue打包后空白,解决办法第一步:将路由模式设置成hash模式const router = new VueRouter({ mode: 'hash',});第二步:在代理vue.config.js文件下配置publicPath为'./'module.exports={ publicPath:'./', }第三步:重新打包npm run build...

2021-08-03 11:39:27 99 1

原创 url 参数转义

现在有这样一个需求,在手机端切换多个不同域的页面,同时该页面可能存在需要的参数,现使用iframe实现。将不同网页显示在iframeView页面中,路由为/iframeView,从后台获取某网页的数据:http://localhost:8081?user=su&pwd=123,现通过路由传参的方式传到iframeView页面。因此iframeView页面得到一串url: /iframeView?url=http://localhost:8081?user=su&pwd=123问题:u

2021-07-13 10:58:26 2622

原创 使用vue echarts 制作地图map

第一步:下载相关地区的json文件,并将下载的文件放到项目文件夹下(下载地址:地图选择器)该篇以显示四川省地区为例第二步:在vue中引入echarts1、通过 npm 获取 echarts,npm install echarts --save2、在main.js文件中引入import * as echarts from 'echarts';Vue.prototype.$echarts = echarts;第三步:使用map<template> <!-- 绘制地图的容

2021-06-29 17:43:01 1843

原创 报错:Cannot read property ‘push‘ of undefined

react-router-dom报错:Cannot read property ‘push‘ of undefined在react项目中进行路由跳转this.props.history.push('/accountManage');报错:Cannot read property ‘push‘ of undefined解决方法://导入withRouterimport {withRouter} from 'react-router-dom'class AddAccount extends

2021-05-06 14:00:45 281

转载 taro h5 实现跨域

通过devServer实现跨域1、安装 cross-envnpm install cross-env -D或yarn add cross-env -D2、找到根目录下的config/dev.js文件进行配置// NOTE H5 端使用 devServer 实现跨域,需要修改 package.json 的运行命令,加入环境变量const isH5 = process.env.CLIENT_ENV === 'h5'const HOST = '"http://172.17.11.221:80

2021-05-06 13:49:09 2623

原创 递归修改键名

使用递归更改后台数据的键名如下图,将键名id改为value,键名name改为labelvar arrayObj = [ {id:'value1',name:'value2',children:[ {id:'value1',name:'value2',children:[ {id:'value1',name:'value2'}, {id:'value1',name:'value2'} ]} ]}, {id:'value1',name:'value2'}];代码

2021-04-28 18:52:52 391

原创 vue上使用echarts并改变示例样式

文章目录一、安装和使用1、下载安装2、引入3、使用二、修改样式1、饼状图1)添加牵引线2)设置环形图颜色3)设置环形图间隙4)设置环形图大小5)设置图例的位置2、折线图1)添加两个y轴2)将折线设置成平滑的曲线3)设置区域渐变4)设置折线及折线点样式一、安装和使用1、下载安装echart官网:https://echarts.apache.org/zh/index.htmlnpm install echarts --save2、引入main.jsimport * as echarts from

2021-04-07 20:31:29 2071

原创 vue token的实现

1)用户第一次登录时,向服务器发起请求。服务器根据账号和密码判断是否登录成功,如果是首次登录,服务器会生成一个新的token,并保存到数据库,数据库中存储了每个用户对应的token。最后服务器会把这个token返回给客户端。 2)用户登录成功后,客户端将接收到的token存储到浏览器(localStorage)和vuex上。 3)设置请求头,将token放在请求头上,并让客户端的每次请求都带上token。 4)用户的每次请求,服务器都能根据token辨别出是哪个用户。每个用户都有一

2021-04-07 18:43:25 449

原创 本地分支合并再上传到远程分支

       本地上有两个分支,一个是自己创建的分支(hanqun),一个是从远程拉到本地的分支dev。现将自己的分支(hanqun)合并到远程的分支dev上。步骤如下:       1、在本地合并自己的分支到本地的dev上           &nbsp

2021-03-27 09:15:35 1847

原创 使用socket.io制作一个聊天室

使用socket.io制作聊天室效果图如下:       登录页面展示:       聊天室展示:功能实现1)显示当前加入聊天室的人数2)显示当前登录的用户信息(头像及用户名),及当前在线的用户列表3)显示某用户离开或进入聊天室的信息4)可以发送聊天信息,包括文字,emoji表情,图片5)登录项目准备   &nbs

2021-03-06 19:09:35 401

原创 使用websocket完成简易的聊天功能

使用websocket完成简易的聊天功能一、使用步骤服务端1、下载模块包:npm i nodejs-websocket2、引入包:const ws = require('nodejs-websocket');3、创建服务只要有用户连接该服务器,该函数就会被调用,给每个用户创建一个connect对象const server = ws.createServer(connect =>{ });4、监听(设置)端口号server.listen(8080,()=&

2021-03-01 16:11:34 229

原创 js中变量及函数的提升

js中变量及函数的提升思考:下列代码输出什么结果: 控制台输出:1为什么???这就涉及到js中变量和函数的提升了。js在解析代码时,会将所有变量的声明和函数提升到作用域的最前面。而函数的提升在所有变量声明的后面。注意:js只将变量的声明提升,它的值不会提升,还在原来的位置。因此,上面图片中的代码经js解析后:function test() { var a; function a() { } a = 1; cons

2021-01-26 12:40:11 131

原创 css居中汇总

这里写目录标题一、水平居中1.1 行内元素1.2 块级元素1.2.1 有宽1.2.2 无宽二、垂直居中2.1 单行文本2.2 多行文本2.3 块级元素三、水平垂直居中欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程

2021-01-06 17:11:04 109

空空如也

空空如也

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

TA关注的人

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