我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

原创 前端old driver强哥带你用Vue.js实现奥迪A8L尾灯特效~别废话，赶紧上车。

​强哥有一天在B站看到全新奥迪A8L的贯穿式OLED尾灯，惊吓到了~能够把夜总会的氛围灯效如此巧夺天工地移植到车尾灯上面，估计也只有奥迪能够做到！如此骚气的尾灯效果动画太TM酷炫了，我们能不能用Vue来实现呢？答案是肯定的！​

原创 推荐一本Vue.js书籍给你们《Vue.js框架与Web前端开发从入门到精通》

少侠，我看你骨骼惊奇是万中无一的前端开发奇才弘扬中国编程文化的重任就交给你了我这里有本《Vue.js框架与Web前端开发从入门到精通》作者：舒志强（博主本人）

原创 【Relax人生法则之躺平方法论】如何优雅地躺平？那些看似无足轻重，实则细思极恐的毒鸡汤。

人的一生就是产品经理的一生，产品经理是你自己，产品也是你自己，你通过数十余载来打磨、优化、改进、迭代自己，你就是你身体的产品经理。

原创 在没有设置div初始宽高度或结束宽高度数值的情况下，如何让变化div宽高度实现过度动画transition效果，用interpolate-size: allow-keywords即可实现

【代码】在没有设置div初始高度的情况下，如何让变化div高度实现过度动画transition效果，用interpolate-size: allow-keywords即可实现。

原创 一行递归可选链代码实现 js 通过递归获取 对象 多个层级字段“字段.字段.字段.字段.字段”的值（支持无限极对象子节点参数名object.a.b.c.d...）

【代码】一行递归可选链代码实现 js 通过递归获取 对象 多个层级字段“字段.字段.字段.字段.字段”的值。

原创 js将数值转换为万、十万、百万、千万、亿

【代码】js将数值转换为万、十万、百万、千万、亿。

原创 Blob设置type为application/msword将document DOM节点转换为Word（.doc,.docx），并下载到本地

【代码】Blob设置type为application/msword将document DOM节点转换为Word（.doc,.docx），并下载到本地。

原创 【sgImportBtn】自定义组件：导入按钮（支持上下文关联导出菜单，配置下载导入Excel模板按钮命令、样式、图标路径等）

文章浏览阅读169次。【代码】【sgExportBtn】自定义组件：导出按钮（支持上下文关联导出菜单，配置导出按钮命令、样式、图标路径等）【sgExportBtn】自定义组件：导出按钮（支持上下文关联导出菜单，配置导出按钮命令、样式、图标路径等）-CSDN博客。

原创 【pdf】自定义组件：预览指定地址的PDF文件

使用PDF.js预览文件老是报错Message: file origin does not match viewer‘s_otherError @ app.js:1140怎么办？该文章介绍如何在Vue项目中使用PDF.js库来渲染和查看PDF文件。首先，需要下载并引入PDF.js到项目的静态资源目录，然后在模板中通过iframe嵌入viewer.html，传入pdf文件的URL进行展示。用户需注释掉web/app.js或（如果是最新版本）web/viewer.js中的特定代码行以消除报错。

原创 【sgCollapseText】自定义组件：当内容显示不下的时候，折叠展开文本区域。

【代码】【sgCollapseText】自定义组件：当内容显示不下的时候，折叠展开文本区域。

原创 Vue2监听网页滚动条scrollbar滚动scrollEvent事件，并通过滚动距离判断是否要触发显示或隐藏或其他行为

【代码】Vue2监听网页滚动条scrollbar滚动scrollEvent事件，并通过滚动距离判断是否要触发显示或隐藏或其他行为。

原创 警告！千万不要升级盯盯拍固件DDPai Mini2 v3.5.2.35，升级必然报错：盯盯拍行车记录仪存储识别失败、存储异常！无法读写SD卡！这难道是所谓“计划报废、强制报废阴谋”~

某天，盯盯拍APP提示我升级到DDPai Mini2 v3.5.2.35（修复已知问题）于是我按照上面截图操作经过5分钟漫长的升级，期间还要求我格式化SD卡，完成后，居然提示SD卡无法识别，存储异常！！！我试图找盯盯拍官方售后寻求帮助，结果全是AI客服，按照客服提示在PC上面进行了FAT32慢速格式化后，装入盯盯拍行车记录仪，SD卡依旧无法识别。算了，不靠谱的官方售后，加上这不靠谱的升级版本，让我严重怀疑是一次商家的“强制报废、计划报废”。

原创 js 正则表达式去掉html代码

在JavaScript中，使用正则表达式来去除HTML代码是一种快速的方法，但需要注意的是，这种方法可能在某些情况下不够准确或完整。例如，如果你的HTML代码包含了嵌套标签或者注释，简单的正则表达式可能无法正确处理。

原创 删除对象数组指定索引内容，模拟Array.splice方法

【代码】删除对象数组指定索引内容，模拟Array.splice方法。

原创 js 监听粘贴事件并获取复制的文件转换为File对象数组（包括监听Ctrl+V或右键粘贴）

文章浏览阅读223次。【代码】js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）_监听粘贴事件。js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）-CSDN博客。

原创 VSCode插件hex-to-rgba在rgba和hex颜色值类型之间互相切换

原创 递归element-ui el-menu 实现无限级子菜单

文章浏览阅读25次。【代码】el-menu子菜单鼠标移入报“Maximum call stack size exceeded.“错误原因及解决方法。el-menu子菜单鼠标移入报“Maximum call stack size exceeded.“错误原因及解决方法-CSDN博客。

原创 el-menu子菜单鼠标移入报“Maximum call stack size exceeded.“错误原因及解决方法

【代码】el-menu子菜单鼠标移入报“Maximum call stack size exceeded.“错误原因及解决方法。

原创 js 将阿拉伯数字0123...9转换为大写 零一二三、一百、一千、一万、一亿等任意大写数值

【代码】js 将阿拉伯数字123...9转换为大写 一二三、一百、一千、一万、一亿等任意大写数值。

原创 background-blend-mode实现多个图片、颜色的叠加滤镜效果，类似Photoshop的滤镜

background 是一个复合属性，它可以合并多个背景相关的子属性，如 background-color、background-image、background-repeat、background-position、background-size 等。如果底层颜色比顶层颜色深，则最终颜色是 multiply 的结果，如果底层颜色比顶层颜色浅，则最终颜色是 screen 的结果。滤色模式，类似于反相的multiply，较亮的颜色会变得更亮，较暗的颜色则更接近透明。底层颜色的亮度不变，色相和饱和度取自上层。

原创 CSS伪类、clip-path实现三角形、箭头绘制

【代码】CSS伪类、clip-path实现三角形、箭头绘制。

原创 新样式：左上角/右上角 角标标签NEW、最新CSS代码

【代码】新样式：左上角角标标签NEW、最新CSS代码。

原创 原生JavaScript实现焦点聚焦输入框或div，并执行样式动画（如：背景色、透明度变化）

【代码】原生JavaScript实现焦点聚焦输入框或div，并执行样式动画（如：背景色、透明度变化）

原创 【sgExportBtn】自定义组件：导出按钮（支持上下文关联导出菜单，配置导出按钮命令、样式、图标路径等）

文章浏览阅读56次。【代码】【sgImportBtn】自定义组件：导入按钮（支持上下文关联导出菜单，配置下载导入Excel模板按钮命令、样式、图标路径等）【sgImportBtn】自定义组件：导入按钮（支持上下文关联导出菜单，配置下载导入Excel模板按钮命令、样式、图标路径等）-CSDN博客。

原创 【sgSpliter】自定义组件：可调整宽度、高度、折叠的分割线

【代码】【sgSpliter】自定义组件：可调整宽度、高度、折叠的分割线。

原创 【sgQrcode】自定义组件：将文本、链接转换为二维码，支持移入气泡框显示二维码或直接显示二维码，并支持加载动画效果

【代码】【sgQrcode】自定义组件：将文本、链接转换为二维码，支持移入气泡框显示二维码或直接显示二维码，并支持加载动画效果。

原创 《关于系统开发中的数据问题三点思考》

干了十多年程序开发，我总结出搞系统设计最重要的就是管好数据。不管咱们把界面做得像苹果官网还是村口小卖部收银系统，说到底都是在折腾数据。

原创 表格常用方法：根据data_sgs配置项设置列的排序属性值

【代码】根据data_sgs配置项设置列的排序属性值。

原创 form默认参数转义到组件内部定义参数（支持无限极对象子节点参数名object.a.b.c.d...）

【代码】form默认参数转义到组件内部定义参数（支持无限极对象子节点参数名object.a.b.c.d...）

原创 [异步监听事件、异步绑定属性]通过vue的this.$refs.组件.$props和.$on实现异步绑定组件属性和事件监听

【代码】[异步监听事件、异步绑定属性]通过vue的this.$refs.组件.$props和.$on实现异步绑定组件属性和事件监听。

原创 【sgThumbPreviewTip】自定义组件：缩略图预览组件，移入缩略图等待1秒后出现浮动气泡框显示更大的缩略图或预览播放视频

这个示例展示了如何在Vue应用中创建一个跟随鼠标移动的提示框。当鼠标悬停在特定元素上时，提示框会显示该元素内的文本，并在鼠标离开时隐藏。实现包括CSS样式和JavaScript事件监听，用于调整提示框的位置以避免超出窗口边界。【推荐】实现跟随鼠标移动的浮动提示框、浮动气泡框、Tip效果_实现鼠标移动提示框也移动-CSDN博客。

原创 js实现判断图片宽度高度不超过容器宽高度，刚好在容器中显示完

【代码】js实现判断图片宽度高度不超过容器宽高度，刚好在容器中显示完。

原创 【父组件←嵌套←子组件child.vue】vue判断组件是否有传入的slot，有就渲染slot，没有就渲染内部节点默认内容

<span v-else>默认内容</span><span class="title" v-else>默认标题</span>

原创 奇怪的异形选项卡样式、弧形边框选项卡

【代码】奇怪的异形选项卡样式、弧形边框选项卡。

原创 【sgHelp】自定义组件：网站、平台右下角的帮助助手、指导助理

文章浏览阅读22次。它允许用户自定义吸附距离，可以设置拖拽行为是否禁用，以及停靠边界距离。组件在拖拽过程中提供了半透明效果，并能在不同阶段监听和处理鼠标事件以实现拖拽、吸附和停靠功能。【sgDragSize】自定义组件：自定义拖拽修改DIV尺寸组件，适用于窗体大小调整_div拖拽调整大小-CSDN博客。【sgDragMove】自定义组件：自定义拖拽组件，仅支持拖拽、设置吸附屏幕边界距离。【sgFloatDialog】自定义组件：浮动弹窗，支持修改尺寸、拖拽位置、最大化、还原、最小化、复位-CSDN博客。

原创 【sgFloatDialog】自定义组件：浮动弹窗，支持修改尺寸、拖拽位置、最大化、还原、最小化、复位

文章浏览阅读245次。它允许用户自定义吸附距离，可以设置拖拽行为是否禁用，以及停靠边界距离。组件在拖拽过程中提供了半透明效果，并能在不同阶段监听和处理鼠标事件以实现拖拽、吸附和停靠功能。核心原理就是在四条边、四个顶点加上透明的div，给不同方向提供按下移动鼠标监听 ，对应计算宽度高度、坐标变化。【sgDragSize】自定义组件：自定义拖拽修改DIV尺寸组件，适用于窗体大小调整_div拖拽调整大小-CSDN博客。【sgDragMove】自定义组件：自定义拖拽组件，仅支持拖拽、设置吸附屏幕边界距离。

原创 【全网最简短代码】去重对象数组中同一个ID的数据

文章浏览阅读69次。【代码】【sgAutocomplete_v2】自定义组件：基于elementUI的el-input组件开发的搜索输入框（支持本地保存历史搜索关键词、后台获取匹配项）【sgAutocomplete_v2】自定义组件：基于elementUI的el-input组件开发的搜索输入框（支持本地保存历史搜索关键词、后台获取匹配项）-CSDN博客。该方法应用到了sgAutoComplete_v2自动填充推荐组件。

原创 【sgAutocomplete_v2】自定义组件：基于elementUI的el-input组件开发的搜索输入框（支持本地保存历史搜索关键词、后台获取匹配项）

【全网最简短代码】去重对象数组中同一个ID的数据-CSDN博客。【代码】【全网最简短代码】去重对象数组中同一个ID的数据。

原创 【适配移动端】基于原生touchstart、touchmove、touchend事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况

【代码】【适配移动端】基于原生touchstart、touchmove、touchend事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况。

原创 基于原生dragstart事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况

【代码】基于原生dragstart事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况。