<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[embraceblankandfull的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/embraceblankandfull</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; embraceblankandfull]]></copyright><item><title><![CDATA[小程序 scroll-view 触底事件不触发问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/154686492</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/154686492</guid><author>embraceblankandfull</author><pubDate>Wed, 12 Nov 2025 19:30:00 +0800</pubDate><description><![CDATA[摘要 前端分页加载在手机上失效，原因是scroll-view高度与数据项高度不匹配导致触底事件不触发。解决方法是通过计算scroll-view容器高度与单个数据项高度的比值动态确定每页数据量pageSize。具体实现：1) 获取屏幕宽度并转换rpx单位；2) 计算容器可容纳数据项数量；3) 基于计算结果实现分页加载。该方案确保在不同设备上都能正确触发触底加载事件，解决了模拟器与真机表现不一致的问题。]]></description><category></category></item><item><title><![CDATA[canvas 实现全屏倾斜重复水印]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/148310167</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/148310167</guid><author>embraceblankandfull</author><pubDate>Thu, 29 May 2025 14:44:50 +0800</pubDate><description><![CDATA[本文介绍了使用Vue+Canvas实现网页水印的方案。通过Canvas绘制倾斜水印文本，计算旋转后的画布尺寸确保覆盖全屏，并利用背景图重复填充实现满屏水印效果。关键点包括：1）根据旋转角度动态计算画布宽高；2）通过translate和rotate实现文本倾斜；3）使用双重循环控制水印间距；4）将Canvas转为图片作为背景。组件支持配置字体、透明度、间距等参数，并响应窗口变化自动重绘。文章还附带了旋转后画布尺寸的几何推导说明，为开发者提供了一种简单高效的页面水印实现方案。]]></description><category></category></item><item><title><![CDATA[el-pagination current-page 视图显示不一致问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/145053857</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/145053857</guid><author>embraceblankandfull</author><pubDate>Fri, 10 Jan 2025 13:45:27 +0800</pubDate><description><![CDATA[el-pagination current-page 视图显示不一致问题]]></description><category></category></item><item><title><![CDATA[vue 左右布局时 左右宽度可拖动改变宽度]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144610524</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144610524</guid><author>embraceblankandfull</author><pubDate>Fri, 20 Dec 2024 19:00:00 +0800</pubDate><description><![CDATA[实现左右布局中间可以拖动改变宽度。]]></description><category></category></item><item><title><![CDATA[sticky 定位固定时增加 class 问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144449277</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144449277</guid><author>embraceblankandfull</author><pubDate>Fri, 13 Dec 2024 14:36:55 +0800</pubDate><description><![CDATA[sticky 时固定定位怎么增加 class 问题]]></description><category></category></item><item><title><![CDATA[swiper 横向内容宽度自适应且数据更新初始化]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144363180</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144363180</guid><author>embraceblankandfull</author><pubDate>Tue, 10 Dec 2024 09:29:18 +0800</pubDate><description><![CDATA[实现宽度自适应 : https://blog.youkuaiyun.com/J_1999_0524/article/details/136548319?实现初始化更新：https://www.cnblogs.com/zhouzhongqing/p/17780088.html。而且数据切换更新之后，swiper 该出现的左右箭头没有出现。横向滚动时，使用 swiper 实现，但是宽度没法适应，]]></description><category></category></item><item><title><![CDATA[echarts hover 消失问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144297519</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/144297519</guid><author>embraceblankandfull</author><pubDate>Fri, 06 Dec 2024 18:08:41 +0800</pubDate><description><![CDATA[echarts hover 消失问题]]></description><category></category></item><item><title><![CDATA[websocket 有且仅有/只保持一个连接对话，怎么做？]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/143359435</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/143359435</guid><author>embraceblankandfull</author><pubDate>Wed, 30 Oct 2024 19:00:00 +0800</pubDate><description><![CDATA[websocket 在同一系统中只保持一个连接，以防止连接太多，且最小化或者切换其他标签时仍保持连接。]]></description><category></category></item><item><title><![CDATA[一文搞清楚 防抖 和 节流 函数]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140210746</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140210746</guid><author>embraceblankandfull</author><pubDate>Fri, 05 Jul 2024 21:00:00 +0800</pubDate><description><![CDATA[一文搞懂防抖和节流函数]]></description><category></category></item><item><title><![CDATA[vee-validate 输入时校验防抖请求后端不及时问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140209271</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140209271</guid><author>embraceblankandfull</author><pubDate>Fri, 05 Jul 2024 20:00:00 +0800</pubDate><description><![CDATA[很多写法，只有这个方式可行，测试可能没有那么深刻，而且对防抖可能理解还不深刻。在把防抖函数去掉之后，就可正常实现。，这里应该使用节流，并且不同的传参要监控不同的定时器。存在以上问题，还是对于这里防抖的应用还不够熟悉，只会简单的使用。但是在表单提交时，触发 validate 函数时，在找原因，因为这个校验的实现只想要完成，尝试使用。明明返回是false, 却通过了。首先，防抖是触发之后。]]></description><category></category></item><item><title><![CDATA[发现浏览器中字体可以比 12px 小, 是为什么？]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140208432</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140208432</guid><author>embraceblankandfull</author><pubDate>Fri, 05 Jul 2024 14:39:46 +0800</pubDate><description><![CDATA[其中 zoom 和 transform 还是有区别的。单位的字体大小都能实现，感觉违背 以前一直遵循的。参考：(如何打破Chrome的最小字号限制)[​。“chrome有限制最小字体，为12px”效果如下图：（最小字体设为。]]></description><category></category></item><item><title><![CDATA[el-tooltip 箭头颜色到底如何改变？]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140100320</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/140100320</guid><author>embraceblankandfull</author><pubDate>Mon, 01 Jul 2024 19:30:00 +0800</pubDate><description><![CDATA[一开始是真不知道，这个箭头是怎么实现的，后来调大参数才理解。值得说明的是，这个箭头是利用边框实现的简单箭头样式。]]></description><category></category></item><item><title><![CDATA[vue + el-input 中 textarea实现placeholder换行]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/139669831</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/139669831</guid><author>embraceblankandfull</author><pubDate>Fri, 14 Jun 2024 09:46:30 +0800</pubDate><description><![CDATA[​此文包含实现el-input  textarea 的多种方法，最关键的是包含 一种 vue el-input textarea 都可使用的换行实现方法。]]></description><category></category></item><item><title><![CDATA[vue + el-input 中 textarea实现placeholder换行]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/139669496</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/139669496</guid><author>embraceblankandfull</author><pubDate>Fri, 14 Jun 2024 09:44:41 +0800</pubDate><description><![CDATA[vue 实现 el-input textarea 换行]]></description><category></category></item><item><title><![CDATA[jenkins 本地自动化打包前端vue2项目]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/137513368</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/137513368</guid><author>embraceblankandfull</author><pubDate>Mon, 08 Apr 2024 20:30:00 +0800</pubDate><description><![CDATA[jenkins 从安装到前端项目构建，项目部署的步骤过程说明。]]></description><category></category></item><item><title><![CDATA[el-table 横向滚动条加粗被遮挡 样式修改]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/136829738</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/136829738</guid><author>embraceblankandfull</author><pubDate>Tue, 19 Mar 2024 18:30:00 +0800</pubDate><description><![CDATA[el-table__fixed .el-table__fixed-body-wrapper { // 重点。.el-table--scrollable-x .el-table__fixed { // 重点。]]></description><category></category></item><item><title><![CDATA[keep-alive 同一个组件不缓存问题]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/136059125</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/136059125</guid><author>embraceblankandfull</author><pubDate>Wed, 07 Feb 2024 17:30:00 +0800</pubDate><description><![CDATA[看到这个解决办法，应该考虑就是keep-alive对includes中的哪些才能生效的问题？找到keep-alive源码查看(即要includes内的数据和组件的name配置对比进行的缓存的操作。]]></description><category></category></item><item><title><![CDATA[使用 el-select 实现 文本搜索输入搜索]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/134826968</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/134826968</guid><author>embraceblankandfull</author><pubDate>Wed, 06 Dec 2023 19:15:00 +0800</pubDate><description><![CDATA[使用 el-select 实现 文本搜索输入搜索​ ]]></description><category></category></item><item><title><![CDATA[vue 背景图片 url 动态渲染 Cannot find Module]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/128052129</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/128052129</guid><author>embraceblankandfull</author><pubDate>Sat, 26 Nov 2022 15:05:48 +0800</pubDate><description><![CDATA[vue 背景图片 url 动态渲染 Cannot find Module]]></description><category></category></item><item><title><![CDATA[jquery load 和 ready 的区别]]></title><link>https://blog.youkuaiyun.com/embraceblankandfull/article/details/125594761</link><guid>https://blog.youkuaiyun.com/embraceblankandfull/article/details/125594761</guid><author>embraceblankandfull</author><pubDate>Mon, 04 Jul 2022 10:22:51 +0800</pubDate><description><![CDATA[jquery load 和 ready 的区别]]></description><category></category></item></channel></rss>