<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Jack_13201的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Jack_13201</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Jack_13201]]></copyright><item><title><![CDATA[项目记录点]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/142479152</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/142479152</guid><author>Jack_13201</author><pubDate>Tue, 24 Sep 2024 10:10:45 +0800</pubDate><description><![CDATA[1、默认值设置为undefined，placeholder才生效。2、重新绑定label和value。二、select下拉表单内容。一、项目局域网访问地址创建。]]></description><category></category></item><item><title><![CDATA[vue往window里存数据]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/131780837</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/131780837</guid><author>Jack_13201</author><pubDate>Tue, 18 Jul 2023 10:02:44 +0800</pubDate><description><![CDATA[【代码】vue往window里存数据。]]></description><category></category></item><item><title><![CDATA[爷孙或者更深组件间传值]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/131685004</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/131685004</guid><author>Jack_13201</author><pubDate>Wed, 12 Jul 2023 16:37:14 +0800</pubDate><description><![CDATA[爷孙或者更深组件间传值]]></description><category></category></item><item><title><![CDATA[在vue中使用Ant Design日期、时间控件禁用之前日期时间]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/121978878</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/121978878</guid><author>Jack_13201</author><pubDate>Thu, 16 Dec 2021 17:19:53 +0800</pubDate><description><![CDATA[一、想要的效果


二、实现步骤
1、引入日期、时间组件代码
&lt;a-date-picker @change="getSwitchData" :disabled-date="disabledDate" format="YYYY-MM-DD" :showToday="false" v-model="schedulerForm.schedule_createDate" /&gt;
&lt;a-time-picker :disabledHours="getDisabledHours" :disabledMin]]></description><category></category></item><item><title><![CDATA[js时间格式]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/121978773</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/121978773</guid><author>Jack_13201</author><pubDate>Thu, 16 Dec 2021 16:55:04 +0800</pubDate><description><![CDATA[一、js 获取当前时间

&lt;script&gt;
        var nowTime = new Date()
        var materialid = Date.parse(new Date())
        const month = nowTime.getMonth() + 1 &lt; 10 ? '0' + (nowTime.getMonth() + 1) : nowTime.getMonth() + 1
        const day = nowTime.getDate(]]></description><category></category></item><item><title><![CDATA[js 数字格式化函数（千分位，保留几位小数，四舍五入）]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/121166632</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/121166632</guid><author>Jack_13201</author><pubDate>Fri, 05 Nov 2021 16:58:47 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Do]]></description><category></category></item><item><title><![CDATA[css视频作为背景]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/120492446</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/120492446</guid><author>Jack_13201</author><pubDate>Sun, 26 Sep 2021 17:01:30 +0800</pubDate><description><![CDATA[一、效果

二、直接上代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &]]></description><category></category></item><item><title><![CDATA[vue实现数字翻页动画]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/120489973</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/120489973</guid><author>Jack_13201</author><pubDate>Sun, 26 Sep 2021 15:38:21 +0800</pubDate><description><![CDATA[一，看效果

二、实现步骤
1、新建翻页组件scrollNumber.vue
&lt;template&gt;
    &lt;div class="count-flop" :key="compKey"&gt;
        &lt;div :class="item != '.' &amp;&amp; item != ',' ?'count-flop-box':'count-flop-point'" v-for="(item, index) in value" :key="index"&gt;
     ]]></description><category></category></item><item><title><![CDATA[vue中使用transition动画]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/120185325</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/120185325</guid><author>Jack_13201</author><pubDate>Wed, 08 Sep 2021 17:50:32 +0800</pubDate><description><![CDATA[一、淡入淡出动画效果

二、代码实现
注意事项：要保证key的唯一性
&lt;template&gt;
  &lt;div class="beenDone"&gt;
    &lt;transition name="slide-fade"&gt;
      &lt;div
        :class="sumShow === true ? `box_echart` : `box_tree`"
        :key="keyNum"
      &gt;&lt;/div&gt;
    &lt;/tr]]></description><category></category></item><item><title><![CDATA[用echarts实现柱形图、折线图、堆积图的闪烁效果]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119873034</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119873034</guid><author>Jack_13201</author><pubDate>Mon, 23 Aug 2021 16:57:57 +0800</pubDate><description><![CDATA[一：看效果

二：代码
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;ECharts&lt;/title&gt;
    &lt;!-- 引入 echarts.js --&gt;
    &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4.5.0/dist/]]></description><category></category></item><item><title><![CDATA[在vue中，echarts多个图表不能自适应缩放问题]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119678737</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119678737</guid><author>Jack_13201</author><pubDate>Fri, 13 Aug 2021 16:34:28 +0800</pubDate><description><![CDATA[一、问题现象

二、解决后的现象

三、代码
注：关键代码点
window.addEventListener("resize", function () {
        myChart.resize();
      });

&lt;template&gt;
  &lt;div class="box"&gt;
    &lt;div
      class="recentDocument"
      id="recentDocument"
      style="width: 100%; heig]]></description><category></category></item><item><title><![CDATA[在vue中写进度条]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119613246</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119613246</guid><author>Jack_13201</author><pubDate>Wed, 11 Aug 2021 17:58:05 +0800</pubDate><description><![CDATA[一、效果图

二、实现代码
progress值，代表百分百的进度
&lt;template&gt;
  &lt;section&gt;
    &lt;div class="box"&gt;
    &lt;div class="mo" :style="{'--progress':-progress+100+'%'}"&gt;&lt;/div&gt;
    &lt;div class="line-box"&gt;
      &lt;i&gt;&lt;/i&gt;
      &lt;i class="l]]></description><category></category></item><item><title><![CDATA[echarts中插入本地图片]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119613021</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119613021</guid><author>Jack_13201</author><pubDate>Wed, 11 Aug 2021 17:49:22 +0800</pubDate><description><![CDATA[一、看效果

二、实现步骤
使用graphic属性
graphic: {
          elements: [
            {
              type: "image",
              style: {
                image: "/static/img/monitor-screenView/PUE.svg",
                width: 40,
                height: 40,
           ]]></description><category></category></item><item><title><![CDATA[向对象中添加属性]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119598105</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119598105</guid><author>Jack_13201</author><pubDate>Wed, 11 Aug 2021 10:53:21 +0800</pubDate><description><![CDATA[1、方法一在普通js中
&lt;script&gt;
        var obj = {}
        this.obj.name = '123'
        this.obj.age = 12
        console.log(obj, '输出对象obj')
    &lt;/script&gt;

效果如图：

2、方法二在vue中
this.$set(对象,‘字段名’,值)
注：字段名用引号
		this.$set(this.obj, 'name', '张三')
        th]]></description><category></category></item><item><title><![CDATA[element封装多级表格]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119321315</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119321315</guid><author>Jack_13201</author><pubDate>Mon, 02 Aug 2021 11:21:40 +0800</pubDate><description><![CDATA[一、看效果

二、实现步骤
1、创建文件夹

2、MyColumn.vue文件
&lt;template&gt;

  &lt;el-table-column :prop="col.prop"
    :label="col.label"
    align="center"&gt;

    &lt;template v-if="col.children"&gt;
      &lt;my-column v-for="(item, index) in col.children"
        :key=]]></description><category></category></item><item><title><![CDATA[js设置、获取localStorage]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119320968</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119320968</guid><author>Jack_13201</author><pubDate>Mon, 02 Aug 2021 11:04:12 +0800</pubDate><description><![CDATA[一、设置
// 设置localStorage
      setLocalStorage() {
        var userName = '123123'
        localStorage.setItem('userName', userName)
      }


二、获取
// 获取localStorage
      getLocalStorage() {
        var getUserName = localStorage.getItem('userName')
      ]]></description><category></category></item><item><title><![CDATA[获取js函数执行时间]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119320520</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119320520</guid><author>Jack_13201</author><pubDate>Mon, 02 Aug 2021 10:49:04 +0800</pubDate><description><![CDATA[一、输出当前函数的执行时间
二、代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
 ]]></description><category></category></item><item><title><![CDATA[el-autocomplete实现全模糊搜索]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119182148</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119182148</guid><author>Jack_13201</author><pubDate>Wed, 28 Jul 2021 15:52:12 +0800</pubDate><description><![CDATA[一、element文档里的效果

二、想要的效果

三、实现步骤
1、原文档里的代码
createFilter(queryString) {
        return (restaurant) =&gt; {
          return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
        };
      },


2、修改后的代码
createFilter(queryString) ]]></description><category></category></item><item><title><![CDATA[以post的方式发请求，传参在url中]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119181860</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119181860</guid><author>Jack_13201</author><pubDate>Wed, 28 Jul 2021 15:41:37 +0800</pubDate><description><![CDATA[一、想要的效果
http://2o66y73190.wicp.vip/sbase/list?id=111

二、实现步骤
1、在封装接口中
export function sbaseViewData (data, id) {
  return request({
    url: '/sbase/list?id=' + id,
    method: 'post',
    data
  })
}


2、请求接口时
const value = {
          id: id
        }
  ]]></description><category></category></item><item><title><![CDATA[echarts图表自适应浏览器、盒子宽高]]></title><link>https://blog.youkuaiyun.com/Jack_13201/article/details/119175322</link><guid>https://blog.youkuaiyun.com/Jack_13201/article/details/119175322</guid><author>Jack_13201</author><pubDate>Wed, 28 Jul 2021 11:23:21 +0800</pubDate><description><![CDATA[一、出现的问题

二、想要的效果

三、实现步骤
1、在html中，一定要写宽高100%
&lt;div id="main" style="width: 100%; height:100%;"&gt;&lt;/div&gt;


2、在methods中写图表函数

3、关键的一步
调用echartsresize方法
window.onresize = function () {
          myChart.resize()
        }


4、在mounted里调用methods里图表方法
]]></description><category></category></item></channel></rss>