<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[老程的博客]]></title><description><![CDATA[好记性不如烂笔头，多学习、多整理、多记录；Keep Coding~]]></description><link>https://blog.youkuaiyun.com/LuckKing0925</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LuckKing0925]]></copyright><item><title><![CDATA[canvas动画：点随机运动 距离内自动连接成线 鼠标移动自动吸附附近的点]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/147634893</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/147634893</guid><author>LuckKing0925</author><pubDate>Wed, 30 Apr 2025 16:53:33 +0800</pubDate><description><![CDATA[canvas动画：点随机运动 距离内自动连接成线 鼠标移动自动吸附附近的点
 * 思路/实现步骤
 * 1. 创建canvas元素
 * 2. 获取canvas的上下文ctx
 * 3. 初始化点的信息（数量、初始坐标、移动方向、移动速度、大小、颜色）
 * 4. 绘制点
 * 5. 绘制点之间的连线
 * 6. 点有规律的动起来
 * 7. 动画循环
 * 8. 鼠标移动相关逻辑
 * 9. 点鼠标之间连线
 * 10. 鼠标吸附逻辑
 * 11. 添加配置项
 * 12. 重绘、重置]]></description><category></category></item><item><title><![CDATA[大屏/门户页面兼容各种分辨率或电脑缩放]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/147634245</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/147634245</guid><author>LuckKing0925</author><pubDate>Wed, 30 Apr 2025 15:45:35 +0800</pubDate><description><![CDATA[需求要求: 需要支持缩放功能(缩放后 页面各元素模块正常展示)、 需要适配各种分辨率(初始加载不应出现横向滚动条)]]></description><category></category></item><item><title><![CDATA[Linux服务器上部署更新/重启nuxt项目]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/136913935</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/136913935</guid><author>LuckKing0925</author><pubDate>Thu, 21 Mar 2024 17:52:33 +0800</pubDate><description><![CDATA[Linux服务器上部署更新/重启nuxt项目：1、 启动/更新/重启 nuxt项目步骤， 建议使用 pm2 进程管理工具; 2、pm2 相关命令; 3、误使用npm 启动后怎么处理;]]></description><category></category></item><item><title><![CDATA[WebSocket 使用示例，后台为nodejs]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/136913057</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/136913057</guid><author>LuckKing0925</author><pubDate>Thu, 21 Mar 2024 16:43:46 +0800</pubDate><description><![CDATA[【代码】WebSocket 使用示例，后台为nodejs。]]></description><category></category></item><item><title><![CDATA[nodejs 实现pdf与图片互转]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/136321260</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/136321260</guid><author>LuckKing0925</author><pubDate>Tue, 27 Feb 2024 14:26:33 +0800</pubDate><description><![CDATA[【代码】nodejs 实现pdf与图片互转。]]></description><category></category></item><item><title><![CDATA[element 季度选择器组件]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/136215123</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/136215123</guid><author>LuckKing0925</author><pubDate>Wed, 21 Feb 2024 16:37:05 +0800</pubDate><description><![CDATA[季度选择器组件封装、vue、element-ui]]></description><category></category></item><item><title><![CDATA[页面同一时间多条提示的问题优化 Notification、Message、element-ui]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/129922530</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/129922530</guid><author>LuckKing0925</author><pubDate>Mon, 03 Apr 2023 09:56:20 +0800</pubDate><description><![CDATA[有人反馈页面经常一下报出多条错误提示；并要求页面上同一时间只能出现一条提示信息；通过改造Message和Notification的原始方法来实现;]]></description><category></category></item><item><title><![CDATA[文字特效css]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/119676044</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/119676044</guid><author>LuckKing0925</author><pubDate>Mon, 27 Feb 2023 11:35:04 +0800</pubDate><description><![CDATA[文字css样式]]></description><category></category></item><item><title><![CDATA[css小动画效果记录]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/129236637</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/129236637</guid><author>LuckKing0925</author><pubDate>Mon, 27 Feb 2023 11:24:47 +0800</pubDate><description><![CDATA[css小动画记录]]></description><category></category></item><item><title><![CDATA[async/await、Promise、setTimeout 执行顺序，js宏任务微任务的运行机制]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/125515051</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/125515051</guid><author>LuckKing0925</author><pubDate>Mon, 27 Feb 2023 10:13:45 +0800</pubDate><description><![CDATA[js同步任务、微任务、宏任务执行顺序]]></description><category></category></item><item><title><![CDATA[移动端开发兼容性问题记录（H5、vue、vant）]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/126836163</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/126836163</guid><author>LuckKing0925</author><pubDate>Tue, 13 Sep 2022 18:45:43 +0800</pubDate><description><![CDATA[移动端开发兼容性问题记录（H5、vue、vant）:  new Date() 、安卓键盘弹起压缩页面高度、sort排序结果不一致……]]></description><category></category></item><item><title><![CDATA[给页面添加自定义文案水印]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/126466673</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/126466673</guid><author>LuckKing0925</author><pubDate>Mon, 22 Aug 2022 15:33:21 +0800</pubDate><description><![CDATA[给页面添加自定义文案水印：canvas 绘制文案后合成 一张base64图片，添加一个dom占满全屏背景图片使用该图片]]></description><category></category></item><item><title><![CDATA[移动端H5 - 手撸一个时间线 timeline]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/125932190</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/125932190</guid><author>LuckKing0925</author><pubDate>Fri, 22 Jul 2022 14:50:22 +0800</pubDate><description><![CDATA[H5端，手撸生命线 timeline 组件]]></description><category></category></item><item><title><![CDATA[Iframe 父子页面通信]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/125478576</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/125478576</guid><author>LuckKing0925</author><pubDate>Mon, 27 Jun 2022 10:13:04 +0800</pubDate><description><![CDATA[Iframe 父子页面通信； 兼容异步加载、异步接收等异步问题]]></description><category></category></item><item><title><![CDATA[在web网页上打开电脑本地exe应用]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/125149211</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/125149211</guid><author>LuckKing0925</author><pubDate>Mon, 06 Jun 2022 16:52:21 +0800</pubDate><description><![CDATA[在web网页上打开电脑本地exe应用
1、用于测试打开exe应用的html代码
2、配置注册表
3、效果展示]]></description><category></category></item><item><title><![CDATA[JavaScript 数组常见排序算法（冒泡、选择、插入）]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/123063166</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/123063166</guid><author>LuckKing0925</author><pubDate>Tue, 22 Feb 2022 10:44:13 +0800</pubDate><description><![CDATA[// sort函数排序

[8,2,4,9,1,3,7,5,6].sort((a,b)=&gt;{return a-b})


// 冒泡排序 // 思想： 每次找出一个 最大/小 将它像冒泡一下 排到最左/右 // 分析： 需要两层循环，
// 第一层：冒泡多少次; 需要找到 a.length-1 个最大的数，剩下一个已经是最小的了不用在冒泡
// 第二层：需要比较几次; 找出本次最大的需要比较几次，已经找出了i个最大的，name剩余 a.length-i个数只需要比较 a.length-i-1 次

.]]></description><category></category></item><item><title><![CDATA[vue 取色面板]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/122198451</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/122198451</guid><author>LuckKing0925</author><pubDate>Tue, 28 Dec 2021 17:46:19 +0800</pubDate><description><![CDATA[需求简述：需要一个取色面板，由于element组件里面的事一个取色按钮，点击了才出现悬浮的取色面板，所以需要想想办法

效果图 如下：

起先思路：想用elementUi里面的取色按钮改造下 或是 js代码点击下按钮然后修样式，都尝试了下，最后还是不可行；
百度找了下也没找到类似的，类似的有都是JQ写的，最后上github 找到了一个资源用上了
资源地址： vue-color
安装依赖：
"vue-color": "^2.8.1",

安装注册插件：
拉了他的项目运行看了下，我需要用的是它的 chrome.]]></description><category></category></item><item><title><![CDATA[猴油脚本使用]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/121996776</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/121996776</guid><author>LuckKing0925</author><pubDate>Fri, 17 Dec 2021 15:09:01 +0800</pubDate><description><![CDATA[猴油脚本  据说是使用最多的插件，最为一个前端必须得玩一下

语法： 官方文档
弄了两个小脚本，可以运行，后面有空持续更新
1、美化页面滚动条
// ==UserScript==
// @name         美化页面滚动条
// @namespace    老程
// @version      0.1
// @description  美化页面滚动条
// @author       老程
// @match        http*://*/*
// @icon         https://.]]></description><category></category></item><item><title><![CDATA[Element UI 自定义动态换肤（主题）]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/121911587</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/121911587</guid><author>LuckKing0925</author><pubDate>Mon, 13 Dec 2021 19:29:06 +0800</pubDate><description><![CDATA[无需加载外部资源，动态切换项目主题色（ 使用的 Element UI）]]></description><category></category></item><item><title><![CDATA[算法题--js]]></title><link>https://blog.youkuaiyun.com/LuckKing0925/article/details/120696003</link><guid>https://blog.youkuaiyun.com/LuckKing0925/article/details/120696003</guid><author>LuckKing0925</author><pubDate>Mon, 11 Oct 2021 08:39:23 +0800</pubDate><description><![CDATA[题目：

var numArr = [];
var optionStrArr = [];
function haveBothStr(str) {
  return str.indexOf("#") &gt; -1 &amp;&amp; str.indexOf("$") &gt; -1;
}
function getArr(str, f) {
  let arr = [];
  arr[0] = str.substring(0, str.indexOf(f));
  arr[1] = str.substrin]]></description><category></category></item></channel></rss>