- 博客(861)
- 资源 (62)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 实战：从 0 到 1 GitLab CI/CD 前端持续部署
文章目录写在前面服务器配置环境安装安装 Docker安装 GitLab测试 GitLabGitLab Runner前端项目 CI/CD 流程的设计正式开始编写 .gitlab-ci.yml 的内容介绍 .gitlab-ci.yml镜像的使用stages 执行顺序的定义job 内容的编写在 CI/CD 中使用 SSH keys前端项目部署到阿里云OSS前端项目 CI/CD 最佳业务配置思路常见问题排查及修复相关参考链接写在前面首先感谢大家能来参加我的 Chat，能来参加的同学都是想在业余有一些其他知识的
2021-08-17 19:48:25
7060
16
原创 深夜的敲门声——献给孤独奋斗的你
多久了? 多久没听到敲门声了? 有很多时候我会想象，假如有一天，或许是周末，或许是周一，我一个人待在家里看美剧，或者漫画，又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转换到自己所处的这个杂乱，狭窄的小房子里。这40多分贝的声音，让我一下子感到了前所未有的。。。。。...
2019-10-24 10:24:10
5328
8
原创 最新Tampermonkey 中文文档解析（附基础案例和高级案例）
近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址使用 Tampermonkey 编写高级跨网站自动化任务脚本标明：本文出现的TM 即使Tampermonkey 的缩写目录USERSCRIPT HEADER@name@namespace@version@author@description...
2019-10-21 12:29:37
184099
7
原创 搭建公司产品wiki的开源框架选型，注重介绍wikijs框架
本文记录了企业wiki系统选型过程。针对现有docusaurus框架存在技术门槛高、定制能力弱等问题，作者调研了十余种开源wiki框架，最终筛选出wikijs、WordPress和halo三个候选方案。wikijs凭借简洁UI、易用编辑器和Node.js+Vue技术栈成为首选，尽管其主题定制功能尚不完善。文章分享了开源项目筛选方法，并指出wikijs的生态建设仍需加强。最后作者以个人成长感悟作结，强调保持开放心态和多元化发展的重要性。
2025-12-30 17:33:57
855
原创 越努力，机会越多
很遗憾那次考试的两门只过了一门，考不过就考不过吧，我也没当一回事，本来就是考着玩的。2025年，时隔两年，我又重新想起了我的教资考试，不查不知道，一查吓一跳，没想到过的那一门成绩马上要失效了。但都没有坚持下来，后来一定要培养各种各样的爱好，做好孩子的榜样，以后再复习一下小学，初中，高中的知识，教给孩子们。如果你足够努力，以后会有更大的选择，如果你语数英的成绩都很好，那么可以做语文老师，你可以做数学老师，也可以做英语老师。等我考试完，要马不停蹄的规划一下要培养的业余爱好，练钢琴，跑步，还是练字，读书。
2025-10-24 18:39:33
646
原创 WebGL 相关基础知识学习
WebGL基础知识与GLSL入门 本文介绍了WebGL的基本概念及其与OpenGL的关系，解释了WebGL的组成结构（JavaScript、GLSL、Canvas）和两种核心着色器（顶点着色器、片段着色器）。文章详细说明了GLSL语言的基本数据类型（浮点、整数、向量、矩阵等）和常用内置函数（向量运算、数学计算、纹理采样等），并提供了简单的着色器代码示例。此外，还对比了WebGL 1.0和2.0的区别，指出WebGL调试困难的原因在于CPU与GPU的严格通讯机制。这些基础知识为理解WebGL渲染流程和编写着色
2025-08-27 08:00:00
868
原创 开发一个在https网站，可以与局域网的设备进行无线通讯，发起https与websocket请求的浏览器插件
本文介绍了一个浏览器插件的开发过程，该插件用于解决上位机与局域网设备在HTTPS环境下通讯的问题。由于浏览器限制，上位机无法直接访问设备的HTTP/WebSocket服务，因此采用插件作为数据中转。文章详细说明了技术方案的选择和优化过程，从最初的三方通讯架构简化为更高效的实现方式。特别提到处理文件上传和解决background.js运行时长限制等关键难点。最后强调了技术方案选择的重要性，建议开发者全面了解相关技术文档以避免潜在问题。这个方案最终实现了上位机与设备的稳定通讯，同时保证了良好的可扩展性。
2025-08-21 08:00:00
992
原创 对比四种误差扩散 抖动算法 的差异点 Floyd-Steinberg， Stucki， Jarvis， Atkinson，
本文对比了四种误差扩散抖动算法（Floyd-Steinberg、Stucki、Jarvis-Judice-Ninke、Atkinson）的关键特性。从噪点表现看，Jarvis最平滑，Atkinson保留高频细节但颗粒感明显；扩散范围上，Floyd计算量最小（4邻域），Jarvis/Stucki更精细（12邻域）。激光雕刻场景中，Floyd适合高速雕刻，Jarvis可防材料灼烧，Atkinson具有艺术化效果。综合建议：肖像用Jarvis/Stucki，艺术效果选Atkinson，文字/LOGO用Floyd，
2025-08-13 08:00:00
474
原创 fabricjs 自定义滤镜，webgl滤镜 与 canvas 2d滤镜
本文介绍了使用fabric.js实现图像编辑功能的技术方案。作者选择利用fabric.js内置的丰富滤镜功能，并详细解析了自定义滤镜的实现方法。文章重点分析了WebGL滤镜的工作原理，通过GLSL着色器语言实现GPU加速处理，并提供了创建二值化滤镜的完整代码示例。此外，还介绍了颜色矩阵滤镜的实现方式，展示了fabric.js在图像处理方面的高效性和灵活性。作者通过实际案例，分享了从技术调研到具体实现的经验总结。
2025-07-28 08:00:00
1105
原创 在向github提交代码后，我想将代码自动部署到一个开发板（没有公网IP）里
本文将介绍如何在无公网IP的开发板上实现持续部署方案。通过GitHub WebHook和localtunnel工具，可以解决两个关键问题：代码提交后的部署触发和内网穿透。文中详细讲解了Node.js服务端程序的实现方法，包括WebHook签名验证、事件处理和部署脚本执行。同时提供了GitHub WebHook配置指南，以及localtunnel的使用方法。该方案可实现开发板在内网环境下的自动化部署，无需公网IP即可接收GitHub推送事件并执行部署流程。
2025-07-03 08:00:00
508
原创 香橙派AI Pro 开发板的环境搭建
摘要：作者分享了香橙派AI Pro开发板的启动和使用过程。开发板配置为4核8G内存、32G存储，需通过TF卡启动，需将boot拨码开关拨至右侧。启动时需要连接显示器（HDMI0接口）、键鼠和电源。成功启动后，系统显示登录界面，可通过ip addr show查看本机IP（192.168.31.253）。开发板已预装Docker，并通过apt安装了Node.js，可使用htop监控资源。支持SSH远程登录（账号root，密码Mind@123）。整个过程详细记录了硬件准备和系统配置步骤。
2025-06-27 08:00:00
847
1
原创 segment-anything本地部署
但是在生成图片的数据时， /assets/data/dogs_embedding.npy ，还没有搞定。将生成的sam_vit_h_onnx_example.onnx 复制到demo/model中，并修改。另外在启动项目后，也报了跨域问题，有可能是版本问题。这几天研究这个项目，学习一下AI相关的功能组件。环境安装后，要测试使用还需要下载训练好的模型。生成 onnx模型 用于web调用。大杯 default or。
2025-05-26 08:00:00
428
原创 paperjs中 item 属性的 applyMatrix的详细解释及解决办法
时，虽然保留了变换信息（旋转、缩放），但几何数据（如路径点）的坐标是相对于本地坐标系的。如果直接读取这些坐标，它们没有经过变换矩阵的转换，因此位置不准确。属性控制变换矩阵（平移、旋转、缩放等）的应用方式。它的行为对元素的坐标系统和属性访问有深远影响。时，需手动应用变换矩阵到本地坐标，才能得到准确的世界坐标。和手动坐标转换，可以同时保留变换信息并获取准确的位置数据。在 Paper.js 中，
2025-05-23 08:00:00
345
原创 有关字体，语言，字符编码相关的基础知识，询问chatgpt所得
Unicode 是一个全球字符集标准，目的是为所有语言中的所有字符分配一个统一的编码。它把字符按照功能、语言或书写系统划分为“区段”，每个区段就是一个Unicode 范围。Unicode 范围字符示例用途A-Z, a-z拉丁基本字母А-Я, а-я西里尔字母（俄语、乌克兰语等）中、国、文常用汉字Α, β, γ希腊字母À, ç, ñ拉丁扩展-A（法语、西语等变音）😀, 😢Emoji所以你不需要按“语言”去处理字体，而是按“字符属于哪个 Unicode 范围”来选对应字体。✅。
2025-04-24 17:11:26
996
原创 thingsboard 简单的前端二开流程与自定义mqtt遥测主题
如果你使用docker容器 微服务的方式进行安装的话，二开会比较简单，因为前端是一个独立的容器，所有的资源都在这个容器里，你可以直接进入容器进行修改。最简单的二开时，解压jar包，修改其中的前端资源后，再重新压缩成jar包，调用java的一些指令。最后还是要在本地搭建一个开发环境，然后编译出jar包，替换容器或者本地安装目录的jar包。构建jar包要配置开发环境，安装java，安装maven，安装git，需要优秀的网速。这种方式适用性比较强，适合所有的安装方式，docker 容器，服务器直接安装，
2025-04-10 08:00:00
450
原创 web 串口，js发送gcode时，可供选择的几种方式
通过合理地选择发送方式和容量控制手段，可以确保消息传递的可靠性和系统的稳定性。如果你需要实现更复杂的协议，推荐使用。或者 JSON 格式来结构化消息内容，并附加长度信息以供接收端验证。
2024-12-25 08:00:00
742
原创 在react app中使用 web worker的方案，基于 creat-react-app脚手架，并且webapck 为 5.x
改写 App.tsx。
2024-12-23 08:00:00
393
原创 使用node-red网关读取modbus设备点表，并上传到市政低碳平台来统计数据
最近做了一个物联网项目，具体是这样的，利用node-red网关盒子，来采集Modbus设备的点表，然后将数据转换，封装，最终上传到市政的低碳平台。上一步封装了点表的数据，调用低碳平台还需要账号密码，建筑id，这些都是固定信息，所以我们单独提出来。上一步获取到了原始的点表数据，下一步就是将这些点表数据与在低碳平台创建的采集的对应起来，并且设置好分类。读取modbus的节点，会有两个输出，我是使用的第一个输出。msg.meters 是一个数组，里面的每一个元素都是一个点表，比如厨房用水，园区照明，
2024-11-21 14:36:27
678
原创 web在线串口调试助手
然而，传统的串口调试工具往往需要安装复杂的软件，并且受制于操作系统和设备的兼容性。无论是嵌入式开发、物联网设备调试，还是 Arduino、ESP 系列开发板的串口调试，都能轻松应对。无需安装任何软件，只需打开浏览器即可使用，支持 Windows、Mac、Linux 等主流平台。利用 Web Serial API，数据只在本地处理，确保用户信息和设备数据的安全。数据发送与接收的实时性强，支持日志查看、数据导出等功能，方便后续分析。提供灵活的波特率设置以及数据格式选项，满足不同设备的调试需求。
2024-11-18 10:41:58
1528
原创 有关机器学习的数据处理，模型训练，模型保存，模型调用和结果预测 整体流程
数据准备：收集、清洗和处理数据。模型训练：选择模型并进行训练。模型评估：使用评估指标检查模型的表现。模型保存：将训练好的模型保存到文件中。使用模型：加载模型并对新数据进行预测。数据预测：应用模型于实际数据，获取预测结果。这就是机器学习的整个流程。希望这个详细的介绍能帮助你理解如何从头到尾进行模型训练和应用。如果你有具体的实现问题或需要更多细节，请随时告诉我！下面是一个完整的案例 用于预测管道是否堵塞，配置环境编写模型训练代码# 1. 生成测试数据# 生成水管内压力数据，分为正常和堵塞两类。
2024-10-23 14:01:23
5840
1
原创 一体化单点注册与登录解决方案：基于Ragflow与毕昇的创新产品原型
我们使用FastAPI和MySQL作为底层框架，搭建了一个业务系统，与 Ragflow 和毕昇的 API 无缝集成，实现了强大的单点注册和单点登录功能。用户只需一次注册，便可同时在三个系统中生成用户账号；同样，一次登录操作即可在 Ragflow、毕昇和业务系统中完成统一授权，获取所有需要的授权令牌。通过将 Ragflow 和 毕昇 两大开源项目的强大功能集成到一个业务系统中，我们为用户提供了极致的便利与高效的解决方案。无论是用户体验的提升，还是系统操作的简化，这款产品原型都展现了极高的应用价值。
2024-10-14 10:48:18
10709
2
原创 基于Segment Anything 模型的智能抠图开发的产品原型，基于官网案例升级改造
最近在研究图像处理的过程中，接触到了Mate开源的 Segment Anything模型，花点时间研究了一番，之前也写了一篇部署模型的教程，感兴趣的同学可以查看一下之前的文章Segment Anything模型 人工智能计算机视觉研究分割任何物体模型 (SAM)：Meta AI 推出的一种新型 AI 模型，只需单击即可“剪切”任何图像中的任何物体SAM 是一种可提示的分割系统，具有对不熟悉的物体和图像的零样本泛化能力，无需额外的训练。
2024-10-14 08:00:00
12109
1
原创 闪电麦昆 语音控制齿轮行进轨迹，ESP32搭配语音控制板，串口通信，附视频演示地址
演示地址 https://www.bilibili.com/video/BV1cW421d79L/?
2024-10-11 09:13:31
11485
1
原创 基于ThingsBoard的Rest API与 MQTT API 来获取设备历史数据训练模型，并实时预测异常，将异常结果上传到ThingsBoard，创建告警
要获取实时的设备遥测数据，还有其他的几种方案，例如使用websocket来订阅设备的数据，也可以使用thingsboard网关来搭配实现，还可以直接在传感器设备端发布两个topic，一次给thingboard，一次给自定义的mqtt broker。最合适的才是最好的。训练完成后再将设备的实时数据发送给模型，然后做实时的堵塞检测。由于要获取设备的实时遥测数据，这里使用的方法是 在规则链里，遥测数据保存到是数据库后，再向自建的mqtt broker发布一个topic，然后服务器订阅这个主题就能收到实时数据啦。
2024-09-27 14:35:35
12363
1
原创 基于丹摩DAMODEL部署Segment Anything 模型，智能分割一切图片
最近在研究图像处理的过程中，接触到了Mate开源的图像分割项目，看了他们官网的demo演示，感觉很神奇，也有有趣，上传一张图片，点击一下就能将点击的物体切割出来，很类似自动物体识别，智能抠图。于是决定深入研究需学习一番。要研究学习一个模型，必不可少地要用到GPU计算，这个时候我突然想起来之前注册的丹摩（DAMODEL）送了不少代金劵，于是租借一台GPU服务器来部署学习这个模型。文末有关于丹摩平台的介绍。
2024-09-25 09:20:16
17373
3
原创 使用一个网站链接来按照目录下载存放网站资源，使用资源列表批量下载资源，自动分目录存放
将上一步获取的urls替换一下，执行。浏览器控制台执行，自动下载资源链接。
2024-09-20 11:51:20
12213
1
原创 nodejs 使用kafka案例，node-red配置kafka案例，从安装配置kafka开始
【代码】nodejs 使用kafka案例，node-red配置kafka案例，从安装配置kafka开始。
2024-09-09 08:00:00
11714
原创 828华为云征文｜华为云Flexus X实例部署安装Jupyter Notebook，学习AI，机器学习算法
由于本人最近在学习一些机器算法，AI算法的知识，需要搭建一个学习环境，所以就在最近购买的华为云Flexus X实例上安装了学习环境，Jupyter Notebook。没想到效果格外的，由于华为云Flexus X实例做了很多底层的性能优化，依托创新的大模型支持和智能全域调度，X-Turbo 加速技术让常见应用的性能最高可达业界同规格的 6 倍。下面就来详细介绍一下服务器购买，安装流程，和软件的使用配置。
2024-09-07 10:34:41
11070
原创 828华为云征文｜华为云Flexus X实例部署安装HivisionIDPhoto一个轻量级的AI证件照制作算法
Flexus X 是华为云为中小企业和开发者量身打造的下一代柔性算力云服务器，能够智能感知业务负载，专为电商直播、企业建站、开发测试环境、游戏服务器、音视频服务等中低负载场景设计。灵活算力，随需配置基于用户的业务负载和内存峰值智能分析，动态推荐合适的规格，减少算力浪费，提升资源利用率。持续加速，性能卓越依托创新的大模型支持和智能全域调度，X-Turbo 加速技术让常见应用的性能最高可达业界同规格的 6 倍。越用越省，成本优化依据算力需求动态调整，按需计费，结合智能推荐确保始终享有最优的成本效益。
2024-09-06 14:32:13
10477
原创 828华为云征文｜华为云Flexus X实例部署开源物联网平台ThingsBoard
Flexus云服务器X实例 是新一代面向中小企业和开发者打造的柔性算力云服务器，可智能感知业务负载，适用于电商直播、企业建站、开发测试环境、游戏服务器、音视频服务等中低负载场景。该实例主要有四方面的特征柔性算力随心配基于用户业务负载动态和内存峰值画像，动态推荐规格，减少算力浪费，提升资源利用率一直加速一直快首创大模型加持，智能全域调度；X-Turbo加速，常见应用性能最高可达业界同规格6倍越用越省降本多按照算力规格变化，精准计算用量，按需灵活计费，搭配智能推介，始终确保成本更优。
2024-09-06 13:48:39
10553
原创 径向透镜畸变:鱼眼摄像头照片的矫正，纯前端js矫正鱼眼摄像头
最近体验了一下lightburn的摄像头辅助定位， 在使用摄像头进行定位时，你需要先校准相机镜头，然后在校准相机对齐，由于我们上位机后续也需要类似的功能，所以就需要先抽时间预研一下，以便后续开张工作。先说一下校准相机镜头，这一步做的目的是将相机拍的照片进行处理，如果相机拍的比较斜，或者那种鱼眼相机，拍的照片是中间被放大，四周被压缩。类似下面的。在这一步我们需要将其处理成正常的二维平面。恢复成下面这样子。这就是这一步的目的，将变形的图片处理成正常的，以便后续建立坐标系，其他流程的处理。废话不多
2024-09-02 08:00:00
11262
原创 通过WEB 串口调试工具 Web Serial Online 来控制 ESP32 的 LED 亮起和熄灭
安装插件 web串口助手 https://chrome.google.com/webstore/detail/lebhpafkkendfnmmdljhgepfeelflopm。ESP32 与web串口要在同一台电脑，并且串口一定要选择ESP32所在的串口。发送ON 会发现 ESP32 的LED会亮起，发送OFF LED 灯会熄灭。或者打开 https://webserial.mczaiyun.top/安装下图来配置，并连接串口。
2024-08-07 08:00:00
10690
原创 图形编辑器基于Paper.js教程12：井身结构编辑器，多条完全平行的弯曲线，使用额外平行线来作为弯曲中心线的度量尺
背景对于弯曲的三条平行线，一开始我以为只需要使用中心线，然后复制两条，一个向右下角平移，一个向左上角平移，就能让三条线实现完全平行，每一处的距离都相等。后来仔细思考后，发现我想错了，因为弯曲处的平行距离是，x移动，y移动的平方根。后来想使用曲线的缩放加上平移来实现三条线段弯曲平行，曲线部分依然无法达到完全平行。最后请教了ChatGPT，对于曲线的平行线，要使用切线加法线的方式来确定。法线的距离就是平行距离。具体就是获取曲线部分上的每一个点，然后求出该点的切线向量，然后再求出切线的法线，法线延长平行距离
2024-08-01 08:00:00
14240
原创 浏览器串口助手插件，web版本串口调试助手浏览器插件 Web Serial Online 发布
Web Serial Online 是一款专为开发者设计的浏览器插件，用于简化ESP8266、ESP32和RS485设备等单片机的串口调试过程。通过这款插件，用户可以轻松配置串口通信参数，支持HEX和ASCII格式，实现数据的发送和接收。此外，插件支持导入导出配置、循环发送指令以及自定义分包超时，极大提升调试效率。只需几个简单步骤：下载插件，配置参数，选择并打开串口，即可开始高效的通信调试。立即访问Google Chrome 商店，体验前所未有的串口调试便捷性。
2024-07-19 15:04:47
12855
原创 分析snapmaker Luban软件的 导入图片，图片处理的源码
最近要做一个位图转矢量图的功能，设计到png，jpg等位图的图像处理算法应用。于是分析一下友商的开源软件，Snapmaker Luban。组件被两个组件引用，如下图，我们要找的是LaserVisualizer下的。主要是图片导入的工具，跟踪选中图片会，代码都是怎么处理的。参数定义了能够导入的文件类型，也是从父级组件传下来的。找一下他的父级组件，搜了一下，父级组件叫做。当上传png图片后， 触发上游的函数。参数 也是从上游传下来，我们就找。导入图片的工具图片是定义在。该函数是从父级组件传下来的，
2024-07-12 07:30:00
5503
原创 导出本地服务到Public Network，需有密码才能访问，7天有效时间
导出服务到Public Network，7天有效时间，需有密码才能访问。
2024-06-17 08:00:00
4102
index.html
2019-10-25
wechat.zip
2020-06-04
site-packages.zip
2020-04-28
自定义指令和路由守卫进行权限拦截, vue后台管理系统
2019-09-26
eslint+prettier.zip
2020-04-29
testcode.zip
2020-04-24
tetsdoc.zip
2020-06-15
网站资源下载工具.zip
2021-08-25
nasdaq50.com 网站代码 可用于毕业设计，企业历程展示
2023-04-17
在线自定义编辑网络拓扑图
2022-06-06
gitlab cicd docker 部署 前端纯静态项目
2020-07-30
前端项目gitlab CI/CD 流水线文件 .gitlab-ci.yml
2021-08-17
jquery 自定义扩展日期插件
2020-06-19
D3 API 思维导图 这TM非要11个字。
2021-09-03
qiankun-demo.zip
2020-07-02
名称需要10个字的fans.json
2020-07-16
如何将一个应用的前端，后端，数据库 构建到一个docker镜像里？
2022-06-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人