<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[JPQLGZPW的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/JPQLGZPW</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; JPQLGZPW]]></copyright><item><title><![CDATA[JS数组对象，去重并把相同项的值合并相加]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/142362520</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/142362520</guid><author>JPQLGZPW</author><pubDate>Thu, 19 Sep 2024 16:52:22 +0800</pubDate><description><![CDATA[需求：接口返回的数据workshop_name相同的要去重并把数量相加（allCount、IAlarmCount、IIAlarmCount、IIIAlarmCount）这四个字段要累计求和。]]></description><category></category></item><item><title><![CDATA[uniapp开发h5，实现动态多组图片上传]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/139263904</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/139263904</guid><author>JPQLGZPW</author><pubDate>Tue, 28 May 2024 13:09:47 +0800</pubDate><description><![CDATA[需求：有个待检查项，需要上传检查后的图片,因为待检查项是不固定的，有可能就一项有可能八项，没一项都要上传图片，所以需要动态绑定数据。获取接口返回的数据去循环push。]]></description><category></category></item><item><title><![CDATA[vue2，实现不同分辨率下高度不同]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/138135522</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/138135522</guid><author>JPQLGZPW</author><pubDate>Tue, 23 Apr 2024 18:54:48 +0800</pubDate><description><![CDATA[问题：使用el-table组件时，分辨率不同下表格显示有问题，这时候需要把el-table的height属性设置为动态的，实时监听浏览器窗口分辨率变化，因为监听的是浏览器的窗口变化事件所以最好写在mounted周期里。]]></description><category></category></item><item><title><![CDATA[JS打开新窗口]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/137883896</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/137883896</guid><author>JPQLGZPW</author><pubDate>Wed, 17 Apr 2024 18:36:41 +0800</pubDate><description><![CDATA[【代码】JS打开新窗口。]]></description><category></category></item><item><title><![CDATA[对象套对象处理数据格式]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136943656</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136943656</guid><author>JPQLGZPW</author><pubDate>Fri, 22 Mar 2024 19:54:16 +0800</pubDate><description><![CDATA[Object.values()和Object.keys()对象方法,一个是把对象的所有value返回成一个数组，一个把所有key返回成数组，思路：既然后端做了限制那我们只要没有填写查询条件时不传相对应的字段就行，观察数据格式是对象套对象，这里可以使用。如图不查询时也会把十几个参数传给后端这就导致查询特变慢，]]></description><category></category></item><item><title><![CDATA[组织树实现新增、修改、删除]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136815436</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136815436</guid><author>JPQLGZPW</author><pubDate>Tue, 19 Mar 2024 10:43:18 +0800</pubDate><description><![CDATA[这是典型的树结构，组织树接口返回的结构都是这样的，每个对象下都有个children字段，这个children就是子节点，如果需要实现添加只需要在点击添加时给点击对象的children字段下在push一条数据就行。因为我这里的需求是删除的时候点击的节点也需要删除，思路就是获取到点击节点的父id通过父id去查找节点的父级把children置空就能实现删除，这里接口返回的父id字段是fzbid。修改时需要先回显数据，打开弹窗的时候判断状态，1是新增2是修改，修改时给v-model赋值。首先先来看一下数据结构。]]></description><category></category></item><item><title><![CDATA[uniapp实现局部刷新，scroll-view组件]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136539115</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136539115</guid><author>JPQLGZPW</author><pubDate>Fri, 08 Mar 2024 12:05:40 +0800</pubDate><description><![CDATA[函数onPullDownRefresh;另外一种是局部的下拉刷新也叫自定义下拉刷新, 使用scrpll-view组件中的自定义下拉刷新事件。scrpll-view，需要给scrpll-view设置一个高度要不然不显示，uniapp的下拉刷新有两个方法, 一种是整体的下拉刷新, 使用页面。@refresherpulling 自定义下拉刷新控件被下拉。]]></description><category></category></item><item><title><![CDATA[VUE滚动条事件，监听滚动条位置，控制按钮显示隐藏]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136530951</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136530951</guid><author>JPQLGZPW</author><pubDate>Thu, 07 Mar 2024 13:28:46 +0800</pubDate><description><![CDATA[原因：vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。如果不加true,那么这个事件就会在冒泡阶段执行导致失效. 默认为false,改为true的时候它就会在捕获阶段执行。如果滚动条事件失效有可能是因为没有添加true的原因，这里true的作用是，]]></description><category></category></item><item><title><![CDATA[uniapp开发H5，实现H5上传文件（PDF），并可以预览下载删除]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136379844</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136379844</guid><author>JPQLGZPW</author><pubDate>Thu, 29 Feb 2024 20:09:51 +0800</pubDate><description><![CDATA[总共需要用到四个API，]]></description><category></category></item><item><title><![CDATA[uniapp使用阿里巴巴矢量图遇到的问题，报错：Cannot find module ‘./iconfont.woff2?t=xxxxx]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136319416</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136319416</guid><author>JPQLGZPW</author><pubDate>Tue, 27 Feb 2024 13:01:11 +0800</pubDate><description><![CDATA[如果你的iconfont位置跟我一样直接在iconfont.woff2?t=xxx前面添加~@/static/iconfont/就行，如果不一样自行看在哪里只需要引用~@就行。找到iconfont.css,注意看放在哪里，正常都是放在static下，（vscode写法）（uniapp写法）]]></description><category></category></item><item><title><![CDATA[el-tree树形图实现添加数据]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136245901</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136245901</guid><author>JPQLGZPW</author><pubDate>Sat, 24 Feb 2024 22:29:30 +0800</pubDate><description><![CDATA[解决方案：这里把接口拆分为俩个，第一个接口先请求前两层的数据，第二个接口点击的时候请求。项目需求：需要实现树形图，这里选用elemntui的tree树形控件，遇到问题：由于数据很多一次性请求的话树形图加载很慢，]]></description><category></category></item><item><title><![CDATA[JS实现外链无法访问，document.referrer方法]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136276458</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136276458</guid><author>JPQLGZPW</author><pubDate>Sat, 24 Feb 2024 22:17:33 +0800</pubDate><description><![CDATA[需求：有个A平台点击需要跳转到新的页面B，但是这个B页面只允许从A平台点击的时候通过链接打开，如果是浏览器输入或者复制都不允许打开，这种做法是为了防止外链暴露。由于我是直接通过输入网址打开的所以type为空，如果是通过点击链接打开的会返回当前页面的地址，通过判断type是不是为空就可以实现关闭外链。这个方法会返回一个值，如果用户直接导航到页面（不是通过链接，而是通过使用书签），则该值为空字符串。由于此属性仅返回一个字符串，因此它不会授予对引用页的文档对象模型 （DOM） 访问权限。]]></description><category></category></item><item><title><![CDATA[echarts图表里的文本提示，formatter的用法]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136237650</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136237650</guid><author>JPQLGZPW</author><pubDate>Thu, 22 Feb 2024 16:38:05 +0800</pubDate><description><![CDATA[需要给每个散点一个文本内容，使用formatter自定义内容。在series里的label配置项，配置文本提示。]]></description><category></category></item><item><title><![CDATA[echarts根据y轴value大小，实现不同的区间不同颜色]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136210686</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136210686</guid><author>JPQLGZPW</author><pubDate>Wed, 21 Feb 2024 14:19:09 +0800</pubDate><description><![CDATA[0-20%是绿色，20%-80%橙色，80%以上是红色。]]></description><category></category></item><item><title><![CDATA[vue2不使用组件。用原生方法实现回到顶部功能]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136210381</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136210381</guid><author>JPQLGZPW</author><pubDate>Wed, 21 Feb 2024 14:09:03 +0800</pubDate><description><![CDATA[原生回到顶部功能]]></description><category></category></item><item><title><![CDATA[vue+ElementUi+iframe实现轮播不同的网站]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136090327</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/136090327</guid><author>JPQLGZPW</author><pubDate>Sat, 10 Feb 2024 12:34:37 +0800</pubDate><description><![CDATA[第二步：使用elementui的轮播组件搭配iframe实现轮播。工作需求：需要实现一个轮播图，轮播内容是不同的网站，并实现鼠标滑动时停止轮播，当鼠标10秒内不动时继续轮播。组件的具体使用可以查看elementui官方文档。el-carousel组件是自带一个悬浮页面停止轮播的功能的，因此需要先重置鼠标的悬浮事件。第三步：上面已经实现可以轮播内联网页了，但是还需要监听鼠标移动事件来实现停止轮播。]]></description><category></category></item><item><title><![CDATA[uniapp（h5）实现图片上传功能]]></title><link>https://blog.youkuaiyun.com/JPQLGZPW/article/details/135991012</link><guid>https://blog.youkuaiyun.com/JPQLGZPW/article/details/135991012</guid><author>JPQLGZPW</author><pubDate>Fri, 02 Feb 2024 12:02:31 +0800</pubDate><description><![CDATA[uniapp（h5）实现图片上传功能]]></description><category></category></item></channel></rss>