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

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

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

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

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

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

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

原创 表格常用方法：根据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效果_实现鼠标移动提示框也移动-优快云博客。

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

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

原创 vue判断组件是否有传入的slot，有就渲染slot，没有就渲染内部节点默认内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原创 js 将驼峰命名转换为_下划线连接每个单词

【代码】js 将驼峰命名转换为_下划线连接每个单词。

原创 如何实现页面引导提示？【sgGuide】自定义组件：基于elementUI的el-popover组件开发的引导、指导用户如何使用系统的流程演示步骤，新手引导流程功能

【代码】【sgGuide】自定义组件：基于elementUI的el-popover组件开发的引导、指导用户如何使用系统的流程演示步骤。

原创 js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）

【代码】js 监听粘贴事件并获取内容填充到输入框（包括监听Ctrl+V或右键粘贴）

原创 JavaScript将:；隔开的字符串转换为json格式。使用正则表达式匹配键值对，并构建对象。多用于解析cssText为style Object对象

【代码】JavaScript将:;隔开的字符串转换为json格式。使用正则表达式匹配键值对，并构建对象。多用于解析cssText为style Object对象。

原创 获取文件or文件夹大小，计算文件大小，转换为Bytes、KB、MB、GB、TB、PB单位

【代码】获取文件or文件夹大小，计算文件大小，转换为Bytes、KB、MB、GB、TB、PB单位。

原创 用Docker在本地用open-webui部署网页版DeepSeek

首次运行需要下载deepseek的大模型包（大约5GB，根据本地网速的不同在半个小时到几个小时之间下载完成） ，并自动运行。第二次运行就直接输入命令。用Ollama在本地CMD窗口运行deepseek大模型-优快云博客。Docker中文网 官网.Docker中文网 官网。下载docker并安装。

原创 用Ollama在本地CMD窗口运行deepseek大模型

首次运行需要下载deepseek的大模型包（大约5GB，根据本地网速的不同在半个小时到几个小时之间下载完成） ，并自动运行。第二次运行就直接输入命令。

原创 用cherry studio的【硅基流动siliconflow】本地化部署deepseek

Cherry Studio - 全能的AI助手Cherry Studio AI 是一款强大的多模型 AI 助手，支持 iOS、macOS 和 Windows 平台。快速切换多个先进的 LLM 模型，提升工作学习效率。安装好后，打开Cherry Studio。

原创 【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件

【代码】【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件。

原创 【适用于Vue2】滚动到页面底部触发加载列表数据，直到加载到最后一条为止

【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置_手机端滑动加载逻辑 offsetheight-优快云博客文章浏览阅读5.1k次，点赞2次，收藏2次。 https://blog.youkuaiyun.com/qq_37860634/article/details/115664267https://blog.youkuaiyun.com/qq_37860634/article/details/115664267https://blog.youkuaiyun.com/qq_37860634/article/details/

原创 机械燃油车知识图谱、知识大纲、知识结构、知识体系（持续更新...）

一、发动机一、发动机。

原创 原生JavaScript实现文本内容的文字数量变化，适配容器宽度和高度，文本内容文字字体的字号大小自动缩小，保障文字全部都在容器内显示完

【代码】原生JavaScript实现文本内容的文字数量变化，适配容器宽度和高度，保障文字全部都在容器内显示完。

原创 基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单

【代码】基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单。

原创 巧用elementUI el-image组件预览大图，可以省去引用很多组件代码片段

如果在

原创 基于el-collapse实现复杂的拖拽排序逻辑，计算拖拽放前面还是后面（用dragstart、drag、dragend、dragover、drop、dragleave）

用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)_dragstarte-优快云博客文章浏览阅读711次，点赞8次，收藏7次。将数组指定索引位置的元素 移动到 目标索引位置，且不改变其他元素原本的顺序，注意这个不是对调元素位置，是移动某一个元素位置不影响其他元素顺（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）-优快云博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置（

原创 奥迪TT MK1(初代奥迪TT、第一代奥迪TT)仪表盘故障/不精准/水温/剩余油量不准，如何修复、测试、复位？

水温不准，冷启动就130℃+、汽油加满指针依然在中间偏左的位置。

原创 Nyar2v全局热键设置

原创 elemetnUI的el-checkbox报错“TypeError: Cannot read properties of null (reading ‘length‘)“怎么办？

如果报错类似上面的内容，大概率是

原创 【sgs】自定义组件：简洁版搜索栏筛选框组件（点击筛选条件按钮才出现复杂的、可自定义的筛选组合条件；当页面宽度不足以显示所有操作按钮的时候，自动折叠为“更多操作⌵”上下文关联按钮）。

基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单-优快云博客。【代码】基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单。

原创 汽车发动机电控系统-【传感器】篇

不多不少。

原创 【sgFileLink】自定义组件：基于el-link、el-icon标签构建文件超链接组件，支持垃圾桶删除、点击预览视频/音频/图片/PDF格式文件

文章浏览阅读169次。【代码】【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件。【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件-优快云博客。

原创 【sgAudioDialog】自定义组件：基于audio标签和el-dialog构建弹窗预览音频文件

【代码】【sgAudioDialog】自定义组件：基于audio标签和el-dialog构建弹窗预览音频文件。

原创 【sgVideoDialog】自定义组件：基于video标签和el-dialog构建弹窗预览视频文件

【代码】【sgVideoDialog】自定义组件：基于video标签和el-dialog构建弹窗预览视频文件。

原创 【sgUploadImage】自定义组件：基于elementUI的el-upload封装的上传图片、相片组件，适用于上传缩略图、文章封面

文章浏览阅读192次。【代码】【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时。【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时-优快云博客。【实用的代码片段】基于elementUI的el-upload的上传文件对象获取代码片段，支持上传单个、多个File或文件夹(可以获取文件夹下钻子文件夹递归文件)-优快云博客。