<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_46005282的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_46005282</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_46005282]]></copyright><item><title><![CDATA[elementui2实现日期选择框不自动关闭]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/157807469</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/157807469</guid><author>qq_46005282</author><pubDate>Fri, 06 Feb 2026 16:01:30 +0800</pubDate><description><![CDATA[el-date-picker这个日期组件在选完日期或点击外部区域都会导致窗口自动关闭，为了实现加上确定按钮后再关闭弹窗，花了快两天时间，最后找到一个方法成功实现。]]></description><category></category></item><item><title><![CDATA[element日期选择器组件增加角标]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/157437243</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/157437243</guid><author>qq_46005282</author><pubDate>Tue, 27 Jan 2026 18:37:26 +0800</pubDate><description><![CDATA[el-date-picker在官方的文档中并没有添加角标的方法，在搜索了很多方法后发现可以通过picker-options配置项中的cellClassName实现，增加一个伪元素。]]></description><category></category></item><item><title><![CDATA[淘宝式滑动隐藏搜索栏实现]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/152254514</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/152254514</guid><author>qq_46005282</author><pubDate>Mon, 29 Sep 2025 09:48:06 +0800</pubDate><description><![CDATA[要实现类似手机淘宝的下滑商品-顶部搜索框消失，上滑后-顶部搜索框出现的效果。核心方法，记录上一次滚动结束的位置，和此次滚动的距离方向进行判断。加载和销毁页面是监听或销毁事件。css部分，动画过渡效果。]]></description><category></category></item><item><title><![CDATA[canvas背景添加毛玻璃效果]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/150346075</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/150346075</guid><author>qq_46005282</author><pubDate>Wed, 13 Aug 2025 14:43:05 +0800</pubDate><description><![CDATA[如果通过css的方式给canvas设置backgroundImage和backdrop-filter，那么画布上的内容也会模糊。可以换个思路，把canvas的背景设置为透明，覆盖着经过毛玻璃化的图片。想要给canvas的背景图添加毛玻璃效果，现有api好像无法实现。背景图要被canvas覆盖。]]></description><category></category></item><item><title><![CDATA[vue爷孙组件传值问题]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/142878706</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/142878706</guid><author>qq_46005282</author><pubDate>Sat, 12 Oct 2024 15:13:40 +0800</pubDate><description><![CDATA[当遇到多个组件层层嵌套时，想要从祖先组件传值到孙组件就会使用provide和inject发送和接收传值，但是这个传值和props不同，不是响应式的，祖先组件修改了值孙组件不会同时修改。需要写成函数形式就可以解决。]]></description><category></category></item><item><title><![CDATA[vue动态引用script脚本标签]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/141259186</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/141259186</guid><author>qq_46005282</author><pubDate>Fri, 16 Aug 2024 14:36:05 +0800</pubDate><description><![CDATA[项目中有个功能是复制链接后，新开一个浏览器标签页打开分享页，但是这个分享页不需要之前引入的script标签，引入就会导致页面加载过慢。先把上面引入的script标签删除，获取当前的url，如果当前url不包含分享页的路由就动态添加script脚本。之前是直接在head中引入。]]></description><category></category></item><item><title><![CDATA[el-table表格滚动条设置边距]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/137274088</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/137274088</guid><author>qq_46005282</author><pubDate>Tue, 02 Apr 2024 16:10:32 +0800</pubDate><description><![CDATA[在设置表格滚动条边距的时候尝试了很多方法，最后发现表格是行内元素无法设置内边距，改成块元素就可以了。]]></description><category></category></item><item><title><![CDATA[openlayers绘制图形合并]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/136328541</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/136328541</guid><author>qq_46005282</author><pubDate>Tue, 27 Feb 2024 17:47:43 +0800</pubDate><description><![CDATA[绘制两个有交点的图形时，合并成一个图形。]]></description><category></category></item><item><title><![CDATA[openlayers绘制点、圆、多边形]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/136292948</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/136292948</guid><author>qq_46005282</author><pubDate>Mon, 26 Feb 2024 10:34:19 +0800</pubDate><description><![CDATA[我用的是4326坐标系，有些地方和3857坐标系不一样思维导图是大佬整理的，我拿来用了。]]></description><category></category></item><item><title><![CDATA[css文字描边]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/135339892</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/135339892</guid><author>qq_46005282</author><pubDate>Tue, 02 Jan 2024 14:21:05 +0800</pubDate><description><![CDATA[【代码】css文字描边。]]></description><category></category></item><item><title><![CDATA[谷歌浏览器控制台console.log打印的所属文件名不对]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/135009440</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/135009440</guid><author>qq_46005282</author><pubDate>Fri, 15 Dec 2023 09:44:47 +0800</pubDate><description><![CDATA[右侧的文件名应该是index.vue，但是现在显示的并不是。解决方法：点击右侧文件名接入源代码，有个警告确认一下就好了。还不行的话可以把设置里面的这两个选项关闭。]]></description><category></category></item><item><title><![CDATA[el-table动态合并表格行单元格]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/133921870</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/133921870</guid><author>qq_46005282</author><pubDate>Thu, 19 Oct 2023 10:56:39 +0800</pubDate><description><![CDATA[将表格的span-method设置为'arraySpanMethod']]></description><category></category></item><item><title><![CDATA[Vue上传文件注意事项]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/133031857</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/133031857</guid><author>qq_46005282</author><pubDate>Tue, 19 Sep 2023 15:42:06 +0800</pubDate><description><![CDATA[在模板中，使用Element-ui。]]></description><category></category></item><item><title><![CDATA[vue实现图片下载和DOM元素下载]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/133029709</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/133029709</guid><author>qq_46005282</author><pubDate>Tue, 19 Sep 2023 14:58:19 +0800</pubDate><description><![CDATA[DOM元素下载，截取部分区域下载。]]></description><category></category></item><item><title><![CDATA[vue下载excel文档]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/133018776</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/133018776</guid><author>qq_46005282</author><pubDate>Tue, 19 Sep 2023 11:01:01 +0800</pubDate><description><![CDATA[【代码】vue下载excel文档。]]></description><category></category></item><item><title><![CDATA[js实现复制文本操作]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/133013790</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/133013790</guid><author>qq_46005282</author><pubDate>Tue, 19 Sep 2023 09:35:24 +0800</pubDate><description><![CDATA[let inputDom = document.createElement('textarea') // js创建一个文本框。document.body.appendChild(inputDom) //将文本框暂时创建到实例里面。inputDom.value = this.code //将需要复制的内容赋值到创建的文本框中。document.body.removeChild(inputDom) //最后移出。document.execCommand('copy') //执行复制操作。]]></description><category></category></item><item><title><![CDATA[Vue3学习笔记3 其他API]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/130874399</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/130874399</guid><author>qq_46005282</author><pubDate>Fri, 26 May 2023 13:41:07 +0800</pubDate><description><![CDATA[isProxy：检查一个值是否是reactive或readonly创建的。isReactive：检查一个值是否为reactive响应式对象。多层结构嵌套时，使用Teleport，to传送到任意的DOM节点。创建一个自定义的ref，对它的get和set方法进行控制。等待异步组件时渲染额外的内容提示。isReadonly：检查一个值是否为只读。isRef：检查一个值是否为ref对象。]]></description><category></category></item><item><title><![CDATA[Vue3学习笔记2 组合式API]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/130825197</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/130825197</guid><author>qq_46005282</author><pubDate>Thu, 25 May 2023 19:44:11 +0800</pubDate><description><![CDATA[本质是一个函数，对setup进行封装。类似vue2中的mixin。优势：复用代码，让setup中的逻辑更加清晰。]]></description><category></category></item><item><title><![CDATA[Vue3学习笔记]]></title><link>https://blog.youkuaiyun.com/qq_46005282/article/details/130821462</link><guid>https://blog.youkuaiyun.com/qq_46005282/article/details/130821462</guid><author>qq_46005282</author><pubDate>Tue, 23 May 2023 11:10:11 +0800</pubDate><description><![CDATA[优势：无需打包，快速冷启动；谷歌商店搜索vue，下载带beta下标的开发者工具。一、创建vue3工程。下载vue3调试工具。]]></description><category></category></item></channel></rss>