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

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

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

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

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

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

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

原创 【PC端列表点击按钮加载更多-适用于Vue2】点击列表底部加载更多按钮触发加载列表数据，直到加载到最后一条为止(无totalCount未知数据总条数)

这篇文章展示了一个Vue.js组件模板，实现了一个带有加载功能的表格组件。主要特点包括： 使用el-table展示数据，支持空状态显示404图片 实现了分页加载功能，包含"加载更多"按钮和加载状态提示 提供了数据模拟方法createDemoTableData来生成测试数据 包含表格滚动到底部的功能 支持关键词搜索和分页重置 组件采用Element UI库，包含加载动画、分页控制和响应式布局等功能，适用于需要分页展示大量数据的场景。

原创 【PC端列表点击按钮加载更多-适用于Vue2】点击列表底部加载更多按钮触发加载列表数据，直到加载到最后一条为止(有totalCount已知数据总条数)

该代码实现了一个Vue组件，包含数据列表展示和分页加载功能。主要特点：1) 使用v-for渲染tableData数组数据；2) 底部提供三种状态：加载中显示旋转图标，数据加载完毕显示总数，未加载完显示"加载更多"按钮；3) 点击"加载更多"触发loadMore方法，递增currentPage并调用g()获取数据；4) 样式部分使用SCSS，通过flex布局使加载区域居中显示。组件实现了基本的分页数据加载交互功能。

原创 F30底盘 宝马3系(进口) 2013款 328i运动设计套装 保险盒保险丝分布图（灰色部分为此处无需安装保险丝，其他是我当前缺失的保险丝）

2013款进口宝马328i运动版(F30底盘)保险盒分布图显示，灰色区域为预留空位无需安装保险丝。根据用户反馈，当前存在部分保险丝缺失情况，需对照具体位置编号进行补充。建议查阅车辆手册或专业维修资料，确认缺失保险丝对应的电路功能及正确安培数值，确保安全合规安装。典型缺失可能涉及辅助设备电路，需注意不同位置保险丝的规格差异。

原创 欺骗加载进度条，应用于无法监听接口数据传输进度的情况

该代码实现了一个模拟加载进度的组件。通过点击"开始加载"按钮触发fakeLoading方法，该方法使用setInterval每100毫秒增加1%的进度条值，直到达到99%时停止。组件包含一个el-button按钮和一个el-progress进度条，进度条具有自定义样式（宽度100%、高度30px、蓝色主题色）。在组件销毁前会自动清除定时器，防止内存泄漏。整个实现简洁明了，适合用于展示加载过程或测试场景。

原创 【sgCreateQrcode】自定义组件：模仿草料二维码做了一个简单的二维码制作组件

摘要： 这是一个Vue组件实现二维码生成功能，包含以下核心功能： 使用el-dialog弹窗展示二维码生成界面 支持自定义标题、上传Logo图片 提供下载二维码和复制链接功能 使用sgQrcode组件实际生成二维码 包含表单验证和加载状态管理 通过v-model控制弹窗显示/隐藏 支持外部传入初始数据 提供了示例调用方法 组件采用Element UI实现UI界面，支持响应式操作和状态管理，代码结构清晰，包含模板、脚本和样式三部分。

原创 解决：动态文本和背景色一致导致文字看不清楚，用js获取背景图片主色调，并获取对比度最大的hex色值给文字

摘要：sg.js提供图片颜色处理公共方法，包括获取图片主色调HEX值（支持采样步长和区域设置）、HEX转RGB、计算颜色亮度、生成高对比度对比色（符合WCAG标准）以及生成反色功能。通过Canvas分析图片像素数据，统计颜色出现频率确定主色调，并基于亮度值智能推荐对比色，适用于图片背景文字配色等场景。注意图片URL需满足跨域要求，方法均返回Promise或直接处理结果。

原创 【sgMapTianditu】自定义组件：天地图在Vue项目中的使用（普通街道视图、卫星视图、地形视图等）

【代码】【sgMapTianditu】自定义组件：天地图在Vue项目中的使用（普通街道视图、卫星视图、地形视图等）

原创 【批量创建文件夹脚本】用CMD代码 批量创建自定义文件夹名称，并在每个文件夹内创建readme.txt文件

这段代码是一个Windows批处理脚本，用于批量创建文件夹和readme文件。主要功能是： 通过for循环遍历8个指定文件名 为每个文件名创建对应的文件夹（mkdir） 在每个新建文件夹中生成一个空的readme.txt文件 使用chcp 65001命令确保UTF-8编码支持 通过>nul隐藏命令提示符输出 该脚本适用于需要快速创建多个同名文件夹及配套说明文件的场景，如项目初始化或批量文档整理工作。

原创 【批量创建文件夹脚本】用node.js代码读取外部config.json配置文件，批量创建自定义文件夹名称，并在每个文件夹内创建readme.txt文件，内容通过json配置填充

摘要：该代码实现了一个基于JSON配置文件的批量文件夹和文件生成器。程序首先读取config.json配置文件，其中包含5个文件夹的配置信息（文件夹名称和文本内容）。然后自动创建指定名称的文件夹，并在每个文件夹内生成readme.txt文件，写入对应配置的文本内容。程序包含错误处理、进度显示和结果统计功能，最终输出创建完成的文件夹列表和数量统计。整个过程实现了自动化批量文件创建，适合需要批量生成结构化文件的场景。

原创 【sgSelectExportDocumentType】自定义组件：弹窗dialog选择导出文件格式word、pdf，支持配置图标和格式名称，触发导出事件

本文展示了一个Vue组件sSelectExportDocumentType的实现代码，主要用于选择导出文档格式。组件包含以下核心功能： 通过el-dialog实现模态对话框，支持自定义样式和响应式布局 提供WORD和PDF两种导出格式选项 采用v-loading实现加载状态显示 包含点击事件处理和数据导出功能 使用SCSS实现了响应式交互效果，包括悬停高亮和点击动画 通过watch监听实现父子组件数据同步 组件设计考虑了ElementUI的兼容性问题，并提供了完善的样式交互效果。

原创 Office Excel筛选后粘贴数据！很多人都不会！看这篇就够了！真正讲清楚了【两个筛选过后的表格怎么粘贴数据】如何将两个筛选状态表格间进行复制粘贴？

【摘要】本文介绍了在Excel中汇总多人数据时保持原始顺序的方法。首先确保原始表格未被筛选，全选并复制分表数据；然后在总表中全选，右键选择"选择性粘贴"，勾选"跳过空单元格"选项即可完成数据合并。该方法简单有效，能确保汇总后的数据仍保持原始表格的顺序。

原创 【sgMobileUploadTypeSelect】自定义组件：从底部弹出选择上传图片文件的方式【1、上传本地文件，2、拍摄上传】

本文介绍了一个Vue组件sgMobileUploadTypeSelect，用于提供移动端文件上传方式选择功能。该组件包含两种上传方式：从手机上传文件或直接拍照上传。组件通过弹窗形式展示选项，支持点击关闭或选择上传方式。代码实现了文件选择和拍照上传的事件处理，并通过v-model控制显示状态。样式部分实现了弹窗动画效果，包括背景遮罩和选项按钮样式。该组件可作为移动端应用的通用上传解决方案，通过简单调用即可集成到项目中。

原创 [代码片段]全选checkAll、半选indeterminate 属性用以表示 checkbox 的不确定状态，自定义列表管理批量删除、全量删除

这是一个基于Vue.js的复选框列表组件，包含全选和删除功能。主要功能包括： 渲染一个包含6个选项的复选框列表 实现全选/反选功能，并支持部分选中时的不确定状态 提供删除功能，可删除选中的选项 使用计算属性实时监测选中状态变化 包含删除确认对话框，支持批量删除操作 组件使用element UI的checkbox和button组件，采用响应式设计，通过深度监听数据变化实现状态同步更新。

原创 【sgUploadCameraImage】自定义组件：H5页面手机端唤起摄像头拍照上传并获取上传图片文件File对象

摘要：本文展示了一个Vue相机组件(sgCamera.vue)的实现与调用方式。组件通过隐藏的input元素实现拍照功能，提供scan方法触发相机调用，并通过change事件返回拍摄的图片文件。在demo中通过按钮调用组件的scan方法，并使用getUploadFiles方法接收返回的文件信息。组件支持数据监听和属性传递，采用了深度拷贝和响应式更新机制。样式上隐藏了组件本身，只保留功能实现。

原创 Windows 10共享文件夹设置无需密码访问

如何在Windows系统中设置无密码文件夹共享：首先进入控制面板→网络和共享中心→更改高级共享设置→展开"所有网络"→启用"无密码保护的共享"并保存。然后右击目标文件夹→属性→共享→添加"Everyone"用户→设置读写权限→点击"共享"完成。这样局域网内其他设备就能无需密码访问该共享文件夹了。

原创 双飞燕鼠标移动速度设置

原创 v-loading=“loading“ 自定义elementUI加载旋转动画适配父DIV的宽度高度，方便调整大小

本文提供了两种Element UI加载动画的自定义CSS样式方案。样式1调整了加载指示器的大小和位置，使其占据整个容器空间。样式2则创建了更精致的视觉效果，包括半透明背景、毛玻璃效果、圆角边框和阴影，并将加载指示器居中显示在一个100x100px的方形区域内。两种方案都通过修改.el-loading-mask和.el-loading-spinner类来实现不同的加载动画呈现效果。

原创 获取多个文件名称合并，根据情况加“…”（例如：A和B，A、B和C，A、B、C...等N个文件）

该代码实现了一个文件名称合并功能：1) 对超长文件名截断处理（10字符后加"..."）；2) 根据文件数量采用不同拼接方式：2个文件用"和"连接，3个文件用顿号加"和"，超过3个则显示前3个文件名并添加"等X个文件"；3) 最终返回格式化后的字符串。该函数适用于需要简洁展示多个文件名的场景。

原创 MobaXterm设置自动进入目录

原创 外部路由跳转专用go2RouterPath方法

该代码片段包含两个路由跳转方法：go2RouterPath处理外部路由跳转，支持URL参数合并、窗口打开方式配置；go2InsidePath专用于内部跳转，可设置标签页、过滤器和参数。方法均支持回调函数，并处理了参数清理和路由异常。其中外部跳转会携带BMID、roleID等系统参数，内部跳转则通过Vuex管理全局状态。代码采用条件判断处理不同跳转场景，确保路由切换的灵活性和稳定性。

原创 SCSS上传图片占位区域样式

该代码实现了一个图片上传占位区域组件，主要包含以下特性：1) 默认显示"按要求上传图片"提示，支持自定义尺寸提示；2) 提供悬停和点击动画效果；3) 上传图片后自动隐藏提示并显示图片；4) 采用响应式设计，支持图片居中填充。组件通过SCSS实现样式，包含过渡动画、虚线边框交互效果，并提供了示例代码展示400×130像素区域的上传功能。

原创 自定义sg-loading加载动画效果

这是一个Vue组件实现的加载动画功能，包含一个200x200px的容器，中间显示"加载中..."文字和圆形加载图标。通过v-loading指令控制显示状态，加载动画使用Element UI的el-loading组件实现，并自定义了透明背景和蓝色主题样式。组件包含scoped样式，确保样式隔离，并优化了加载图标和文字的对齐方式。

原创 修改VSCode的JavaScript（.js）文件代码格式化的默认配置项

VS Code中通过快捷键Ctrl+Shift+P打开命令面板，选择JavaScript和TypeScript的语言功能，可启用默认的智能代码补全、错误检查等编辑器功能。

原创 【推荐】JS代码格式化插件Prettier-Standard - JavaScript formatter

原创 报错[Vue warn]: Failed to resolve directive: else如何解决？

排查发现同一HTML DOM节点同时存在v-else和v-if指令导致冲突，删除v-else指令后问题解决。该问题源于Vue模板语法中v-if和v-else不能同时作用于同一节点。通过移除v-else指令，确保条件渲染逻辑正确执行，解决了由此引发的渲染异常问题。

原创 使用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字)

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

本文构建了概念认知的四维分类体系：概念类（本质定义/理论体系）、构成类（要素结构）、发展类（过程演变）和运用类（功能实践），并引入5W2H分析法（Why/What/Who/When/Where/How/How much）作为深度学习框架。该体系通过结构化思维揭示知识的内在逻辑，既包含静态概念解析，又涵盖动态应用评估，为系统性学习和知识管理提供了方法论指导。

原创 基于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。