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

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

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

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

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

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

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

原创 使用for循环Vue2列表，有哪些情况会导致重复渲染，如何解决？

摘要： Vue开发中应避免在循环列表中使用嵌套对象（如:data="{prop:value}"）或方法返回嵌套对象（如:data="getObjectValue()"），这会导致组件重复渲染，严重影响性能。示例显示，直接绑定变量（:data="fileData"）可避免此问题。关键点： 嵌套数据绑定会触发深度监听，导致子组件不必要更新 计算属性或方法返回新对象会生成新引用，触发重新渲染 在非循环场景中使用嵌套对象影响较小

原创 自定义方法clickoutsideFilter点击气泡框外部隐藏气泡框

摘要：该代码实现了一个包含高级搜索功能的Vue组件，通过el-popover实现点击"高级搜索"按钮显示/隐藏搜索面板。组件采用事件监听处理点击外部区域自动关闭popover，同时避免误触发（如点击popover内部元素或按钮时不关闭）。核心功能包括：1) 自定义popover显示控制；2) 智能点击区域检测；3) 组件销毁时的事件清理。代码结构清晰，包含template模板、script逻辑和样式控制，适用于需要复杂搜索条件的场景。

原创 高亮匹配关键词样式highLightMatchString、replaceHTMLChar

该代码实现了一个HTML字符串高亮匹配功能：1. 首先过滤掉正则表达式特殊字符，确保安全匹配；2. 提供自定义高亮样式类选项，默认使用红色加粗样式；3. 通过正则替换将匹配字符串包裹在span标签中；4. 包含HTML字符转义功能，防止XSS攻击；5. 保留原始匹配项的大小写格式。核心方法是使用正则表达式全局替换匹配内容，并支持自定义高亮样式类。

原创 【quickSearchMenu】自定义组件：基于sgAutocomplete完成快速查找系统菜单并跳转，支持菜单拼音声母组合前端静态查询

这篇文章摘要： 本文展示了一个Vue组件quickSearchMenu.vue的实现，该组件提供了一个快速搜索菜单功能。主要特点包括：1) 使用sgAutocomplete组件实现自动完成搜索；2) 支持PC和移动端适配；3) 可配置搜索项、终端类型和本地存储键；4) 通过v-model控制显示/隐藏；5) 包含透明背景遮罩层。组件通过扁平化菜单结构处理数据，并提供了清除历史记录功能。样式部分使用SCSS编写，包含固定定位和响应式设计，确保在不同设备上正常显示。

原创 VSCode解决中文乱码显示问题：运行一行代码解决VSCode终端不支持显示中文（chcp 65001）

在VSCode中解决终端中文乱码问题，只需输入命令"chcp 65001"切换为UTF-8编码即可。该命令将终端代码页设置为支持中文显示的65001代码页，简单有效解决中文显示异常问题。适用于Windows系统下VSCode终端的常见中文编码问题。

原创 筛选一维数组里面重复的元素，并返回打印出来

JavaScript数组去重与集合操作摘要：本文介绍了两种JavaScript数组处理方法。一是利用filter和some方法实现数组合并与去重，筛选出ID不重复的元素进行合并更新。二是通过ES6的Set对象特性，简洁高效地实现数组去重、并集、交集和差集运算。这些方法为数组处理提供了便捷的解决方案，代码简洁实用。(149字)

原创 【教育技术学】认知新领域知识、技术、理论的学习过程和研究过程需要聚焦的若干概念词汇合集

概念认知涉及定义、内涵、结构与演变过程，涵盖其历史起源、发展逻辑及核心要素。从理论框架到应用实践，包括分类、功能、影响及特征分析。研究范畴可延伸至模型构建、变量关系、风险管理及系统评价，强调关联比较与认知拓展。

原创 基于elementUI的el-autocomplete组件的自动补全下拉框实践

在Vue的Autocomplete组件中，通过设置`activated`属性为`true`和使用`suggestions`可以直接触发下拉框内容更新。【sgAutocomplete】自定义组件：基于elementUI的el-autocomplete组件开发的自动补全下拉框组件（带输入建议的自动补全输入框）_elautocomplete自定义-CSDN博客。el-autocomplete那些在饿了么官方文档看不到的API_el-autocomplete activated-CSDN博客。

原创 【AIicon】自定义组件：AI润色图标按钮，支持后台接通AI润色词汇、文本段落接口并响应结果

这是一个名为AIicon的Vue组件，用于实现文本AI润色功能。组件主要特性包括： 显示AI图标和"小智AI润色"文字 点击触发文本润色功能 支持加载状态显示 可配置润色要求和内容定位 润色后通过事件返回结果 组件使用Element UI的el-link作为加载指示器，默认按学术科研标准润色文本，支持第一人称谦和表述。可通过data属性传递需要润色的内容和配置参数，润色结果通过response事件返回。组件样式包含悬停效果和精确定位功能。

原创 一行代码的方法将对象转换为url后面带问号的跟参?param1=***&param2=***&....

摘要 该代码定义了一个名为letp的函数，用于将对象转换为URL查询字符串。函数接受一个对象参数d，通过Object.keys()获取对象键名数组，然后使用reduce()方法将键值对拼接成?key1=value1&key2=value2...格式的字符串。若对象为空或未提供，则返回空字符串。该函数简洁高效地实现了对象到URL参数序列化的功能。

原创 【sgTextEdit】自定义组件：表格单元格文本内容，跟随编辑按钮图标，支持自定义点击后编辑修改的api接口名。

【代码】【sgTextEdit】自定义组件：表格单元格文本内容，跟随编辑按钮图标，支持自定义点击后编辑修改的api接口名。

原创 基于elementUI的全局移动端样式、公共样式_mobile.scss

【代码】基于elementUI的全局移动端样式、公共样式_mobile.scss。

原创 【sgMoreMenu】自定义组件：“更多操作⌵”上下文关联按钮）下拉菜单。可用于表格操作列显示不下折叠的更多操作下拉框。

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

原创 el-dropdown自定义“更多操作⌵”上下文关联按钮）下拉菜单

文章浏览阅读520次。【代码】基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单。_dropdown 更多操作 样式。基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单_dropdown 更多操作 样式-CSDN博客。

原创 在没有设置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颜色值类型之间互相切换

原创 【topMenu.vue】递归element-ui el-menu 实现无限级子菜单【recursionMenu.vue】

文章浏览阅读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】自定义组件：将文本、链接转换为二维码，支持移入气泡框显示二维码或直接显示二维码，并支持加载动画效果。