<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Lin_javascript的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Lin_javascript</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Lin_javascript]]></copyright><item><title><![CDATA[【自用笔记】设置简单的实时数据Echarts图表]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/155314019</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/155314019</guid><author>Lin_javascript</author><pubDate>Thu, 27 Nov 2025 14:34:11 +0800</pubDate><description><![CDATA[本文介绍了在Vue2项目中实现鼠标悬停显示实时Echarts图表的方法。通过三级组件架构实现：父组件统一管理数据，二级组件处理鼠标交互和定位，三级组件负责图表渲染。关键技术点包括：使用ref绑定获取组件实例、通过对象传递实现响应式数据共享、动态计算浮窗位置、实时更新图表数据。特别展示了如何根据业务需求定制图表样式（如涨跌颜色区分）和性能优化（如窗口resize事件处理）。该方案可灵活调整配置，适用于需要动态可视化数据的场景。]]></description><category></category></item><item><title><![CDATA[【自用笔记】关于移动端左滑返回的操作]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/135775849</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/135775849</guid><author>Lin_javascript</author><pubDate>Tue, 23 Jan 2024 17:03:47 +0800</pubDate><description><![CDATA[但是在实际使用过程中发现，还是有一定的问题（我解决不了）：我在左右切换的时候都可以正常进行，但是上下刷动页面的时候会自动触发左右切换事件，尝试配置，但没有成功，于是转战重新找了一个方案 —— 自定义，也非常简单，直接复制粘贴，就可以使用啦，最重要的是，它可控可配置，全在自己的掌握之中！在混合开发中，需要左滑返回上一级的操作功能，但是因为种种原因（本身技术菜，什么都不知道，其次是第三方联合开发，我这边只有vue+vant框架，无法调起设备），所以就需要其他的技术来实现这一需求。]]></description><category></category></item><item><title><![CDATA[【自用笔记】webSocket 心跳机制、断线重连]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/135600244</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/135600244</guid><author>Lin_javascript</author><pubDate>Mon, 15 Jan 2024 14:51:14 +0800</pubDate><description><![CDATA[注意：我在开发过程中发现，当我主动关闭连接后，在重连时间内会自动重新开启连接，这是因为websocket连接关闭会又走一次重连机制，所以 如果你是使用的定时器，可以直接清除定时器，或者定义一个变量控制是组件销毁关闭的websocket还是心跳监测重连时关闭的websocket，如果是像我一样，可以判断this.heartBeat.time，关闭后置空，判断return就可以了；在业务中需要使用webSocket定时给后台上传位置，防止以后忘记，在这里进行记录，直接在代码中写入笔记；]]></description><category></category></item><item><title><![CDATA[【自用笔记】关于store存储]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/135343036</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/135343036</guid><author>Lin_javascript</author><pubDate>Tue, 02 Jan 2024 16:27:11 +0800</pubDate><description><![CDATA[注意：刚开始我想省劲，声明一个字段，给好多场景使用，但是最后发现还是这样最好使，你只需要注意声明的字段不要和组件data中的字段一样就可以了。混合开发APP，使用了第三方SDK中暴露的方法，在业务中有上传图片和OCR识别的需求，所以需要用到暴露的方法调用相机或者相册，然后再通过返回的ID获取图片URL，并进行对应的OCR识别；虽然还是有一些不太懂的地方，但是简单的业务基本上都实现了，而且也进行了测试没有问题（因为我的比较奇葩，需要在main.js里访问接口获取图片，所以那些你们用不到的地方我就不展示了）]]></description><category></category></item><item><title><![CDATA[【自用转载】vue混合开发悬浮球]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/135342890</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/135342890</guid><author>Lin_javascript</author><pubDate>Tue, 02 Jan 2024 15:53:16 +0800</pubDate><description><![CDATA[文章浏览阅读399次。【代码】vue移动端 使用van-tabbar时出现悬浮效果。_vant 悬浮按钮。x​​​​​​​vue移动端 使用van-tabbar时出现悬浮效果_vant 悬浮按钮-优快云博客。悬浮球（可拖拽） ↑↑↑↑。]]></description><category></category></item><item><title><![CDATA[【自用转载】el-uploader上传PDF和图片两种文件]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/135342781</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/135342781</guid><author>Lin_javascript</author><pubDate>Tue, 02 Jan 2024 15:49:06 +0800</pubDate><description><![CDATA[el-upload 组件上传/移除/报错/预览文件，预览图片、pdf 等功能_el-upload 预览文件-优快云博客]]></description><category></category></item><item><title><![CDATA[【自用笔记】微信小程序 使用van-tab时的问题处理]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134997376</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134997376</guid><author>Lin_javascript</author><pubDate>Thu, 14 Dec 2023 16:28:54 +0800</pubDate><description><![CDATA[van-tabs 下划线错位，切换后滚动条返回，下滑时tab吸顶]]></description><category></category></item><item><title><![CDATA[【自用笔记】小程序 van-uploader 压缩图片]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134669192</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134669192</guid><author>Lin_javascript</author><pubDate>Tue, 28 Nov 2023 15:51:14 +0800</pubDate><description><![CDATA[我使用的是van-uploader组件进行上传的，所以我们可以在before-read事件中进行处理，那么，我的 .wxml的代码如下（去除了不相关部分，仅余压缩相关内容）主要是用到canvas进行压缩，参考地方找不到了，如果找到，会修改添加。可能存在一定的问题，如果有坑，请留言，我们一起讨论进步！.js中代码如下（仅余压缩相关内容，其他部分已去除）]]></description><category></category></item><item><title><![CDATA[【自用笔记】小程序 图片url和base64互转，延伸canvas压缩]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134668768</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134668768</guid><author>Lin_javascript</author><pubDate>Tue, 28 Nov 2023 15:34:34 +0800</pubDate><description><![CDATA[小程序 使用canvas压缩，并通过base64 转 图片url]]></description><category></category></item><item><title><![CDATA[【自用笔记】小程序中使用七牛云上传图片]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134651422</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134651422</guid><author>Lin_javascript</author><pubDate>Mon, 27 Nov 2023 18:33:54 +0800</pubDate><description><![CDATA[在这里你要选择自己的上传的地区，一共有五个，详情请自己在github上面去看，还是比较详细的，另外有一个domain的配置，是回显的时候用的，是自己公司的配置好的（开始我以为是配置我选择的那个区域的地址，后来找了很久，然后试了公司的链接后发现的，如果你在参考这篇笔记，还是需要自己试一下的）这样就可以实现一个最简单的上传、回显，中间遇到很多不懂的也是边查边试出来的，很多逻辑都不懂，但是功能实现了，各位大佬有更好的可以留言指正。这是参考里面给的链接，但是你可以直接从github上拉。]]></description><category></category></item><item><title><![CDATA[【自用笔记】vant中list组件和pullRefresh组件]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134294520</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134294520</guid><author>Lin_javascript</author><pubDate>Thu, 23 Nov 2023 10:11:57 +0800</pubDate><description><![CDATA[当list组件和pullRefresh组件 配合使用时，有一个小坑需要注意，在首次加载的时候，会重复触发load事件，在列表数据较少时，会导致显示一直加载。所以在load事件中可以先进行判断，如果loading为true,且获取到的total <= 20（自己设置的pageSize），直接return。目前配合使用只遇到这个坑，后续若有其他，再加。]]></description><category></category></item><item><title><![CDATA[【自用摘录】如何升级Vue的版本 vue2.9.6升级到vue3.0]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134538052</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134538052</guid><author>Lin_javascript</author><pubDate>Tue, 21 Nov 2023 18:15:13 +0800</pubDate><description><![CDATA[如何升级Vue的版本 vue2.9.6升级到vue3.0-优快云博客]]></description><category></category></item><item><title><![CDATA[html5qrcode的使用（自留笔记）]]></title><link>https://blog.youkuaiyun.com/Lin_javascript/article/details/134503635</link><guid>https://blog.youkuaiyun.com/Lin_javascript/article/details/134503635</guid><author>Lin_javascript</author><pubDate>Mon, 20 Nov 2023 11:24:44 +0800</pubDate><description><![CDATA[本次项目为基于vue2+vant的H5，套壳APP，无法使用APK的扫码时选择使用h5qrcode进行扫码，实现扫码单。这是复制别人的逻辑，出处忘记了，如若找到，后续会粘贴上来，仅供自己记录笔记，防止以后使用时忘记。1.安装html5-qrcode。2.在所需组件处使用。]]></description><category></category></item></channel></rss>