<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[liguangda的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_44944943</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_44944943]]></copyright><item><title><![CDATA[element中table的数据分页]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/118927367</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/118927367</guid><author>weixin_44944943</author><pubDate>Tue, 20 Jul 2021 09:45:18 +0800</pubDate><description><![CDATA[&lt;el-table
   :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
    height="62vh"
    border
    style="width: 100%"
&gt;
	 &lt;el-table-column prop="l1" label="时间(s)" width="120px" align="center"&gt;&lt;/el-table-column&gt;
     &lt]]></description><category></category></item><item><title><![CDATA[ERROR：connect ETIMEDOUT]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/117465375</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/117465375</guid><author>weixin_44944943</author><pubDate>Wed, 02 Jun 2021 13:34:33 +0800</pubDate><description><![CDATA[解决
npm config set registry https://registry.npm.taobao.org


]]></description><category></category></item><item><title><![CDATA[element中table表格表头添加按钮，并添加点击事件]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022782</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022782</guid><author>weixin_44944943</author><pubDate>Thu, 22 Apr 2021 17:31:00 +0800</pubDate><description><![CDATA[添加:render-header=“renderHeader”
&lt;el-table-column
                 prop="oper"
                 align="center"
                 :render-header="renderHeader"
                 width="82px"
                 &gt;
    &lt;template slot-scope="scope"&gt;
    ]]></description><category></category></item><item><title><![CDATA[element中from表单v-for循环出来的数据，怎样进行校验]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022574</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022574</guid><author>weixin_44944943</author><pubDate>Thu, 22 Apr 2021 17:25:08 +0800</pubDate><description><![CDATA[&lt;el-form
         :label-position="labelPosition"
         inline
         label-width="100px"
         :model="itemData"
         :rules="rules"
         ref="fromEdit"
         &gt;
    &lt;div class="zcsx" v-for="(item,index) in itemData.attributes" ]]></description><category></category></item><item><title><![CDATA[eacharts将图中分割线变为虚线]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022316</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/116022316</guid><author>weixin_44944943</author><pubDate>Thu, 22 Apr 2021 17:19:49 +0800</pubDate><description><![CDATA[yAxis: {
    splitLine: {
        show: true,
        lineStyle:{
            type:'dashed'
        }
    }
},


]]></description><category></category></item><item><title><![CDATA[ecarts柱状图和折线图组合，双y轴数据等分的效果]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/116021973</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/116021973</guid><author>weixin_44944943</author><pubDate>Thu, 22 Apr 2021 17:17:55 +0800</pubDate><description><![CDATA[&lt;ve-histogram :data="chartData1" :settings="chartSettings1" :extend="chartExtend1"&gt;&lt;/ve-histogram&gt;

配置：
this.chartExtend1 = {
            color: ["rgb(100,148,249)","rgb(88,211,162)"],
            legend: {
                // icon: "rect",
   .]]></description><category></category></item><item><title><![CDATA[element中table插槽使用，根据后台数据动态显示内容]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/116021509</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/116021509</guid><author>weixin_44944943</author><pubDate>Thu, 22 Apr 2021 17:07:32 +0800</pubDate><description><![CDATA[处理table中的数据，并添加对应的数据,利用插槽(后台数据返回的是0和1，根据0和1，来决定显示对应的图片)

&lt;el-table-column
          prop="jsState"
          label="泵状态"
          align="center"
          width="240"
          show-overflow-tooltip&gt;
          &lt;template slot-scope="scope"&gt;
   ]]></description><category></category></item><item><title><![CDATA[利用echarts的graph做流程图]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/115957760</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/115957760</guid><author>weixin_44944943</author><pubDate>Wed, 21 Apr 2021 15:41:10 +0800</pubDate><description><![CDATA[效果图
&lt;template&gt;
    &lt;div class="steps"&gt;
        &lt;dse-detail-box :oper-type="operType" name="工单配置流程"&gt; 
            &lt;div class="box"&gt;
                &lt;div id="main" style="width:1000px;height:400px"&gt;&lt;/div&gt;
            &lt;/]]></description><category></category></item><item><title><![CDATA[echarts中tooltip的显示格式控制]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/114171018</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/114171018</guid><author>weixin_44944943</author><pubDate>Sat, 27 Feb 2021 13:26:03 +0800</pubDate><description><![CDATA[&lt;ve-line :data="chartData2" height="265px" :settings="chartSettings1" :extend="chartExtend2"&gt;&lt;/ve-line&gt;

this.chartExtend2 = {
tooltip: {
      trigger: 'axis', // 触发类型 axis坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用
      formatter: function (params,ticket,]]></description><category></category></item><item><title><![CDATA[CSS3 appearance 属性]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/113493290</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/113493290</guid><author>weixin_44944943</author><pubDate>Mon, 01 Feb 2021 08:56:53 +0800</pubDate><description><![CDATA[1.appearance属性 为none去除该标签的默认样式，保留其原有功能
例如：
 	div{
 	appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    }

让div看上去像一个button
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and ]]></description><category></category></item><item><title><![CDATA[echarts中水球图插件的使用]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/113444012</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/113444012</guid><author>weixin_44944943</author><pubDate>Sat, 30 Jan 2021 17:54:09 +0800</pubDate><description><![CDATA[echarts中水球图插件的使用
过程中的注意点：
1.报错："export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’
解决：echarts版本不行，下载 npm i echarts@4.9.0 -S
2.没有水球效果
解决： 下载这个版本  npm i echarts-liquidfill@2.0.6
&lt;template&gt;
    &lt;div class="waveChart"&gt;
        &lt;]]></description><category></category></item><item><title><![CDATA[echarts的使用--按需引入]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/113336025</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/113336025</guid><author>weixin_44944943</author><pubDate>Thu, 28 Jan 2021 14:08:40 +0800</pubDate><description><![CDATA[echarts的使用–按需引入
1.给一个有宽高的DOM容器。
2.要在mounted中加载，确保DOM生成。
&lt;template&gt;
  &lt;div id="main" style="width:500px;height:400px"&gt;&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import * as echarts from 'echarts/core';
import {
    TitleComponent,
    Toolti]]></description><category></category></item><item><title><![CDATA[v-charts的使用--按需引入]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/113335548</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/113335548</guid><author>weixin_44944943</author><pubDate>Thu, 28 Jan 2021 14:04:01 +0800</pubDate><description><![CDATA[v-charts的使用–按需引入
1.要给一个DOM容器。
&lt;template&gt;
  &lt;ve-pie :data="chartData" class="pie"&gt;&lt;/ve-pie&gt;
&lt;/template&gt;

&lt;script&gt;
    import VePie from 'v-charts/lib/pie.common'
    export default {
      data () {
        return {
          c]]></description><category></category></item><item><title><![CDATA[在Chrome中怎样查看网站使用的protocol]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/112427152</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/112427152</guid><author>weixin_44944943</author><pubDate>Sun, 10 Jan 2021 13:48:13 +0800</pubDate><description><![CDATA[正常情况下打开看到的样子，并没有protocol

右键点击Name这一行，会出现下面的选项，点击选择protocol即可


]]></description><category></category></item><item><title><![CDATA[Koa服务器搭建及Koa跨域解决]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/112299931</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/112299931</guid><author>weixin_44944943</author><pubDate>Wed, 06 Jan 2021 23:24:59 +0800</pubDate><description><![CDATA[搭建
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]]></description><category></category></item><item><title><![CDATA[CSS3之transform]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/111996216</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/111996216</guid><author>weixin_44944943</author><pubDate>Wed, 30 Dec 2020 19:03:33 +0800</pubDate><description><![CDATA[CSS变形功能包括：移动（translate）、缩放（scale）、旋转（rotate）、倾斜（skew）
变形坐标轴

x轴的正值在右侧，负值在左侧。
y轴的正值沿纵轴向下，负值沿纵轴向上
z轴从显示器上跃出，指向你的眼前。z轴上的正值离你较近，负值离你较远
每个元素都有自己的参照物，各轴都相对自身而动。如果旋转了元素，轴也随之旋转。旋转之后再变形，是相对旋转后的轴计算的。

translate
平移函数沿一个轴或多个轴移动。如果值是百分数，移动距离相对元素自身的尺寸计算

translateX()沿元素]]></description><category></category></item><item><title><![CDATA[npm和yarn和cnpm]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/111657359</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/111657359</guid><author>weixin_44944943</author><pubDate>Thu, 24 Dec 2020 22:14:36 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[字符串方法]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/111324282</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/111324282</guid><author>weixin_44944943</author><pubDate>Thu, 17 Dec 2020 21:05:51 +0800</pubDate><description><![CDATA[字符串方法
字符串查找

charAt(n) 返回字符串中的第n个字符，参数如果不是0 — length-1 之间，则返回空字符串
indexOf和lastIndexOf：可以根据参数字符串，返回指定子字符串的下标位置。 两个方法都有两个参数，第一个参数查找的目标，第二个参数是起始位置
search 方法于indexOf的功能是相同的，查找指定字符串第一次出现的位置，但是只有一个参数，定义匹配模式，没有反向检索和全局模式。
macth方法能够找出所有匹配的子字符串，并以数组的形式返回，如果匹配模式没有指定全]]></description><category></category></item><item><title><![CDATA[Math和Date和包装对象]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/111322725</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/111322725</guid><author>weixin_44944943</author><pubDate>Thu, 17 Dec 2020 19:44:40 +0800</pubDate><description><![CDATA[Math
ECMAScript还为数学计算提供了全局的内置对象，即Math对象。

将小数转换为整数，如果是整数则不改变。

Math.ceil()，向上取整。
Math.floor()，向下取整。
Math.round()，执行标准的四舍五入。


进行数学计算

Math.min()，获得最小值。
Math.max() ，获得最大值。
Math.abs()，求绝对值。
Math.pow(num,次方)，进行幂运算。
Math.PI，圆周率，这是一个属性。
Math.random()，返回大于等于0小于1]]></description><category></category></item><item><title><![CDATA[git在push时non-fast-forward 或 fetch first报错解决]]></title><link>https://blog.youkuaiyun.com/weixin_44944943/article/details/111322657</link><guid>https://blog.youkuaiyun.com/weixin_44944943/article/details/111322657</guid><author>weixin_44944943</author><pubDate>Thu, 17 Dec 2020 19:33:57 +0800</pubDate><description><![CDATA[git在push时的错误：non-fast-forward 或 fetch first  原因是当前的分支过期了，所以需要将本地的与远程的整合，之后再推。
 ! [rejected]        liguangda -&gt; liguangda (fetch first)
 或 ! [rejected]        liguangda -&gt; liguangda (non-fast-forward)

1.拉取远程分支 liguangda
git fetch origin liguangda
2.]]></description><category></category></item></channel></rss>