- 博客(23)
- 收藏
- 关注
RSS订阅原创 jenkins配置
1、新建item2、输入一个任务名称（和git项目名称一致） 3、这里可以选一个已有配置来复制 也可以直接选择Freestyle project4、进入页面进行配置：
2023-05-10 17:15:42
237
原创 解决 el-dialog 封装内嵌多次调用 遮罩层样式失效，直接全黑
把el-dialog封装成组件，多次调用，多点几次就会出现这种情况，弹窗还在，但是背景黑屏了，看了css，。v-model的样式没有问题，但是似乎opacity .5 没有起到效果，原因不明，有知道的大佬求告知。想了一个其他办法：使用 :modal="false" 不显示遮罩层在el-dialog 上绑定class 设置背景色（伪遮罩层）...
2022-06-10 12:01:56
3244
2
原创 element UI文件上传、下载，限制文件大小、格式
上传文件<el-upload class="upload-demo" action="上传地址" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :data="listData" :on-exceed="handleExceed" :file-list="fileList"> <el-
2022-04-24 14:58:14
6374
4
原创 vue 路由跳转、传参、新窗口打开页面
跳转方式1、this.$router.push 当前页面跳转，新增history记录，点击后退，返回上一级页面①参数直接拼接在后面：this.$router.push('/nextPage?name=name&id=111') // 当前页面跳转接收参数：this.$route.query // 全部参数②路径写在name里面，params传参，这种方式前面不需要加‘/’this.$router.push({ name: 'highcharts', params:
2022-04-22 15:44:57
2636
2
原创 报错 Failed to execute ‘appendChild‘ on ‘Node‘
一开始整个页面数据刷新后都无法渲染，尝试网上的方法，更改 nuxu.config.js 配置，把plugins路径后的ssr改成了true，可以渲染一部分了，但是子组件部分还是不能渲染出来。最后：用<client-only></client-only>标签将疑似出问题部分重新包裹（不渲染的子组件）终于解决了：...
2022-04-22 15:22:03
2471
原创 element UI 级联选择 el-cascader修改绑定数据名称
绑定到props上就可以：// 绑定到props 即可<el-cascader :options="options" :props="{ checkStrictly: true,value:'id',label:'name',children:'typeList'}" :popper-append-to-body="false" clearable popper-class="page-e
2022-04-12 11:49:10
2577
原创 echarts 图例翻页+图例自定义样式
设置对应的legend即可：想要更换的图例图片放在data里面： legend: { type: 'scroll', // 可滚动翻页的图例 orient: 'horizontal', //横向 pageIconColor: '#2C86FF', //翻页箭头颜色 pageIconInactiveColor: 'rgba(44,132,251,0.40)', //翻页（即翻页到头时箭头的颜色） pa
2022-03-29 11:53:56
3844
1
原创 echarts 地图增加背景图
新建一个img，背景图路径给src： let img = document.createElement('img') img.src = require('@/assets/img/chongqing.png')在geo的 itemStyle 里面的 areaColor 配置，以及emphasis里面写入： itemStyle: { borderColor: "rgba(63, 218, 255, 0)", // 边界颜色 are
2022-03-29 10:34:24
7551
6
原创 echarts地图自定义点样式，缩放计算 点聚合，自定义图例icon，label文字样式
效果：引入echarts后：阿里云下载json数据：DataV.GeoAtlas地理小工具系列引入数据：import chongqing from '@/assets/js/chongqing.json'同样需要一个放置容器：<template> <div> <div style="width:100%;height:100%" id="mapid"></div> </div></tem.
2022-03-28 15:40:47
5973
4
原创 vue 使用百度地图以及地图样式、绘制 点、点聚合和多边形区域、自定义点样式、聚合样式等
index.html 引入百度地图api：<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=你的的密钥">引入样式文件：我在官网上下载的样式文件，可以自定义这个样式文件放在public文件夹下面的json文件夹里 <script type="text/javascript" src="json/custom_map_con
2022-03-23 14:47:58
4884
原创 vue 使用element UI 表格、下拉翻页 滚动底部加载更多注册全局指令
新建文件：directives.js在main.js中引入：import directives from './directives'Vue.use(directives)编辑directives.js 内容import Vue from 'vue'// 注册下拉框滚动底部指令Vue.directive('loadmore', { bind(el, binding) { // 获取element-ui定义好的scroll盒子 下拉选框滚动底部事件 .
2022-03-21 17:14:35
1983
原创 echarts 仪表盘样式
整体效果如下：基础配置： let evaluation = this.$echarts.init(document.getElementById(id)) evaluation.setOption({ grid: { top: '6%', bottom: '18%', left: '3%', width: '96%', containLabel: true .
2022-03-18 15:04:31
2920
原创 vue-seamless-scroll无缝滚动实现分页展示数据
解决思路：vueSeamlessScroll 滚动是因为盒子translate在匀速改变，我需要的效果是往上滚动，所以translateY在递减，鼠标移入暂停滚动。那么首先需要动态拿到translateY的值。vueSeamlessScroll 复制了一份我的盒子，实现无缝滚动。那么当我的数据 translateY（每一条高度是45px）为 > 45 就可以请求下一条数据，但是不能直接替换（因为还没有展示完），就用js将插件复制的盒子的innerHTML改成我需要展示的下一条数据即可。当完..
2022-03-07 11:23:41
2486
2
原创 echarts柱状图、折线图 渐变色，填充渐变色，鼠标移入样式，双y轴
echarts 图表：柱状图渐变色。折线图填充色，折线图鼠标移入样式，双y轴
2022-02-21 13:59:21
4799
原创 highcharts3D饼图 -设置大小，提示样式
先使用npm安装：npm install highcharts --save引入方式：import HighCharts from 'highcharts'import Highcharts3D from 'highcharts/highcharts-3d';或者：const highcharts= require('highcharts')const Highcharts3D = require('highcharts/highcharts-3d')然后初始化：..
2022-02-18 10:18:00
4222
1
原创 元素（dom）获取/增/删/改
筛选出类名做判断条件// 文档中有类名 为 liactive 的，直接return 不必执行后续代码if (document.querySelector('.liactive')) return;
2022-02-14 14:30:44
655
原创 前端准备工作--git
1、安装git下载地址在安装的过程中，所有选项使用默认值即可。团队协作开发流程：①创建仓库填写仓库基本信息、将本地仓库推送到远程仓库 git push 远程仓库地址 分支名称 git push 远程仓库地址别名 分支名称 git push -u 远程仓库地址别名 分支名称 -u 记住推送地址及分支，下次推送只需要输入git push即可 git remote add 远程仓库地址别名 远程仓库地址 ②拉取操作克隆远端数据仓库到本地：git
2022-01-07 10:06:14
248
原创 element多选表格 在弹窗中选择 渲染到页面中：
多选表格去掉全选显示序号（样式）：.tableCss { .el-table-column--selection.is-leaf .el-checkbox { display: none; } .el-table-column--selection.is-leaf ::before { content: '选择'; }}需求:外层表格数据 可以改动，内层不变，但是做删除时需要联动:tableData1：弹窗中多选表格的数据tableData：页面中表格
2021-12-23 10:23:26
1098
原创 请求响应原理
首先理解一下网页的组成：网站应用程序主要分为两大部分：客户端和服务器端。客户端：就是在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。也就是我们平时使用网站，软件时看到的部分。服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。URL统一资源定位符，又叫URL（UniformResource Locator），是专为标识Internet网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是URL。URL的组成：传输
2021-12-13 15:31:27
127
原创 安装node.js
首先要知道什么是node.js简单来说，Node是一个基于Chrome V8引擎的 **JavaScript代码运行环境。**也就是说，安装了node之后，你的js代码就可以运行了。关于Node.js运行环境安装 :官网：https://nodejs.org/en/LTS = Long Term Support 长期支持版 稳定版 推荐使用Current 拥有最新特性 实验版根据你的电脑操作系统下载对应的版本即可。安装完成后，可以通过 在*Windows PowerShel..
2021-12-11 03:27:22
311
原创 安装node出错
在我们安装node运行环境时，可能会遇上失败的情况：错误代号2502、2503失败原因：系统帐户权限不足。解决办法：1.以管理员身份运行powershell命令行工具2.输入运行安装包命令 msiexec /package node安装包位置执行命令报错失败原因：Node安装目录写入环境变量失败解决办法：将Node安装目录添加到环境变量中这些问题安装在其他盘（除c盘）似乎也可以解决，因为其他盘仅需要用户权限，安装在c盘需要管理员权限。我没有具体验...
2021-12-11 02:46:09
1287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人