- 博客(839)
- 资源 (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
5265
15
原创 深夜的敲门声——献给孤独奋斗的你
多久了? 多久没听到敲门声了? 有很多时候我会想象，假如有一天，或许是周末，或许是周一，我一个人待在家里看美剧，或者漫画，又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转换到自己所处的这个杂乱，狭窄的小房子里。这40多分贝的声音，让我一下子感到了前所未有的。。。。。...
2019-10-24 10:24:10
5016
8
原创 最新Tampermonkey 中文文档解析（附基础案例和高级案例）
近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址使用 Tampermonkey 编写高级跨网站自动化任务脚本标明：本文出现的TM 即使Tampermonkey 的缩写目录USERSCRIPT HEADER@name@namespace@version@author@description...
2019-10-21 12:29:37
180105
6
原创 图形编辑器基于Paper.js教程10：导入导出svg，导入导出json数据
如svg的g标签转换为group，rect标签转换为shape，一些符合元素转换为CompoundPath对象，内部其实是Path对象组成的。将提供的SVG内容转换为Paper.js项目中的图形项，并将其添加到此项目的活动层中。请注意，首先不会清除项目。最外层是一个group，然后会有很多子元素，一些svg的元素会被转换为paperjs画布中的元素。导出svg，你可以将一个元素导出成svg，也可以将一整个项目导出成svg。在这里，我们将导出的JSON对象保存到了本地存储中，便于后续的导入操作。
2024-07-25 08:00:00
3205
原创 图形编辑器基于Paper.js教程09：鼠标拖动画布，以鼠标点为缩放中心进行视图的缩放
在Web开发中，利用Paper.js库进行图形的绘制和交互操作是一种常见的实践。Paper.js是一个强大的矢量图形库，可以让开发者通过简洁的API完成复杂的图形操作。在本文中，我们将详细探讨如何使用Paper.js来实现对画布的缩放和拖动功能，提供用户友好的交互体验。事件中，我们计算从上一次事件到当前事件鼠标移动的差值，并相应地调整视图中心，实现拖动效果。是将鼠标的屏幕位置转换为画布上的坐标，确保缩放操作围绕鼠标当前位置进行。事件中，我们记录了鼠标点击的位置，并开始跟踪拖动状态。
2024-07-22 08:00:00
5494
原创 浏览器串口助手插件，web版本串口调试助手浏览器插件 Web Serial Online 发布
Web Serial Online 是一款专为开发者设计的浏览器插件，用于简化ESP8266、ESP32和RS485设备等单片机的串口调试过程。通过这款插件，用户可以轻松配置串口通信参数，支持HEX和ASCII格式，实现数据的发送和接收。此外，插件支持导入导出配置、循环发送指令以及自定义分包超时，极大提升调试效率。只需几个简单步骤：下载插件，配置参数，选择并打开串口，即可开始高效的通信调试。立即访问Google Chrome 商店，体验前所未有的串口调试便捷性。
2024-07-19 15:04:47
9379
原创 基于NA111 ModBus485串口服务器的工业自动化监控与控制
化工厂的生产线包括多个反应釜、蒸馏塔和其他处理设备，这些设备需要严格监控和控制以维持稳定和安全的生产环境。通过利用串口服务器，可以将这些物理设备连接至中央监控系统，实现数据的实时采集和远程控制。总结一下，设备的使用体验是非常流畅的，支持多种方式对设备进行配置，而且支持的工作模式页非常多。不管你是局域网使用，还是公网使用，不管是TCP协议，还是UDP协议，或者MQTT协议，该设备都支持。可以说是性价比非常高的一款产品。如果你在寻找一款Modbus485串口服务器，不妨来试试这款NA111串口服务器。
2024-07-15 10:51:40
9031
原创 图形编辑器基于Paper.js教程08：鼠标画封闭的自由多边形，靠近起点自动关闭
本文通过详细解析一个简单的 Paper.js 示例，展示了如何利用基本的图形库功能来创建一个用户友好的绘图应用。这些技术点不仅包括图形的绘制，还涉及到对用户输入的实时响应和控制，是现代Web图形应用的基石。通过这种方式，开发者可以构建更复杂的图形处理工具，进一步探索 Paper.js 提供的丰富功能和可能性。
2024-07-15 07:30:00
9934
原创 分析snapmaker Luban软件的 导入图片，图片处理的源码
最近要做一个位图转矢量图的功能，设计到png，jpg等位图的图像处理算法应用。于是分析一下友商的开源软件，Snapmaker Luban。组件被两个组件引用，如下图，我们要找的是LaserVisualizer下的。主要是图片导入的工具，跟踪选中图片会，代码都是怎么处理的。参数定义了能够导入的文件类型，也是从父级组件传下来的。找一下他的父级组件，搜了一下，父级组件叫做。当上传png图片后， 触发上游的函数。参数 也是从上游传下来，我们就找。导入图片的工具图片是定义在。该函数是从父级组件传下来的，
2024-07-12 07:30:00
5244
原创 图形编辑器基于Paper.js教程07：鼠标画直线或移动路径
使用Paper.js库提供的工具和方法，开发者可以快速实现一个响应式和功能丰富的绘图应用。这不仅增强了Web应用的用户交互性，也大大降低了实现复杂图形处理功能的开发难度。通过这样的工具，我们能够提供更丰富的用户体验，满足从艺术到工程各种不同领域的需求。
2024-07-08 08:00:00
3741
原创 Toocaa Studio已开发的功能
2024年07月01日Toocaa Studio 一个激光切割雕刻机的上位机，未来会对标Xtool的xTool Creative Space和LightBurn，同时它也是一款图形编辑器，矢量图形编辑器。
2024-07-05 22:40:09
3764
原创 图形编辑器基于Paper.js教程06：鼠标画圆与椭圆
通过这个简单的示例，我们展示了如何使用Paper.js来处理复杂的图形绘制需求。这种方式不仅允许用户灵活地绘制椭圆，还能通过简单的修改（如按下Shift键）快速地切换到圆形绘制模式。这种灵活性和易用性使得Paper.js成为处理在线图形设计的理想选择，无论是用于艺术创作、游戏设计还是任何需要图形绘制的应用。通过优化这些基本操作，开发者可以创建出更加丰富和互动的Web应用。
2024-07-04 08:00:00
4540
原创 图形编辑器基于Paper.js教程05：鼠标画矩形与正方形
我们写的这个案例，它不仅使得矩形可以从任意方向精确地绘制，还能通过简单的逻辑处理如按Shift键约束为正方形，增强了用户的交互体验。最终，这个示例展示了如何有效利用JavaScript和HTML5 Canvas技术，通过Paper.js框架来实现高效且用户友好的图形处理解决方案。对于开发者而言，理解并应用这些技术可以在创建图形密集型应用时，提供更好的用户体验和性能优化。
2024-07-02 08:00:00
6678
原创 图形编辑器基于Paper.js教程04： Paper.js中的基础知识
paper.js 提供了两种编写方式，一种是纯粹的JavaScript编写，还有一种是使用官方提供的PaperScript。两者能实现同样的效果，但zoom是依据最原始的缩放比例，scale是依据当前的缩放比例。如果你先缩放0.5。区别就是在于，调用paper下的字对象是否需要加paper，以及向量的加减乘除。了解paper.js的基础知识，在往后的开发过程中会让你如履平地。导入svg有一些问题，特别是高精度的，小尺寸的复杂svg。说一下不擅长的东西，2d渲染，位图的处理有限。向量的除法，缩小向量的距离。
2024-06-26 08:00:00
7470
原创 图形编辑器基于Paper.js教程03：认识Paper.js中的所有类
Paper.js 中的项目对象通常被称为文档：它是顶级对象，包含场景图中的所有项目。由于文档一词在浏览器上下文中已被使用，因此它被称为 Project。项目允许对应用于所有新创建项目的样式进行操作，允许访问选定的项目，在未来版本（不知道还会不会有）中还将提供在场景图中查询项目的方法，定义特定的要求，以及持久化和加载不同格式（如 SVG 和 PDF）的方法。使用访问当前的项目，可以存在多个项目。可以访问项目下的视图，图层，导入导出svg，或者使用一个Point来命中hitTest()元素。
2024-06-24 08:00:00
8386
原创 图形编辑器基于Paper.js教程02：图形图像编辑器概述
总结懒得写了，就写一句话吧每个项目都很优秀，普通人掌握其中一个就能做出非常好的项目或作品。我们需要沉下心仔细研究。
2024-06-19 08:00:00
9384
原创 导出本地服务到Public Network，需有密码才能访问，7天有效时间
导出服务到Public Network，7天有效时间，需有密码才能访问。
2024-06-17 08:00:00
3963
原创 图形编辑器基于Paper.js教程01：入门必读
3月份换了一份工作，开始一个人做一个图像编辑器的平台，从零开始，一个人开发。图形编辑器我是第一次接触，个人也比较感兴趣，所以在前期也作出了不少的成绩，最近下班也没什么好玩的东西，于是准备开个新的坑，写一个图形编辑器基于Paper.js教程。内容不会涉及任何商业机密。今天这篇就先这样吧，业余时间也会学一些硬件的东西，只是因为好玩，有意思。我认为有价值的东西基本都会写出来分享给粉丝。6月份的深圳，又闷又热，真是不想离开空调房啊。
2024-06-17 08:00:00
4168
原创 手机连接ESP8266的WIFI，进入内置网页，输入要显示的内容，在OLED显示屏上显示文本
手机连接ESP8266的WIFI，进入内置网页，输入要显示的内容，在OLED显示屏上显示文本
2024-06-11 08:00:00
5471
原创 使用modbus-serial 库搭配 modbus slave 通过 modbus tcp client 协议来 写入 modbus 寄存器值
使用modbus-serial 库对modbus slave 写入寄存器值。
2024-06-03 08:00:00
5614
原创 超越连接：ZL-450边缘网关全面评测与应用案例
在现代工业自动化和智能设备管理的背景下，对实时数据通信与设备监控的需求日益增加。ZL450边缘网关作为一款先进的串口通信解决方案，不仅满足了这些要求，还通过其多样的连接性和高效的数据处理能力，为企业带来了显著的效率提升。本文将对ZL450进行深入的设备测评，探索其在实际应用中的表现及其对现代化工业生态的贡献。ZL450边缘网关（以下简称ZL450） 是一款支持 TDD-LTE/FDD-LTE 通信和以太网通信的 RTU。
2024-05-27 19:23:59
4483
原创 ESP8266，51单片机，ESP32，Arduino，STM32系列，Raspberry Pi 对比，异同点分析，优势分析和代表产品
该学习那个单片机，嵌入式？esp8266，esp32，stm32
2024-05-27 07:30:00
9163
原创 基于建大仁科的Lora网关 SDK，二次开发采集服务
之前我们有个客户在使用建大仁科的设备时，需要将Lora网关采集的数据，发送到指定的服务器上。很简单的一个示例，做一下记录。在服务器上启动服务后，然后通过lora网关配套的app，修改网关上传的服务器地址和端口。我使用的是一个 温振传感器，这个设备有不少数据，温度，x，y，z轴的震动频率和电量。在配置成功后，lora网关就会根据配置的频率，循环向服务器发送采集到的设备数据。主要是使用一个配置文件来启动一个服务，监听一个端口。x轴震动，电量，信号；y轴震动，电量，信号；z轴震动，电量，信号；
2024-05-22 07:30:00
5680
原创 关于LightBurn license 许可证的工作方式的说明
如果您的硬盘失败或出售了电脑，我们可以为您从许可证中移除电脑，只要我们有您的许可证密钥。如果您是从另一家公司购买了您的LightBurn许可证，我们需要将您的名字和电子邮件与您的许可证密钥关联。如果您下载了在您的许可证过期后发布的软件版本，它将不会工作，但在密钥过期之前发布的任何版本将继续工作。续订您的许可证将从今天起增加一年的更新。许可证允许您同时在最多三台电脑上使用软件，这些电脑不必使用相同的操作系统，如果您获得了新电脑，许可证可以轻松转移。如果您出售您的激光器并希望连同它出售您的许可证，这是允许的。
2024-05-21 10:16:37
7148
原创 使用 Modbus-Serial 库和 Modbus Poll 软件进行 Modbus TCP 通信模拟，modbus 数据采集
在工业通信领域，Modbus 协议由于其开放性、简单性及广泛的支持，成为了最常用的通信协议之一。Modbus TCP 是 Modbus 协议在 TCP/IP 网络上的一种实现，它允许设备通过网络进行数据交换。本文将介绍如何使用 modbus-serial 库和 PC 上的 Modbus Poll 软件来模拟 Modbus TCP 通信，以便于开发者和工程师理解和测试 Modbus 网络交互。
2024-05-20 07:30:00
9391
原创 全方位解锁：ZL-LAN-500串口服务器的性能、配置和应用体验
串口服务器ZL-LAN-500（简称ZLAN500）不仅仅是一个连接设备，而是一个高效、可靠的数据传输解决方案。它在本次评测中展示了其卓越的性能和多样的功能，特别是在处理RS485设备数据采集和远程控制方面表现出色。ZLAN500支持广泛的应用场景，从工业自动化到智能农业、环境监控以及安全管理，均能提供稳定而高效的服务，内置支持了很多的物联网平台和通讯协议，如ThingsBoard，Aliyun，OneNET，TCP Client，Server，Http。该设备的设计充分考虑了用户的便利性和实用性。具体
2024-05-17 12:45:38
4868
原创 稻盛和夫《活法》读后感
稻盛和夫毕业后，适逢经济萧条，没有好机会进入大公司深造，只能在一名教授的推荐下进入了一家做陶瓷绝缘体的公司，虽然公司有很多缺点，但他在公司一心一意，心无旁骛地做研究，取得了很多成就，也正是这段时间的积累的经验，锻炼的心性，才导致他在后来的创业能够顺利突破一个一个难关。随着我的专栏内容日益变多，学习的内容也逐渐系统化，体系化，我终于找到了一个写书的机会，和出版社申请选题并不是一帆风顺的，一开始我选了两个我最熟悉的开源物联网平台的选题，得到的答复是，市场接受程度低，无法申报。
2024-05-13 08:00:00
6975
2
原创 边缘网关畅维通达EN6400使用测评
最近研究了一下畅维通达EN6400边缘网关，在本篇文章中，我将结合实际业务中的案例，为大家展示这款边缘网关的应用与技术细节。
2024-05-09 12:04:33
5915
原创 基于纯JavaScript实现的MODBUS-RTU（串口和TCP） modbus-serial
modbus-RTU (TcpRTUBufferedPort)：通过TCP/IP线路，TCP/IP串行RTU缓冲设备。modbus-RTU (RTUBufferedPort)：通过缓冲串行线路，需要node serialport。modbus-RTU (SerialPort)：通过串行线路，需要node serialport。modbus-RTU (TelnetPort)：通过Telnet服务器，TCP/IP串行桥。modbus-RTU (UdpPort)：通过C701服务器，商业UDP到串行桥。
2024-04-29 07:00:00
9318
原创 基于一款最多能够支持10000路的 modbus RS485 led灯光控制板做灯控程序
之前用它来做智能中药柜的灯控板，结合物联网网关，modbus采集，mqtt转发，以及mqtt的rpc指令下发。
2024-04-23 19:48:47
5839
2
原创 一个非常简单的线条矩形位图，转化为gcode后，以及gcode的详细解释
这段代码基本上描述了一个矩形的切割路径，从 (10.943, 10.5) 开始，首先沿 Y 轴到 (10.943, 48.676)，然后沿 X 轴到 (59.057, 48.676)，接着回到 Y 轴的起始点，最后沿 X 轴回到开始点，形成一个矩形切割轮廓。: 以 6000 毫米/分钟的速度，激光功率为 20%（S200，根据设备的配置，S值范围可能不同）沿 Y 轴线性移动到 48.676 的位置进行切割。: 又一个注释，指出这段代码是为使用GRBL固件的设备准备的，并且使用的是绝对坐标系统。
2024-04-09 11:20:04
8087
原创 腾讯云2023: 容器与函数计算实践精选，引领Serverless与Docker容器新趋势
2023腾讯云容器和函数计算技术实践精选集》不仅是一份技术实践的总结，更是一份未来发展的预言书。它不仅为技术人员提供了学习的宝藏，更为企业的云计算战略提供了宝贵的参考。如果你对《2023腾讯云容器和函数计算技术实践精选集》感兴趣， 欢迎点击此处跳转到下载地址。随着技术的不断进步，容器和函数计算无疑将在云原生应用开发、部署和管理中发挥更加重要的作用。而对于开发者而言，持续学习、敢于创新，方能在这波技术浪潮中乘风破浪，引领新的技术潮流。
2024-04-01 13:42:11
8977
原创 3月份 月总结
竞品软件调研 lightburn，xtool，snapmark，bambu studio，cricut，laserpecker，wecreate make it，beam studio。后面不忙的时候，我也会好好整理这段时间学习到的，做的东西，遇到的坑，给大家分享出来。基于paper+ react 实现了一个基本的矢量图编辑器。3月份之所以产出比较少，是因为时间都花在学习和工作上了。抓住3月份的尾巴，简单写一篇月度总结。开源Grbl_Esp32。svg转gcode的生成。学习的内容包括但不限于。
2024-03-31 23:09:24
6919
原创 借助工具优化开发流程，提升开发体验
改造前，每次修改文件保存后都要刷新一下浏览器。这个库，记住socket支持多端热更新，并且也支持将当前目录或当前目录的特定文件 放到web server中 启动。最近在做一个demo，只有一个html页面，需要开启一个https web server，以此来实现在浏览器中访问。将第一次选择的串口信息保存到本地，下次进入程序，自动链接不就得了嘛。由于我的html demo需要与串口进行通信，所有使用程序前都需要选择串口，如下图。的nodejs库，可以将当前目录当作web服务的根目录启动。支持https访问。
2024-03-08 19:00:00
8679
1
原创 通过js 将数据发送给rs485 设备，为什么要将数据转化为 Uint8Array 类型？ 而不是直接的查询报文。如 01 03 00 00 00 14 45 C5
使用Uint8Array而不是简单的字符串对于与RS485设备（或任何硬件设备）进行通信是出于对二进制数据精确控制、保持与底层API的兼容性、以及优化性能和效率的需要。这种方法确保了数据以正确的格式发送和接收，满足了硬件通信协议的严格要求。虽然技术上可能有方法绕过直接使用Uint8Array（例如通过某些中间件或特定场景下的API支持），但在大多数硬件通信场景中，进行这种转换是确保数据以正确格式发送、提高通信可靠性、符合协议要求、并最终成功与硬件设备交互的关键步骤。
2024-03-03 16:57:00
4260
1
原创 Find Yourself
2月份，真是发生了很多事情啊。离职，放假，瞒着家人，过春节，陪女儿玩游戏，找工作，选择Offer。也和别人一起解决了一个设备不稳定的重大问题。每一项展开讲讲都能写一篇文章。如果你感到迷茫，可以多思考思考自己想要什么，如果搞不清自己想要什么，就去多体验，多去尝试，即使错了也没有关系。未来是属于我一个人的奋斗，我也必须倾尽全力。新的一年，新的开始，希望自己能变的更好，更了解这个世界。以目前的情况，进大厂大螺丝已经非常不适合自己了，应该为自己的未来赌一百，拼一把。
2024-02-29 11:49:25
6704
1
原创 大规模灯控技术方案
deviceId固定为lighting，lighting对应的是灯光控制板设备id。data中存放的是 要开启，或关闭的灯的数据。id为本次请求的请求id，可以用于标识本次请求的唯一性，必须为数字。第1个io模块 存储了40个接近开关讯号。第2个io模块 存储了40个接近开关讯号。是网关设备的id，如果换了网关需要更换该id。三个设备的信号可以通过订阅该topic来获取。目前有三个设备，三个设备的id分别是。如果只想获取灯的讯号 只需要这样订阅。（目前我使用的网关id是。传入参数 json格式。
2024-01-31 18:15:00
5749
3
原创 ESP8266 传感器搭配 Node-RED实时显示数据，邮件告警 实验
esp8266 12f，wif模块，接倾斜传感器，火焰传感器，烟雾传感器，水浸传感器，蜂鸣器。通过mqtt发布数据，并使用node-red实时获取数据，显示到页面上。并且通过邮件和页面两种方式报警。
2024-01-29 19:49:39
5398
tetsdoc.zip
2020-06-15
wechat.zip
2020-06-04
eslint+prettier.zip
2020-04-29
site-packages.zip
2020-04-28
testcode.zip
2020-04-24
index.html
2019-10-25
自定义指令和路由守卫进行权限拦截, vue后台管理系统
2019-09-26
nasdaq50.com 网站代码 可用于毕业设计，企业历程展示
2023-04-17
在线自定义编辑网络拓扑图
2022-06-06
D3 API 思维导图 这TM非要11个字。
2021-09-03
网站资源下载工具.zip
2021-08-25
前端项目gitlab CI/CD 流水线文件 .gitlab-ci.yml
2021-08-17
gitlab cicd docker 部署 前端纯静态项目
2020-07-30
名称需要10个字的fans.json
2020-07-16
qiankun-demo.zip
2020-07-02
jquery 自定义扩展日期插件
2020-06-19
如何将一个应用的前端，后端，数据库 构建到一个docker镜像里？
2022-06-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人