- 博客(48)
- 收藏
- 关注
RSS订阅原创 element中table的数据分页
<el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" height="62vh" border style="width: 100%"> <el-table-column prop="l1" label="时间(s)" width="120px" align="center"></el-table-column> <
2021-07-20 09:45:18
1646
原创 ERROR：connect ETIMEDOUT
解决npm config set registry https://registry.npm.taobao.org
2021-06-02 13:34:33
1152
原创 element中table表格表头添加按钮，并添加点击事件
添加:render-header=“renderHeader”<el-table-column prop="oper" align="center" :render-header="renderHeader" width="82px" > <template slot-scope="scope">
2021-04-22 17:31:00
4288
原创 element中from表单v-for循环出来的数据，怎样进行校验
<el-form :label-position="labelPosition" inline label-width="100px" :model="itemData" :rules="rules" ref="fromEdit" > <div class="zcsx" v-for="(item,index) in itemData.attributes"
2021-04-22 17:25:08
855
原创 eacharts将图中分割线变为虚线
yAxis: { splitLine: { show: true, lineStyle:{ type:'dashed' } }},
2021-04-22 17:19:49
516
原创 ecarts柱状图和折线图组合，双y轴数据等分的效果
<ve-histogram :data="chartData1" :settings="chartSettings1" :extend="chartExtend1"></ve-histogram>配置：this.chartExtend1 = { color: ["rgb(100,148,249)","rgb(88,211,162)"], legend: { // icon: "rect", .
2021-04-22 17:17:55
501
原创 element中table插槽使用，根据后台数据动态显示内容
处理table中的数据，并添加对应的数据,利用插槽(后台数据返回的是0和1，根据0和1，来决定显示对应的图片)<el-table-column prop="jsState" label="泵状态" align="center" width="240" show-overflow-tooltip> <template slot-scope="scope">
2021-04-22 17:07:32
1188
原创 利用echarts的graph做流程图
效果图<template> <div class="steps"> <dse-detail-box :oper-type="operType" name="工单配置流程"> <div class="box"> <div id="main" style="width:1000px;height:400px"></div> </
2021-04-21 15:41:10
2729
原创 echarts中tooltip的显示格式控制
<ve-line :data="chartData2" height="265px" :settings="chartSettings1" :extend="chartExtend2"></ve-line>this.chartExtend2 = {tooltip: { trigger: 'axis', // 触发类型 axis坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用 formatter: function (params,ticket,
2021-02-27 13:26:03
551
原创 CSS3 appearance 属性
1.appearance属性 为none去除该标签的默认样式，保留其原有功能例如： div{ appearance:none; -moz-appearance:none; -webkit-appearance:none; }让div看上去像一个buttondiv{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari and
2021-02-01 08:56:53
509
原创 echarts中水球图插件的使用
echarts中水球图插件的使用过程中的注意点：1.报错："export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决：echarts版本不行，下载 npm i echarts@4.9.0 -S2.没有水球效果解决： 下载这个版本 npm i echarts-liquidfill@2.0.6<template> <div class="waveChart"> <
2021-01-30 17:54:09
1154
原创 echarts的使用--按需引入
echarts的使用–按需引入1.给一个有宽高的DOM容器。2.要在mounted中加载，确保DOM生成。<template> <div id="main" style="width:500px;height:400px"></div></template><script>import * as echarts from 'echarts/core';import { TitleComponent, Toolti
2021-01-28 14:08:40
3856
1
原创 v-charts的使用--按需引入
v-charts的使用–按需引入1.要给一个DOM容器。<template> <ve-pie :data="chartData" class="pie"></ve-pie></template><script> import VePie from 'v-charts/lib/pie.common' export default { data () { return { c
2021-01-28 14:04:01
714
原创 在Chrome中怎样查看网站使用的protocol
正常情况下打开看到的样子，并没有protocol右键点击Name这一行，会出现下面的选项，点击选择protocol即可
2021-01-10 13:48:13
979
原创 Koa服务器搭建及Koa跨域解决
搭建const Koa = require("koa");const KoaRouter = require("koa-router");// 1.创建koa实例const app = new Koa();// 3.创建koa-router实例const router = new KoaRouter();// 3.1 使用koa-router提供的中间键// 使用koa-router提供的中间键,使用routes以及allowedMethods函数的返回值作为中间键app.use(ro
2021-01-06 23:24:59
856
原创 CSS3之transform
CSS变形功能包括：移动（translate）、缩放（scale）、旋转（rotate）、倾斜（skew）变形坐标轴x轴的正值在右侧，负值在左侧。y轴的正值沿纵轴向下，负值沿纵轴向上z轴从显示器上跃出，指向你的眼前。z轴上的正值离你较近，负值离你较远每个元素都有自己的参照物，各轴都相对自身而动。如果旋转了元素，轴也随之旋转。旋转之后再变形，是相对旋转后的轴计算的。translate平移函数沿一个轴或多个轴移动。如果值是百分数，移动距离相对元素自身的尺寸计算translateX()沿元素
2020-12-30 19:03:33
141
原创 npm和yarn和cnpm
NPM全称：Node Package Manager , Node的包管理器NPM能干什么通过NPM可以对Node的包进行搜索、下载、安装、删除、上传NPM的常用指令：npm -v ：查看npm的版本npm init：初始化项目的package.json文件npm init -y 初始化一个默认配置package.json，npm install/i 包名安装指定的包（下载之前先要初始化一个package.json）包会下载到node_modules文件夹中p
2020-12-24 22:14:36
223
原创 字符串方法
字符串方法字符串查找charAt(n) 返回字符串中的第n个字符，参数如果不是0 — length-1 之间，则返回空字符串indexOf和lastIndexOf：可以根据参数字符串，返回指定子字符串的下标位置。 两个方法都有两个参数，第一个参数查找的目标，第二个参数是起始位置search 方法于indexOf的功能是相同的，查找指定字符串第一次出现的位置，但是只有一个参数，定义匹配模式，没有反向检索和全局模式。macth方法能够找出所有匹配的子字符串，并以数组的形式返回，如果匹配模式没有指定全
2020-12-17 21:05:51
139
原创 Math和Date和包装对象
MathECMAScript还为数学计算提供了全局的内置对象，即Math对象。将小数转换为整数，如果是整数则不改变。Math.ceil()，向上取整。Math.floor()，向下取整。Math.round()，执行标准的四舍五入。进行数学计算Math.min()，获得最小值。Math.max() ，获得最大值。Math.abs()，求绝对值。Math.pow(num,次方)，进行幂运算。Math.PI，圆周率，这是一个属性。Math.random()，返回大于等于0小于1
2020-12-17 19:44:40
104
原创 git在push时non-fast-forward 或 fetch first报错解决
git在push时的错误：non-fast-forward 或 fetch first 原因是当前的分支过期了，所以需要将本地的与远程的整合，之后再推。 ! [rejected] liguangda -> liguangda (fetch first) 或 ! [rejected] liguangda -> liguangda (non-fast-forward)1.拉取远程分支 liguangdagit fetch origin liguangda2.
2020-12-17 19:33:57
406
原创 package.json文件配置说明
{ "name": "pc", // 项目名称 "version": "0.1.0", // 版本号 "private": true, // npm将拒绝发布它。 这是防止私人存储库意外发布的一种方法。 "scripts": { // 指定了运行脚本命令的npm命令行缩写 "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint
2020-12-10 14:35:37
968
1
原创 路由守卫和路由懒加载和两种模式
路由守卫路由守卫：是什么 在路由跳转之前、之中、之后触发的钩子函数（类似于生命周期）分类 全局守卫 -- beforeEach：全局前置守卫：在切换路由之前触发 – beforeResolve：全局解析守卫：之中 – afterEach：全局后置守卫：之后 路由守卫 beforeEnterconst router = new VueRouter({ routes: [ { pa
2020-12-09 18:47:23
456
原创 css的scoped作用域和深度选择器
CSS 的 scoped 作用域和深度选择器scoped:当添加 scoped 属性给当前组件所有结构添加一个唯一的属性 data-v-xxx所有元素选择器都会加上选择这个属性编译之前:#shortcut { width: 100%; height: 30px; line-height: 30px; background-color: #e3e4e5;}编译之后：#shortcut[data-v-2f029f00] { width: 100%; heigh
2020-12-07 21:10:55
366
原创 CSS3总结
CSS3CSS3高级选择器动态伪类选择器锚点伪类：link、visited用户行为伪类：hover、active、focus目标伪类target（IE9及以上）属性选择器选择器描述E[attr]有属性att的所有E元素E[attr=‘val’]属性att的值是val的元素E[attr^=‘val’]属性att的值以val开头的元素E[attr$=‘val’]属性att的值以val结尾的元素E[attr*=‘val’]属性att的值包含v
2020-12-03 16:35:07
103
原创 浮动和定位
浮动float属性：左浮动（left）：让元素沿着容器左侧放置，允许文本和内联元素环绕它，它从正常的页面中移除，虽然还保持一点流动性右浮动（right）：让元素沿着容器右侧放置，允许文本和内联元素环绕它，它从正常的页面中移除，虽然还保持一点流动性none：不浮动浮动对元素的影响浮动对元素的影响:块标签：不再独占一行仍然可以设置宽和高构成了BFC，不再进行父级塌陷完美支持margin和padding行标签：可以设置宽高完美支持padding和margin脱
2020-12-03 16:34:30
122
原创 css的盒子模型及其它
盒子模型盒子模型的概念在html中，把每一个元素都当做成一个盒子，拥有盒子的平面外形和空间盒模型由内容（content）+内边距（padding）+边框（border）+外边距（margin）4部分构成内容区域：你书写的内容或者子元素能够显示的区域内边距：撑开内容与边框的距离边框：元素的边框外边距：撑开元素和其他元素之间的距离margin 0 auto居中在正常的布局中，块级元素具有满屏的属性，也就是在水平方向上占满父级的宽度满屏以后，内部元素的内容+内边距+边框+外边距 刚
2020-12-03 14:47:01
368
3
原创 css基础样式总结
CSS基础样式颜色(可以继承)1.color2.rgb() / rgba()3.十六进制 #1234564.HSL5.透明颜色：transparent字体font-famliy：设置字体(可以继承)目前常用的字体可以分为5大类serif：衬线字体族 衬线指的是字母结构笔画之外的装饰性笔画 （serif 典型的字体有：Times New Roman、MS Georgia、宋体……）sans-serif：无衬线字体族 （sans-serif 典型的字体有：MS Trebuchet、MS
2020-12-03 10:25:25
220
原创 CSS基础和选择器
CSS基础浏览器渲染流程浏览器开始解析目标HTML文件，执行流的顺序为自上而下。HTML解析器将HTML结构转换为基础的DOM(文档对象模型)，构建DOM树完成后，触发DomContendLoaded事件。CSS解析器将CSS解析为CSSOM(层叠样式表对象模型)，一棵仅含有样式信息的树。CSSOM和DOM开始合并构成渲染树（render Tree），每个节点开始包含具体的样式信息。浏览器就是根据render tree来绘制页面的计算渲染树中个各个节点的位置信息，即布局阶段。将布局后的渲染
2020-12-02 23:35:19
100
原创 html5的新标签
HTML5新标签html标签的语义化语义化标签更具有可读性，便于团队的开发和维护没有css的情况下，网页也能很好的呈现出内容结构和代码结构关于SEO，搜索引擎更能理解到网页中各部分之间的关系，更准确更快速搜索信息header标签用来定义文档（网页或者是某一个段落）的页眉（头部）可能包含一些标题元素，也可能包含其他元素，比如logo、搜索框、作者信息等等footer标签footer标签代表一个网页或者章节内容的底部区域（页脚）footer通常包含章节的作者，版权数据和文章的其他链
2020-12-01 20:42:48
361
原创 SEO简介
SEO基础基本概念搜索引擎优化（SearchEngine Optimization，简称SEO），指在了解搜索引擎自然搜索机制的基础之上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中关键字的自然排名，获得更多的展现量，吸引更多目标客户点击访问网站，从而达到互联网营销及品牌建设的目标SEO可以帮助将网站中的高质量内容更好的呈现给搜索引擎，SEO和搜索引擎，是良性的共生关系喂养爬虫让爬虫抓取自己网站更多的网页，往往能够提高网站整体的质量和排名。让爬虫抓的更多，有两个方法：爬虫通常通过链
2020-12-01 20:41:24
212
原创 html总结
HTML块元素1.需要避免在同一个网页中多次使用h1元素，h1经常用在网页的标题或者是logo上有序列表和无序列表无序列表ul 表示无序列表，表示出是带有项目符号列表ul元素前边的符号可以是任何的形式 ,我们可以通过css的list-style-type属性控制没有规定ul和li嵌套的深度有序列表ol 表示有序列表，显示出是带有编号的列表ol元素前边的编号可以是任何的形式 我们可以通过css的list-style-type属性控制没有规定ul和li嵌套的深度无论是 ul
2020-12-01 20:39:46
241
原创 Vuex的模块化
Vux的基本模块化目录：1.在store文件夹下创建modules文件夹，modules文件夹下的index.js用来汇总Vuex的模块，并统一暴露。这样只需在store的配置中引入modules即可。// 汇总所有vuex的模块import home from "./home";import login from "./login";// 统一暴露出去export default { home, login,};2.modules文件夹下，用来设置每个模块的状态管理配置。例
2020-11-30 13:06:39
415
原创 git基本操作和指令
基本操作一、基本操作命令创建进入空文件夹右键 -> 点击 Git Bash Here 启动命令行（MAC 在当前文件夹打开终端）git init 仓库初始化创建一个初始化文件 index.htmlgit add index.html 将文件加入到暂存区git commit -m '注释' 提交到仓库 m 是 message 单词的缩写二、.git 目录hooks 目录包含客户端或服务端的钩子脚本，在特定操作下自动执行。info 包含一个全局性排除文件，可以配置文件忽略l
2020-11-27 22:57:36
141
原创 git的准备和初始配置
git准备Git是一款开源免费的分布式的版本控制系统。是Linux之父为了方便管理Linux内核代码而开发的。一、作用版本控制系统在项目开发中作用重大，能记录文件的历史状态，主要功能有以下几点：代码备份版本回退协作开发权限控制二、下载安装下载地址 https://git-scm.com/安装方式和QQ安装相同，一路下一步，中间可以设置软件的安装路径。因权限问题，安装目录尽量保持默认设置在C盘。CMD：cmd是command的缩写.即命令提示符（CMD），Win为基础的操作系统下
2020-11-27 21:24:13
117
原创 Vuex(Vue的状态管理模式)总结
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单地说：对vue应用中多个组件的共享状态进行集中式的管理(读/写)安装npm install vuexyarn add vuex在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)
2020-11-26 23:34:20
343
原创 Vue-router（Vue路由总结）
Vue RouterVue Router 是 Vue.js 官方的路由管理器。用 Vue.js + Vue Router 创建单页应用。SPA的理解单页Web应用（single page web application，SPA）整个应用只有一个完整的页面，页面变化都是在这一个页面更新的点击链接时, 不会刷新整个页面，只会做页面的局部更新，也会更新浏览历史（地址）点击链接也不会向服务器发请求，数据都需要通过ajax发送请求, 并在前端异步展现简述前端路由的原理点击链接不会
2020-11-23 23:21:04
502
原创 Vue-cli(Vue脚手架总结)
Vue-clivue-cli是vue官方提供的脚手架工具 command line interface通过 @vue/cli 实现的交互式的项目脚手架。安装npm install -g @vue/cli# ORyarn global add @vue/cli查看版本vue --version升级npm update -g @vue/cli# 或者yarn global upgrade --latest @vue/cli创建一个项目vue create my-proj
2020-11-23 22:37:52
384
原创 手写new详细版
手写newnew操作符做了什么事情：1.创建一个空对象 将来会返回这个对象2.调用构造函数，并将构造函数的this指向新创建的对象obj3.把原型对象的方法给新创建的obj，把obj的__proto__指向构造函数的显式原型4.判断构造函数的返回值，来决定new的返回值（是构造函数的返回值还是实例化对象）第一种function myNew(Func, ...args) { // 创建一个空的对象 const instance = {};
2020-11-19 16:32:51
2353
原创 Avoid using non-primitive value as key, use string/number value instead.报错
Avoid using non-primitive value as key, use string/number value instead.翻译：避免使用非基元值作为键，而是使用字符串/数字值。错误原因：Vue 中渲染列表是key 产生了重复， 此时应该去检查与key 有关的代码<ul class="list-group"> <CommentDel v-for="content in comments" :key="content.id" :content="cont
2020-11-19 16:03:05
394
原创 Unknown custom element: ＜CommentDel＞ - did you register the component correctly? For recursive comp
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.报错解决翻译：未知的自定义元素：-是否正确注册了组件？对于递归组件，请确保提供“name”选项。也就是组件没有注册成功，要检查配置对象中的components是否书写错误export default { name: "CommentLi
2020-11-19 10:22:07
701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人