DecorateCC的博客

原创 JSON.stringify() 和 JSON.parse() 用于序列化和解析

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 “猜数字”游戏

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 在 Vue 中，this 的行为在箭头函数和普通函数中是不同的

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 运行小程序遇到的各种问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 openEuler AI 开发环境搭建 - Python/Anaconda/Jupyter 完整指南

恭喜！你已经在 openEuler 25.09 上成功搭建了完整的 AI 开发环境。✅ 系统准备 - 更新系统、安装开发工具、配置国内镜像源✅ Python 管理 - 使用 pyenv 管理 Python 版本✅ Anaconda 环境 - 安装 Miniconda 和常用科学计算库✅ Jupyter 配置 - 配置远程访问和密码保护✅ AI 框架 - 安装 TensorFlow 和 PyTorch 并验证。

原创 openEuler 常用开发工具性能实测：Python、Node.js、Git 运行效率对比

1. 软件生态丰富官方软件源包含所有主流开发工具版本更新及时，无需手动编译安装依赖关系清晰，安装过程顺畅2. 性能表现优秀Python 计算性能与主流发行版持平或更优Node.js 异步 I/O 效率高，适合高并发场景Git 操作响应快速，大型仓库处理能力强3. 系统稳定可靠测试过程无崩溃、无异常资源占用合理，无内存泄漏合长期运行的开发和生产环境4. 企业级特性内核优化针对服务器场景安全更新及时，社区活跃。

原创 8GB内存也能跑大模型！openEuler + Ollama 实战部署教程

随着人工智能技术的快速发展，大语言模型已经成为各行各业关注的焦点。但对于个人开发者和中小企业来说，如何在有限的硬件条件下部署和使用大模型，一直是个难题。本文将手把手教你在 openEuler 25.09 系统上使用 Ollama 部署本地大模型，即使是普通配置的服务器也能轻松运行！✅ 零基础友好：从系统检查到模型运行，每一步都有详细命令✅ 完全离线：部署后无需联网，数据安全有保障✅ 配置要求低：8GB 内存即可运行，适合测试和学习✅ 真实测试数据：包含完整的性能测试和资源占用分析。

原创 openGauss是怎么成为向量数据库的领跑者的？

openGauss的发展史是一部中国基础软件创新的奋斗史。从最初的技术积累到开源发布，从基础功能完善到企业级特性增强，再到AI原生数据库的突破，openGauss用三年时间走完了传统数据库十年甚至更长时间的发展道路。每个版本都代表着技术的重大进步： - 1.0.1 奠定了技术基础 - 2.0.0 构建了完善生态 - 3.0.0 强化了企业级能力 - 3.1.0 提升了安全标准 - 5.0.0 开创了AI原生时代openGauss的成功不仅体现在技术指标上，更体现在产业影响中。

原创 openGauss在大型游戏中的应用：构建下一代游戏数据引擎

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 基于openGauss的智能数据中台：DataBrain Pro产品白皮书

DataBrain Pro是一款基于openGauss深度优化的企业级智能数据中台产品，专为数字化转型中的企业设计。我们通过将openGauss的高性能内核与AI能力深度融合，打造了这款"开箱即用"的数据智能平台。基于openGauss的NUMA-aware架构，性能提升3-5倍智能查询优化，复杂查询响应时间从分钟级降至秒级实时数据处理能力，支持百万级TPSDataBrain Pro基于openGauss的强大能力，重新定义了企业数据中台的产品形态。

原创 【elementUI踩坑记录】解决 el-table 固定列 el-table__fixed 导致部分滚动条无法拖动的问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【echarts踩坑记录】为什么第二个Y轴最大值不整洁

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【echarts】解决 ECharts 图表模糊问题的实践心得：单条数据时字体颜色灰蒙蒙的， 图例失真， 字体模糊问题解决

介绍了两种解决echarts图表图例模糊的方法：一是通过设置renderer为svg，使用SVG渲染方式提高清晰度；二是针对canvas渲染，调整devicePixelRatio值以提升图表的像素密度和清晰度。

原创 【Element UI排序】JavaScript 的表格排序sortable=“custom“和 @sort-change

Sortable — 是一个 JavaScript 库，用于在现代浏览器和触摸设备上对拖放列表进行重新排序。

原创 【css知识】flex-grow: 1

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【element ui】翻页记忆功能、多选时执行删除操作，刷新表格问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【移动端页面缓存】

通过以上 Vue 3 的实现方案，你可以确保 van-floating-bubble 组件在页面切换时被正确管理，避免重复创建的问题。关键点包括：使用 v-if 控制组件的显示和隐藏。在 onBeforeUnmount 中清理资源。如果使用 keep-alive，通过 onActivated 和 onDeactivated 管理组件的状态。检查路由配置，确保组件不会被重复挂载。给所有页面加缓存，接口重复调用20几次，该怎么处理？使用防抖或节流。

原创 【真机调试】前端开发：移动端特殊手机型号有问题，如何在电脑上进行调试？

edge浏览器谷歌浏览器（开tizi）希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

转载 element-ui动态设置tabel列时,无效果,表头抖动,表格错乱,值不能正常展示等问题

踩坑日记：最近用element-ui做一个动态列（频繁隐藏显示列）的表格踩坑记录下：1、在el-table-column上使用v-show绑定是无效果2、el-table-column几次切换显示/隐藏后，发现表格的排版完全乱了,或者值不能正常展示3、表格头抖动。

原创 【element ui】input输入控件绑定粘贴事件，从 Excel 复制的数据粘贴到输入框（el-input）时自动转换为逗号分隔的数据

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【浏览器指纹】fingerprintjs2使用fingerprintjs生成浏览器唯一标识(浏览器指纹)

浏览器指纹我们可以理解成是一个用户设备的浏览器的唯一id（有点类似手机设备的IMEI），通过浏览器指纹，我们可以做一些埋点操作或者是鉴权，辨别是否是同一用户，其是否有更换设备（更换浏览器）等。Fingerprint.js的核心理念是在用户不知情且不侵犯其隐私的情况下，收集一些浏览器的基本信息，如屏幕分辨率、时区、已安装字体、插件等，并将这些数据转化为一个哈希值，即所谓的"设备指纹"。这种指纹可以作为识别用户的一种方式，即使他们清除cookies或者更换设备，只要浏览器配置保持不变，就能被识别出来。

原创 element ui 下拉框Select 选择器 上下箭头旋转方向样式错乱——＞优化方案

测试A：那啥！抠图仔，样式怎么点着点着就出问题了。前端：啥？css样式错乱了？你是不是有缓存啊！清下缓存试试。测试A（内心戏：这抠图仔一有问题就赖缓存）：清缓存后，还有啊！你看看吧！前端：见鬼了，我本地没复现啊。希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 Baidu Comate智能编码助手：AI编程时代提升效率的好帮手

Baidu Comate 是基于文心大模型的 AI编程工具，它结合百度积累多年的编程现场大数据和外部优秀开源数据，为你生成更符合实际研发场景的优质代码。提升编码效率，释放“十倍”软件生产力。4月3日，百度正式发布智能代码助手Baidu Comate 2.0，面向个人开发者全面免费。百度CTO：百度每日新增代码中27%由Comate生成，Baidu Comate 2.0已经在百度内部上岗1年，不仅精通100多种主流开发语言，甚至已经编写了百度内部四分之一的代码。接下来，本文章将手把手带你体验一次“

原创 element-ui的年份范围选择器，选择的年份需等于或小于当前年份，选择的年份范围必须在三年之内

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【echarts】动态滚动趋势图，解决坐标轴数据太多遮挡覆盖问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 npm install 安装出错时尝试过的方法

使用npmcacheclean--force清除缓存，然后将安装失败的项目中的node_modules文件夹以及package-lock.json文件删除（package-lock.json是在npminstall安装时生成的一份文件，用以记录当前状态下实际安装的各个npmpackage的具体来源和版本号，如果没有这个文件的话，那么npminstall将下载大版本下的最新的包，具体可参考：https://www.cnblogs.com/cangqinglang/p/8336754.html），然

原创 【php】解决加载速度慢导出超时问题记录

原创 【elementui】el-popover在列表里循环使用,取消的doClose无效解决办法 重置密码功能

在使用elementui的Popover 弹出框时，需求是在table列表里使用，循环出来，无法取消。

原创 【JavaScript】基础学习记录

toFixed() 方法将一个浮点数转换为指定小数位数的字符串表示，如果小数位数高于数字，则使用 0 来填充。toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。注意：toFixed() 方法在进行四舍五入时可能会产生一些不准确的结果，这是因为 toFixed() 方法在处理浮点数时，实际上使用的是舍入到最近的偶数（银行家舍入）策略，而不是标准的四舍五入。这种舍入策略是为了在大量运算时减小累积误差。JavaScript toFixed() 方法。

原创 【windows 清理redis 缓存】

【windows 清理redis 缓存】

转载 【element】TypeError: this.$message is not a function报错情况解决

适合于你负责的项目，之后肯定会经常用到，首先找到项目的plugin.js文件，这个文件一般在utils文件目录下，这个文件一般都是负责整个项目的全局配置属性。具体代码逻辑要看每个项目不同的配置写法，我这个是vue项目，提供的是一种方法，具体要往哪里写，各位看官自行研究。在最近负责的一个前端项目中，使用this.$message报错了，之前也没注意，然后这次抽空看了一下问题。首先，在你要用的页面去引入。

原创 【Echarts】Echarts在不同屏幕分辨率下不同配置

【代码】【echarts】不同分辨率下图例样式。

原创 【前端】element button鼠标点击按钮更改样式

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【干货】一文详解前端布局

百分比布局是一种常用的前端布局方式，它可以根据父元素的宽度或高度来设置子元素的尺寸。通过使用百分比单位，可以实现响应式布局，使页面在不同设备上都能适应不同的屏幕尺寸。在百分比布局中，可以使用百分比来设置元素的宽度、高度、边距、内边距等属性。例如，可以将一个元素的宽度设置为父元素宽度的50%，这样无论父元素的宽度是多少，该元素都会占据父元素宽度的一半。百分比布局的优点是灵活性高，可以根据不同的需求和屏幕尺寸进行调整。但也需要注意一些限制，-

原创 【vue】vue.js中引入组件

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 【详解代码】vue element el-select选择器多选下拉框实现全选功能和取消全选

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

原创 elementui el-table-column表头换行，自定义表头以及排序图标的位置放置

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~原创不易，期待你的关注与支持~之后我会继续更新前端学习小知识，关注我不迷路~

原创 【 echarts】x轴的名称与y轴名称重叠，让x轴 name 靠近底部，使用xAxis的属性nameTextStyle、nameGap、nameLocation解决问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~原创不易，期待你的关注与支持~之后我会继续更新前端学习小知识，关注我不迷路~

原创 【javascript】vue和elementui中的键盘事件，el-input-number输入框限制输入数据规则，只能输入正整数，禁止输入除正整数以外的其他字符

keyup.native=“UpNumber” @keydown.native="UpNumber"这是一个Vue.js中的事件绑定语法，用于监听键盘按键事件。其中@keyup.native表示监听键盘松开事件，@keydown.native表示监听键盘按下事件，UpNumber是自定义的事件处理函数。首先要监听keyup（键盘按下）事件，因为elementUi上面的input组件监听事件是没有这个事件的，所以可能会报错，所以我们需要加个vue事件的修饰符 .native，代表原生事件的意思。

原创 【基础知识】sql查询语句

统计每门课程的学生选修人数（超过 5 人的课程才统计）标题查询在 SC 表存在成绩的学生信息。查询同名同性学生名单，并统计同名人数。查询各科成绩最高分、最低分和平均分。查询名字中含有「风」字的学生信息。查询 1990 年出生的学生名单。检索至少选修两门课程的学生学号。查询「李」姓老师的数量。求每门课程的学生人数。