- 博客(44)
- 收藏
- 关注
RSS订阅
原创 echarts图表折线、柱状混合图表——效果图+代码
复制代码到echarts 图表折线、柱状混合图表.效果图如下（背景色是后加的!!!）：????-----------????-----------????-----------\ 代码在这儿 /------------????----------????------------????option = { color: ['#3398DB'], tooltip : { trigger: 'a...
2019-11-04 17:51:32
1133
2
转载 css快速实现元素水平垂直居中
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>水平垂直居中</title> </head> <style> body { margin: 0; } #father { /* 主要代码 */ display: grid;
2021-03-11 10:24:05
138
转载 mac 查看占用的端口并关闭进程
mac 查看占用的端口并关闭进程-i 查看某个端口是否被占用，如lsof -i:8081显示占用情况COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEjava 12188 aya 192u IPv6 0x6bfda869e0b2dab1 0t0 TCP *:sunproxyadmin (LISTEN)关闭PID,执行kill PID,如：kill 12188...
2020-12-08 00:45:09
314
转载 node-gyp错误之旅
转载此篇文章https://cloud.tencent.com/developer/article/1343373Node.js 在安装模块的时候一直报错，提示安装node-gyp时报python不可用的情况ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.查询得知需要安装python2.7，原有的python3不行
2020-12-04 14:46:11
638
原创 vue中登录性能优化--防抖
前端性能优化防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTimeout。防抖可以比作等电梯，只要有一个人进来，就需要再等一会儿。业务场景有避免登录按钮多次点击的重复提交。多次触发事件时清除上一次触发的setTimeout,保证setTimeOut中的function在最近一次触发事件后的delayed时间才执行。代码实现：html(用了elementUI框架) <el-form :model.
2020-12-03 16:37:40
1079
转载 openlayer学习资料整理
api整理：https://segmentfault.com/a/1190000020297846矢量要素操作：https://blog.csdn.net/gis_zzu/article/details/100582546?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-5.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-
2020-11-26 16:13:18
90
原创 nginx反向代理配置（针对vue项目打包后跨域）
#user nobody;worker_processes 2;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_connections 1024;}http { include mime.types; defaul
2020-10-28 16:39:50
605
1
原创 vue 动态自定义属性 object值传递与获取 :data-item
<div class="evntablecontent" @click="threatClick($event)"> <ul class="item"> <li v-for="(item, index) in rowsData" :key="index" class="rows"> <span style="width: 15%" :data-item="JSON.stringify(item)">{{ item.id
2020-09-15 11:48:15
1708
转载 vue刷新当前路由方法
原文链接在vue中碰到了需要刷新当前页面的需求，虽然可以使用this.$router.go(0); 和location.reload() 像f5一样刷新，但是不太好这里推荐一种方式，是我之前遇到这方面的需求，在 segmentfault上提问获得的解决方案现将方案分享出来方法1此方法是基于进入空白页再在空白页跳转回到上一个页面的原理实现的，首先空白页中代码这样写，即在beforeRouteEnter中获取到上一个路由，直接跳转回去// refresh.vue<script>ex
2020-07-27 16:21:19
2260
原创 css文字拉伸效果
span { display: inline-block; // 一定要加这个，不然没效果 transform: scale(1,3); -ms-transform: scale(1,3); -webkit-transform: scale(1,3); -moz-transform: scale(1,3); -o-transform: scale(1,3);}
2020-07-23 14:43:12
1602
原创 Vue 数据绑定后页面操作数据截取字符串substring()
两种方法，第一种是抄来的，不过不知道为什么我用这个不行，第二个是蒙出来的。我之前写的数据是scope.row.name这种形式的，用方法二亲测可用！<!-- 方法一 截取前10位字符--><p>{{ name.substring(0,9) }}</p><!-- 方法二 截取前10位字符--><p>{{ `${name}`.substring(0,9) }}</p><!-- 截取 index === 10 及
2020-07-22 19:16:45
2235
原创 vue cli4 中mockjs在dev环境和build环境的配置
vue cli4 中mockjs在dev环境和build环境的配置cli4中环境配置自定义配置环境mockjs在vue cli4开发环境中的配置及使用如有错误请告知！！！cli4中环境配置这里参考了这位的文章: vue-cli4.0多环境配置，变量与模式.写的很详细，大家可以移步去康康~~~默认情况下，Vue cli有三种开发模式:development,production,test.自定义配置环境cli4在自定义配置环境时，需要自己添加文件，像????????????这样：这两个文件是
2020-06-20 16:19:13
2797
1
转载 文件引入
import对应export或export defaultrequire对应exports或module.exports不要混用在 vue.config.js 文件中 引入 js 文件
2020-05-29 09:32:09
137
原创 python--分支语法
# 单分支语法# if 条件表达式:# 代码指令# ...score = 60if score <= 60: print('成绩不理想，要继续加油') passprint('语句运行结束')# 双分支# if 条件表达式:# 代码指令# else:# 代码指令score = 60if score >= 60: print('成绩合格！') passelse: print('成绩不合格请继续努力')print
2020-05-17 00:45:58
122
原创 python--流程控制
顺序流程选择流程/分值流程2.1 单分支if 条件表达式:一条条Python代码…2.2 双分支if 条件表达式:一条条Python代码…else:一条条Python代码…2.3 多分支if 条件表达式:一条条Python代码…elif 条件表达式:一条条Python代码……else:一条条Python代码…条件表达式：比较运算符/逻辑运算符/符合运算符循环流程while 条件表达式:一条条Python代码…for … in …(可迭代的..
2020-05-13 00:14:33
113
原创 Python--输入输出
name = '小明'qq = '12352342'phone = '24785241'age = 13print('姓名：{}'.format(name))print('qq:{}'.format(qq))print('手机号:{}'.format(phone))print('姓名：{},手机号：{},性别：{}'.format(name, phone, 'male'))# Python有一个简单的字符串格式化方法，使用%做占位符，%后面跟的是变量的类型。print('我是%s,我的年
2020-05-13 00:13:40
244
原创 Python--逻辑运算符
a=10b=20and x and y 布尔"与" - 如果 x 为 False，x and y 返回 False，否则它返回 y 的计算值。 (a and b) 返回 20。or x or y 布尔"或" - 如果 x 是非 0，它返回 x 的值，否则它返回 y 的计算值。 (a or b) 返回 10。not not x 布尔"非" - 如果 x 为 True，返回 False 。如果 x 为 False，它返回 True。 not(a and b) 返回 False优先级：() -
2020-05-13 00:11:53
127
转载 Python--赋值运算符
a=10b=20= 简单的赋值运算符 c = a + b 将 a + b 的运算结果赋值为 c+= 加法赋值运算符 c += a 等效于 c = c + a-= 减法赋值运算符 c -= a 等效于 c = c - a*= 乘法赋值运算符 c *= a 等效于 c = c * a/= 除法赋值运算符 c /= a 等效于 c = c / a%= 取模赋值运算符 c %= a 等效于 c = c % a**= 幂赋值运算符 c **= a 等效于 c = c ** a//=
2020-05-11 13:16:31
134
转载 Python--算数与比较运算符
算术运算符a=10b=20+ 加 - 两个对象相加 a + b 输出结果 30- 减 - 得到负数或是一个数减去另一个数 a - b 输出结果 -10* 乘 - 两个数相乘或是返回一个被重复若干次的字符串 a * b 输出结果 200/ 除 - x除以y b / a 输出结果 2% 取模 - 返回除法的余数 b % a 输出结果 0** 幂 - 返回x的y次幂 a**b 为10的20次方，输出结果 100000000000000000000// 取整除 - 返回商的整数部分（
2020-05-10 23:31:05
149
原创 Python--变量与数据类型
定义和使用a = 10这里a是变量名字对应的一个盒子 里面装的数据是10Python数据类型 (python3中)数字类型(num) int(有符号整数) float (浮点型) complex(复数) bool(布尔值) -> true/false字符串(str)字典(dict) 高级数据类型元组(Tuple) 高级数据类型列表(list) 高级数据类型查看数据类型print(type(a))a = 10 print(type(
2020-05-10 23:25:31
92
原创 python学习--环境安装(mac版)
下载Python并安装检验是否安装成功mac command+空格 输入idle打开，显示版本则成功。打印信息print(‘信息’)退出Python交互式环境 输入 exit()或 quit()创建.py文件并保存代码控制台切换到当前文件夹，输入 python 文件名.py回车运行python的默认编码文件是用ASCII码，没有支持UTF-8，需要在py文件首行声明# -- coding: UTF-8 -- 或者 #coding=utf-8解决输入中文问题注释单行注释：快捷键
2020-05-10 20:53:44
259
原创 css实现文本两端对齐最后一行左对齐
text-align:justify; // 所有行两端对齐text-justify:inter-ideograph; // 最后一行居左对齐
2020-04-10 00:28:26
2912
原创 node websocket服务端和客户端写法
-------------------- 再不学习就去要饭 ------------------有写广播的方法，但是感觉不好，不知道有没有其他方法，有的话请分享一下呀~服务端const WebSocket = require('ws'); // 需要先安装ws npm i --save wsconst ws = new WebSocket.Server({port: 8080}, ()...
2020-03-25 15:31:44
348
原创 回车键绑定登录事件
回车键绑定登录事件<body onkeydown="keydown()"> <button class="login-btn" id="loginBtn" onclick="login()">登录</button></body><script>function login() { var requestUrl = i...
2019-12-27 14:40:58
175
转载 VScode格式化ESlint方法（最全最好用方法！）
在vscode中配置eslint在vscode下载好eslint后，vscode-file-preferences-settings-搜索eslint，选择eslint-show document的settings.json,以下按需自行复制，保存后退出，在此进入vscode就可以正常使用啦！{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "edit...
2019-12-18 11:17:18
656
1
转载 js 页面之间的跳转、传参以及返回上一页
js 页面之间的跳转、传参以及返回上一页https://www.cnblogs.com/jpfss/p/7199052.html
2019-12-11 12:06:28
641
转载 iview给组件事件添加参数
iview给组件事件添加参数<template> <Table border :columns="columns6" :data="data5" @on-row-click="(row, index) => { youFunc(row, index , 'params')}"></Table></template><scri...
2019-11-27 10:19:20
445
原创 微信H5页面长按识别二维码
一定要查看img的这些样式有没有被none!!!img { user-select: auto; pointer-events: auto; -webkit-touch-callout: auto; -moz-user-select: auto; -webkit-user-select: auto; ...
2019-11-18 16:11:46
5510
转载 自定义虚线间隔
开发产品功能的时候ui往往会给出虚线边框的效果图，于是乎，我们往往第一时间想到的是用css里的border，可是border里一般就提供两种效果，dashed或者dotted，ui这时就不满意了，说虚线太密了。废话不多说，下面直接给解决方案（参考css揭秘）：div { padding: 1em; border: 1px dashed transparent; bac...
2019-11-18 16:08:57
494
原创 echarts折线样式美化(曲线)——效果图+代码
复制代码到https://www.echartsjs.com/examples/zh/editor.html?c=line-smooth中效果如下option = { title: { text: '折线样式美化' }, tooltip : { trigger: 'axis', axisPointer: { ...
2019-11-04 15:19:23
5011
原创 echarts坐标轴的name属性更改位置
echarts坐标轴的name属性更改位置 name: 'name', nameTextStyle: { padding: [0, 0, 0, -10] // 四个数字分别为上右下左与原位置距离 }
2019-10-30 16:03:01
40990
3
转载 echarts dataZoom坐标轴滚动条注释
dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。 backgroundColor:"...
2019-10-12 11:06:34
880
原创 js页面实时显示当前时间
js页面刷新当前时间 2019-10-09 星期三 16:20 这种格式<body onload="showTime()"> <div class="time"> <span class="timer"><img src="./pics/time.png" /></span> <d...
2019-10-09 16:54:55
333
原创 增加、删除script文件节点
动态增加、删除script文件，判断某个script文件是否存在 // 增加文件 let new_element_one = document.createElement("script"); new_element.setAttribute("type", "text/javascript"); new_element.setAttribute("src", "./js/...
2019-10-09 14:05:42
852
转载 iview Upload组件如何实现跨域文件上传？
<Upload action="/task/uploadFile" :headers="headers" :with-credentials= true :before-upload="handleUpload" :show-upload-list="showUploadList" style="">&l...
2019-06-03 18:13:59
1406
转载 thead固定，tbody高度超出时滚动的实现方法
https://www.cnblogs.com/chaoyueqi/p/9174297.html
2019-05-19 14:46:44
997
转载 vscode保存自动格式化设置
保存eslint格式代码https://www.cnblogs.com/hss-blog/p/9094661.html
2019-04-22 09:54:45
2589
原创 去掉iview对话框modal中的确认和取消按钮
去掉iview对话框modal中的确认和取消按钮在 iview 中 Modal对话框组件总是带着“取消”和“确定”这两个按钮，有时候在做需求的时候，并不用这两个按钮，只是单独想要对话框而已，这怎么去除这个两个按钮？iview官网（http://v2.iviewui.com/components/modal）中说到，Modal对话框可通过solt 自定义页头 / 页脚 / 右上角关闭内容 （he...
2019-04-17 11:39:56
9482
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人