<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_58437310的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_58437310</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_58437310]]></copyright><item><title><![CDATA[原生 js （前后端不分离）复选框动态控制表格列的显示隐藏 存储状态]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/131509148</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/131509148</guid><author>weixin_58437310</author><pubDate>Mon, 03 Jul 2023 09:20:05 +0800</pubDate><description><![CDATA[写个div 绑定点击事件 点击设置按钮 让div和复选框显示。]]></description><category></category></item><item><title><![CDATA[原生 js点击空白处 关闭遮罩层（关闭某个div）]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/131508956</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/131508956</guid><author>weixin_58437310</author><pubDate>Mon, 03 Jul 2023 09:05:13 +0800</pubDate><description><![CDATA[如图所示 点击空白处关闭此div。]]></description><category></category></item><item><title><![CDATA[vue 前端自行分页]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/126873636</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/126873636</guid><author>weixin_58437310</author><pubDate>Thu, 15 Sep 2022 16:11:15 +0800</pubDate><description><![CDATA[1.自己分装的 分页组件 或者直接用element上的也行。tableDataCurrent是表格的：data。表格数据少的话 有时候会要求前端自行分页的。row就是获取列表时传过来的数据。2.别忘记在data中定义。]]></description><category></category></item><item><title><![CDATA[vue+element表格 前端自己实现导出Excel 表格]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/126865747</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/126865747</guid><author>weixin_58437310</author><pubDate>Thu, 15 Sep 2022 10:25:15 +0800</pubDate><description><![CDATA[1.首先先画一个表格 这个表格是我们自己封装的组件 当然你也可以封装一个 或者使用element 上的表格 这里的cloums代表我的表格的每一列  记得在data中定义 cloumns:[ ]这里如果看不懂的话 可以看一下示例 这是别人的 页签就是我代码中所写的 sheet1。因为我是搜索后出表格 所以我的cloums在搜索里面赋值 你也可以在data中。需求就是点击导出按钮 导出当前表格的内容 导出一个excel文档。封装完就可以在 需要的页面引入。3.接下来写导出的点击事件。]]></description><category></category></item><item><title><![CDATA[后端给的Json.data数据格式怎么在页面使用渲染]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/126368928</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/126368928</guid><author>weixin_58437310</author><pubDate>Tue, 16 Aug 2022 16:32:06 +0800</pubDate><description><![CDATA[我是这个变量需要用到这个数据 所以我在这里写 你们看你们的需求~后端给了个模拟数据以data.json的文件给我的 格式如下。然后data里面渲染的变量 =dats。首先先把文件引入需要的页面里面。]]></description><category></category></item><item><title><![CDATA[vue element 表格内的复制粘贴功能]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/125848648</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/125848648</guid><author>weixin_58437310</author><pubDate>Mon, 18 Jul 2022 14:33:14 +0800</pubDate><description><![CDATA[vue 表格的 复制粘贴]]></description><category></category></item><item><title><![CDATA[vue+element 结束时间不能在开始时间之前]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/123500859</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/123500859</guid><author>weixin_58437310</author><pubDate>Tue, 15 Mar 2022 13:53:58 +0800</pubDate><description><![CDATA[elemnet里面的两个时间控件


&lt;el-row :gutter="24" style="margin-bottom: 20px;"&gt;
            &lt;el-col :span="12"&gt;
              &lt;el-form-item label="计划开始时间" class="date-picker" prop="plannedStartTime"&gt;
                &lt;el-date-picker
          ...]]></description><category></category></item><item><title><![CDATA[条纹进度条]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/123500392</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/123500392</guid><author>weixin_58437310</author><pubDate>Tue, 15 Mar 2022 13:33:41 +0800</pubDate><description><![CDATA[要求如下写个条纹进度条



以下是封装的文件 引入可直接使用


&lt;template&gt;
  &lt;!--  @mouseover="showTip=true" @mouseleave="showTip=false"--&gt;
  &lt;div :style="{width:width+'px'}" class="processBox" &gt;
    &lt;div :style="{width:width+'px'}" class="bgBox"&gt;
      &lt;tem.]]></description><category></category></item><item><title><![CDATA[window11 git Bash右击不见得问题]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/122727792</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/122727792</guid><author>weixin_58437310</author><pubDate>Fri, 28 Jan 2022 10:40:03 +0800</pubDate><description><![CDATA[电脑更新到window11 后 文件内右击 发现没有git Bash选项了

我的解决办法如下




1.点击windows图标，cmd 打开小黑框 输入：regedit 打开注册表编辑器 

2.找到


位置：计算机\HKEY_CLASSES_ROOT\Directory\Background\shell\下面新建 项 如下图

3.建好command 以后 右边的框里有默认双击 如图二 输入自己的git Bash.exe 本机的路径

如果没有的话 打开git官网 根据型号重新点击下载 下载好...]]></description><category></category></item><item><title><![CDATA[vue+element 的可输入查询的搜索框el-select的blur事件]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/122496792</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/122496792</guid><author>weixin_58437310</author><pubDate>Mon, 17 Jan 2022 15:44:56 +0800</pubDate><description><![CDATA[最近在开发项目问题的时候遇到的问题

有两个下拉搜索框 当第一个有选择的值时 第二个根据第一个的值进行过滤除对应的数据

类似于这种

]]></description><category></category></item><item><title><![CDATA[EchartsY轴刻度自适应]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/122307813</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/122307813</guid><author>weixin_58437310</author><pubDate>Tue, 04 Jan 2022 17:30:37 +0800</pubDate><description><![CDATA[earchs图表的y轴 根据后端返回的数据 进行刻值
比如最高是0.05 则y轴最高是0.05   最高是100则y轴最高是100

 yAxis: {
	type:'value',//关键
	scale:true
 }


earchs里面有 这个属性的 就是这两 不过还可以通过min 和 max来设置


yAxis：{
  min: (value) =&gt; {
    return value.min
  },
  max: (value) =&gt; {
    return value.ma.]]></description><category></category></item><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/122034705</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/122034705</guid><author>weixin_58437310</author><pubDate>Mon, 20 Dec 2021 09:37:46 +0800</pubDate><description><![CDATA[刚开项目  就报这个错Cannot read properties of undefined (reading ‘getters’)

运来是我的vuex 的 store 里面创建了一个空的js

]]></description><category></category></item><item><title><![CDATA[vue+element 上传excel文件以及模板下载]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/121900112</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/121900112</guid><author>weixin_58437310</author><pubDate>Mon, 13 Dec 2021 11:08:17 +0800</pubDate><description><![CDATA[工作的要求就是 提供模板 然后下载模板 里面录入的数据 可以上传excel文件来 渲染列表


## 首先是下载模板

 &lt;el-button icon="el-icon-download" style="float:right;" @click="downloadTemplate"&gt;
   模板下载
   &lt;/el-button &gt;
   通过a链接  （可以把需要的模板放到静态文件里 然后通过href引入）
    &lt;a ref="downloadTemplate" st.]]></description><category></category></item><item><title><![CDATA[2021-08-26]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/119933567</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/119933567</guid><author>weixin_58437310</author><pubDate>Thu, 26 Aug 2021 16:00:15 +0800</pubDate><description><![CDATA[vue蛇形时间线、
&lt;template&gt;
 &lt;div&gt;
      &lt;div style="width: 100%; display: flex"&gt;
          &lt;div style="width: 10%; margin-left: 30px"&gt;
            &lt;div&gt;
              &lt;!-- 开头 --&gt;
              &lt;span
                data-v-j]]></description><category></category></item><item><title><![CDATA[element ui 滚动条 设置]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/119817113</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/119817113</guid><author>weixin_58437310</author><pubDate>Fri, 20 Aug 2021 10:05:28 +0800</pubDate><description><![CDATA[外部div 必须有高 滚动条标签的高 100%


&lt;!-- 外部div --&gt;
&lt;div style="height: 650px; display: flex" class="cab" &gt;
      &lt;el-scrollbar style="height:100%"&gt;
	      &lt;!-- 内部div --&gt;
	      &lt;div&gt;&lt;/div&gt;
      &lt;/el-scrollbar&gt;
&lt;/div&gt;
]]></description><category></category></item><item><title><![CDATA[2021-08-19]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/119810672</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/119810672</guid><author>weixin_58437310</author><pubDate>Thu, 19 Aug 2021 20:45:41 +0800</pubDate><description><![CDATA[vue项目直接下载文件，pdf不弹出预览
vue使用方法：
npm install downloadjs -S

在需要使用的页面xxx.vue文件的script标签内
import download from 'downloadjs'

在你需要下载的方法内
downloadPdf(){
    download('xxx.com/xxxx.pdf')
},


...]]></description><category></category></item><item><title><![CDATA[前端单元测试]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/118785714</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/118785714</guid><author>weixin_58437310</author><pubDate>Tue, 20 Jul 2021 11:00:36 +0800</pubDate><description><![CDATA[1.什么是单元测试


是指对软件中的最小可测试单元进行检查和验证

单元就是人为规定的最小的被测功能模块

单元测试是在软件开发过程中要进行的最低级别的测试活动，软件的独立单元将在与程序的其他部分相隔离的情况下进行测试


2.前端代码都在浏览器里，如何做单元测试


* 对于 Javascript 来讲，当然是可以进行单元测试的，并且也通常是针对函数、模块、对象进行测试

*

前端单元测试狂阶也有不少，比如 QUnit、Sinon、Mocha 等等，单元测试的执行环境可以是我们日常使用的浏览器 ie.]]></description><category></category></item><item><title><![CDATA[vue3.0中使用 echarts]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/118753531</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/118753531</guid><author>weixin_58437310</author><pubDate>Fri, 16 Jul 2021 09:47:11 +0800</pubDate><description><![CDATA[1.安装


npm install echarts --save

2.引入


import echarts from 'echarts'

3.容器


]]></description><category></category></item><item><title><![CDATA[微前端浅析]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/118569103</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/118569103</guid><author>weixin_58437310</author><pubDate>Fri, 09 Jul 2021 17:20:40 +0800</pubDate><description><![CDATA[目录

什么是微前端

Systemjs 模块化解决方案

Single-spa 微前端框架爱实战

基于 Module Federation 的微前端架构

npm 包的几个注意点


]]></description><category></category></item><item><title><![CDATA[vue3.0使用swiper]]></title><link>https://blog.youkuaiyun.com/weixin_58437310/article/details/118360832</link><guid>https://blog.youkuaiyun.com/weixin_58437310/article/details/118360832</guid><author>weixin_58437310</author><pubDate>Wed, 30 Jun 2021 14:48:06 +0800</pubDate><description><![CDATA[1.安装swiper


npm install swiper --save

2.引入


import { onMounted } from "vue";
import Swiper, {
  Autoplay,
  EffectCoverflow,
  EffectCube,
  Pagination,
  Navigation,
} from "swiper";
Swiper.use([Autoplay, EffectCoverflow, EffectCube, Pagination, Naviga]]></description><category></category></item></channel></rss>