- 博客(858)
- 资源 (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
5702
15
原创 深夜的敲门声——献给孤独奋斗的你
多久了? 多久没听到敲门声了? 有很多时候我会想象，假如有一天，或许是周末，或许是周一，我一个人待在家里看美剧，或者漫画，又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转换到自己所处的这个杂乱，狭窄的小房子里。这40多分贝的声音，让我一下子感到了前所未有的。。。。。...
2019-10-24 10:24:10
5074
8
原创 最新Tampermonkey 中文文档解析（附基础案例和高级案例）
近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址使用 Tampermonkey 编写高级跨网站自动化任务脚本标明：本文出现的TM 即使Tampermonkey 的缩写目录USERSCRIPT HEADER@name@namespace@version@author@description...
2019-10-21 12:29:37
181153
6
原创 使用一个网站链接来按照目录下载存放网站资源，使用资源列表批量下载资源，自动分目录存放
将上一步获取的urls替换一下，执行。浏览器控制台执行，自动下载资源链接。
2024-09-20 11:51:20
185
1
原创 nodejs 使用kafka案例，node-red配置kafka案例，从安装配置kafka开始
【代码】nodejs 使用kafka案例，node-red配置kafka案例，从安装配置kafka开始。
2024-09-09 08:00:00
9521
原创 828华为云征文｜华为云Flexus X实例部署安装Jupyter Notebook，学习AI，机器学习算法
由于本人最近在学习一些机器算法，AI算法的知识，需要搭建一个学习环境，所以就在最近购买的华为云Flexus X实例上安装了学习环境，Jupyter Notebook。没想到效果格外的，由于华为云Flexus X实例做了很多底层的性能优化，依托创新的大模型支持和智能全域调度，X-Turbo 加速技术让常见应用的性能最高可达业界同规格的 6 倍。下面就来详细介绍一下服务器购买，安装流程，和软件的使用配置。
2024-09-07 10:34:41
10689
原创 828华为云征文｜华为云Flexus X实例部署安装HivisionIDPhoto一个轻量级的AI证件照制作算法
Flexus X 是华为云为中小企业和开发者量身打造的下一代柔性算力云服务器，能够智能感知业务负载，专为电商直播、企业建站、开发测试环境、游戏服务器、音视频服务等中低负载场景设计。灵活算力，随需配置基于用户的业务负载和内存峰值智能分析，动态推荐合适的规格，减少算力浪费，提升资源利用率。持续加速，性能卓越依托创新的大模型支持和智能全域调度，X-Turbo 加速技术让常见应用的性能最高可达业界同规格的 6 倍。越用越省，成本优化依据算力需求动态调整，按需计费，结合智能推荐确保始终享有最优的成本效益。
2024-09-06 14:32:13
10140
原创 828华为云征文｜华为云Flexus X实例部署开源物联网平台ThingsBoard
Flexus云服务器X实例 是新一代面向中小企业和开发者打造的柔性算力云服务器，可智能感知业务负载，适用于电商直播、企业建站、开发测试环境、游戏服务器、音视频服务等中低负载场景。该实例主要有四方面的特征柔性算力随心配基于用户业务负载动态和内存峰值画像，动态推荐规格，减少算力浪费，提升资源利用率一直加速一直快首创大模型加持，智能全域调度；X-Turbo加速，常见应用性能最高可达业界同规格6倍越用越省降本多按照算力规格变化，精准计算用量，按需灵活计费，搭配智能推介，始终确保成本更优。
2024-09-06 13:48:39
10190
原创 径向透镜畸变:鱼眼摄像头照片的矫正，纯前端js矫正鱼眼摄像头
最近体验了一下lightburn的摄像头辅助定位， 在使用摄像头进行定位时，你需要先校准相机镜头，然后在校准相机对齐，由于我们上位机后续也需要类似的功能，所以就需要先抽时间预研一下，以便后续开张工作。先说一下校准相机镜头，这一步做的目的是将相机拍的照片进行处理，如果相机拍的比较斜，或者那种鱼眼相机，拍的照片是中间被放大，四周被压缩。类似下面的。在这一步我们需要将其处理成正常的二维平面。恢复成下面这样子。这就是这一步的目的，将变形的图片处理成正常的，以便后续建立坐标系，其他流程的处理。废话不多
2024-09-02 08:00:00
10732
原创 摄像头实时检查程序，插入设备，自动显示画面，支持多个摄像头，支持拍照，照片放大缩小
支持的特性插入摄像头设备后，无需手动选择，自动显示摄像头画面，需要预先授权支持多个摄像头切换显示多个摄像头时支持 默认显示特定名称的摄像头支持拍照支持照片放大，缩小显示效果完整代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i
2024-08-26 08:00:00
10085
原创 图形编辑器基于Paper.js教程15：在Paper.js中实现拖拽图片导入画布功能
通过上述步骤，我们实现了一个简单而直观的图片拖拽导入功能。在此过程中，我们利用了HTML5的拖放API和FileReader接口，并结合Paper.js强大的图形处理能力，实现了一个用户友好的功能。这个功能可以扩展到更多的文件类型和更多复杂的操作中，例如对导入的图像进行编辑或处理。希望通过本文的讲解，您对如何在Web项目中实现类似功能有了更深入的理解。可以尝试修改和扩展该功能，以适应更多的应用场景。
2024-08-19 18:00:00
10377
原创 智能楼宇控制系统的革新——M31系列分布式IO模块
M31系列分布式IO模块是由成都亿佰特电子科技有限公司研发的一款集成了数字输出（DO）、模拟输入（AI）和数字输入（DI）的主机模块，我们使用的这款为主机型号为M31-AAAX4440G，拥有4个数字输出（4DO）、4个模拟输入（4AI）和4个数字输入（4DI）。支持Modbus TCP和Modbus RTU协议。得益于其灵活的架构设计，该主机可以通过扩展模块进行功能扩展，极大地提升了系统的灵活性和扩展性。无论是大型建筑还是小型住宅，M31系列都能为不同规模的楼宇控制系统提供可靠的支持。
2024-08-16 11:22:19
7998
原创 图片转gcode时，遭遇连续白色行，奇数白色行时的优化方案
做法就是缓存起来空走的那行gcode，当下次需要插入gcode时，判断上前面的白色行是否时奇数，奇数就把之前缓存的gcode 插入，再插入本次的gcode。由于使用的是相对位置坐标，那么在遭遇到连续的，奇数行的白色行时，需要将处理一下坐标起点。在使用图片生成gcode时，遇到连续的白色行（一整行都是白色像素，不进行雕刻）。
2024-08-13 21:00:46
7072
原创 图形编辑器基于Paper.js教程14：使用 Paper.js 绘制数学图形与交互的实现，画布缩放保持大小的圆，正弦，余弦，螺旋线
通过一个详细的示例，我们将探索如何使用 Paper.js 进行数学图形（正弦曲线、余弦曲线和螺旋线）的绘制，并实现固定尺寸的圆形及其随视图缩放的调整。这不仅为开发者提供了一个高效的图形处理工具，也为创建动态和互动的Web应用打开了新的可能性。函数调整视图的缩放，并重新计算圆的半径，以确保其在屏幕上的尺寸不受缩放影响。这利用了 Paper.js 的坐标变换功能，通过当前的缩放级别调整圆的半径。固定尺寸的圆的绘制与其在视图缩放时的尺寸调整是本案例的一大亮点。的使用则允许通过拖动来平移视图。
2024-08-13 08:00:00
8364
原创 8月8号前端日报：web在线进行eps32固件升级
在电脑链接设备后，点击toocaastudio上的固件信息按钮，会通过串口从设备上获取当前的固件信息，然后再请求一个服务器接口，获取最新的固件信息，二个版本对比一下，如果当前是旧版本，就显示更新固件的按钮，点击该按钮后，需要先将当前设备与电脑的串口链接断开，然后使用esptool这个工具来链接机器，然后执行esptool的主函数，获取esp信息的信息，这一步在arduino中使用python版本的esptool也会执行，并且这一步在web上会有一定几率失败，虽然esptool内部重试了7次。
2024-08-08 20:32:52
8714
原创 通过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
10343
原创 图形编辑器基于Paper.js教程13：基于 Paper.js 的自动重置圆形运动程序，按钮控制运动，按键控制运动，websocket控制运动
本案例代码不仅展示了如何使用 Paper.js 实现基本的图形动画和用户交互，还演示了如何通过网络接口扩展控制功能。通过结合这些技术，开发者可以创建丰富而动态的 Web 应用，提升用户体验和应用的互动性。
2024-08-06 08:00:00
11069
原创 图形编辑器基于Paper.js教程12：井身结构编辑器，多条完全平行的弯曲线，使用额外平行线来作为弯曲中心线的度量尺
背景对于弯曲的三条平行线，一开始我以为只需要使用中心线，然后复制两条，一个向右下角平移，一个向左上角平移，就能让三条线实现完全平行，每一处的距离都相等。后来仔细思考后，发现我想错了，因为弯曲处的平行距离是，x移动，y移动的平方根。后来想使用曲线的缩放加上平移来实现三条线段弯曲平行，曲线部分依然无法达到完全平行。最后请教了ChatGPT，对于曲线的平行线，要使用切线加法线的方式来确定。法线的距离就是平行距离。具体就是获取曲线部分上的每一个点，然后求出该点的切线向量，然后再求出切线的法线，法线延长平行距离
2024-08-01 08:00:00
13632
原创 图形编辑器基于Paper.js教程11：使用Paper.js和Opentype.js加载自定义字体的技术实现解析
在现代Web开发中，字体处理和自定义显示成为了视觉设计的重要部分。本文将详细探讨如何使用Paper.js和Opentype.js在HTML5 canvas上实现自定义字体的加载与显示。我们将通过分析一段实际代码来理解关键技术实现及其难点。
2024-07-29 16:39:38
14562
原创 图形编辑器基于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
7342
原创 图形编辑器基于Paper.js教程09：鼠标拖动画布，以鼠标点为缩放中心进行视图的缩放
在Web开发中，利用Paper.js库进行图形的绘制和交互操作是一种常见的实践。Paper.js是一个强大的矢量图形库，可以让开发者通过简洁的API完成复杂的图形操作。在本文中，我们将详细探讨如何使用Paper.js来实现对画布的缩放和拖动功能，提供用户友好的交互体验。事件中，我们计算从上一次事件到当前事件鼠标移动的差值，并相应地调整视图中心，实现拖动效果。是将鼠标的屏幕位置转换为画布上的坐标，确保缩放操作围绕鼠标当前位置进行。事件中，我们记录了鼠标点击的位置，并开始跟踪拖动状态。
2024-07-22 08:00:00
10286
原创 浏览器串口助手插件，web版本串口调试助手浏览器插件 Web Serial Online 发布
Web Serial Online 是一款专为开发者设计的浏览器插件，用于简化ESP8266、ESP32和RS485设备等单片机的串口调试过程。通过这款插件，用户可以轻松配置串口通信参数，支持HEX和ASCII格式，实现数据的发送和接收。此外，插件支持导入导出配置、循环发送指令以及自定义分包超时，极大提升调试效率。只需几个简单步骤：下载插件，配置参数，选择并打开串口，即可开始高效的通信调试。立即访问Google Chrome 商店，体验前所未有的串口调试便捷性。
2024-07-19 15:04:47
12331
原创 基于NA111 ModBus485串口服务器的工业自动化监控与控制
化工厂的生产线包括多个反应釜、蒸馏塔和其他处理设备，这些设备需要严格监控和控制以维持稳定和安全的生产环境。通过利用串口服务器，可以将这些物理设备连接至中央监控系统，实现数据的实时采集和远程控制。总结一下，设备的使用体验是非常流畅的，支持多种方式对设备进行配置，而且支持的工作模式页非常多。不管你是局域网使用，还是公网使用，不管是TCP协议，还是UDP协议，或者MQTT协议，该设备都支持。可以说是性价比非常高的一款产品。如果你在寻找一款Modbus485串口服务器，不妨来试试这款NA111串口服务器。
2024-07-15 10:51:40
10629
原创 图形编辑器基于Paper.js教程08：鼠标画封闭的自由多边形，靠近起点自动关闭
本文通过详细解析一个简单的 Paper.js 示例，展示了如何利用基本的图形库功能来创建一个用户友好的绘图应用。这些技术点不仅包括图形的绘制，还涉及到对用户输入的实时响应和控制，是现代Web图形应用的基石。通过这种方式，开发者可以构建更复杂的图形处理工具，进一步探索 Paper.js 提供的丰富功能和可能性。
2024-07-15 07:30:00
10041
原创 分析snapmaker Luban软件的 导入图片，图片处理的源码
最近要做一个位图转矢量图的功能，设计到png，jpg等位图的图像处理算法应用。于是分析一下友商的开源软件，Snapmaker Luban。组件被两个组件引用，如下图，我们要找的是LaserVisualizer下的。主要是图片导入的工具，跟踪选中图片会，代码都是怎么处理的。参数定义了能够导入的文件类型，也是从父级组件传下来的。找一下他的父级组件，搜了一下，父级组件叫做。当上传png图片后， 触发上游的函数。参数 也是从上游传下来，我们就找。导入图片的工具图片是定义在。该函数是从父级组件传下来的，
2024-07-12 07:30:00
5297
原创 图形编辑器基于Paper.js教程07：鼠标画直线或移动路径
使用Paper.js库提供的工具和方法，开发者可以快速实现一个响应式和功能丰富的绘图应用。这不仅增强了Web应用的用户交互性，也大大降低了实现复杂图形处理功能的开发难度。通过这样的工具，我们能够提供更丰富的用户体验，满足从艺术到工程各种不同领域的需求。
2024-07-08 08:00:00
3809
原创 Toocaa Studio已开发的功能
2024年07月01日Toocaa Studio 一个激光切割雕刻机的上位机，未来会对标Xtool的xTool Creative Space和LightBurn，同时它也是一款图形编辑器，矢量图形编辑器。
2024-07-05 22:40:09
3861
原创 图形编辑器基于Paper.js教程06：鼠标画圆与椭圆
通过这个简单的示例，我们展示了如何使用Paper.js来处理复杂的图形绘制需求。这种方式不仅允许用户灵活地绘制椭圆，还能通过简单的修改（如按下Shift键）快速地切换到圆形绘制模式。这种灵活性和易用性使得Paper.js成为处理在线图形设计的理想选择，无论是用于艺术创作、游戏设计还是任何需要图形绘制的应用。通过优化这些基本操作，开发者可以创建出更加丰富和互动的Web应用。
2024-07-04 08:00:00
4604
原创 图形编辑器基于Paper.js教程05：鼠标画矩形与正方形
我们写的这个案例，它不仅使得矩形可以从任意方向精确地绘制，还能通过简单的逻辑处理如按Shift键约束为正方形，增强了用户的交互体验。最终，这个示例展示了如何有效利用JavaScript和HTML5 Canvas技术，通过Paper.js框架来实现高效且用户友好的图形处理解决方案。对于开发者而言，理解并应用这些技术可以在创建图形密集型应用时，提供更好的用户体验和性能优化。
2024-07-02 08:00:00
6756
原创 图形编辑器基于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
7555
原创 图形编辑器基于Paper.js教程03：认识Paper.js中的所有类
Paper.js 中的项目对象通常被称为文档：它是顶级对象，包含场景图中的所有项目。由于文档一词在浏览器上下文中已被使用，因此它被称为 Project。项目允许对应用于所有新创建项目的样式进行操作，允许访问选定的项目，在未来版本（不知道还会不会有）中还将提供在场景图中查询项目的方法，定义特定的要求，以及持久化和加载不同格式（如 SVG 和 PDF）的方法。使用访问当前的项目，可以存在多个项目。可以访问项目下的视图，图层，导入导出svg，或者使用一个Point来命中hitTest()元素。
2024-06-24 08:00:00
8460
原创 图形编辑器基于Paper.js教程02：图形图像编辑器概述
总结懒得写了，就写一句话吧每个项目都很优秀，普通人掌握其中一个就能做出非常好的项目或作品。我们需要沉下心仔细研究。
2024-06-19 08:00:00
10689
原创 导出本地服务到Public Network，需有密码才能访问，7天有效时间
导出服务到Public Network，7天有效时间，需有密码才能访问。
2024-06-17 08:00:00
3990
原创 图形编辑器基于Paper.js教程01：入门必读
3月份换了一份工作，开始一个人做一个图像编辑器的平台，从零开始，一个人开发。图形编辑器我是第一次接触，个人也比较感兴趣，所以在前期也作出了不少的成绩，最近下班也没什么好玩的东西，于是准备开个新的坑，写一个图形编辑器基于Paper.js教程。内容不会涉及任何商业机密。今天这篇就先这样吧，业余时间也会学一些硬件的东西，只是因为好玩，有意思。我认为有价值的东西基本都会写出来分享给粉丝。6月份的深圳，又闷又热，真是不想离开空调房啊。
2024-06-17 08:00:00
4241
原创 手机连接ESP8266的WIFI，进入内置网页，输入要显示的内容，在OLED显示屏上显示文本
手机连接ESP8266的WIFI，进入内置网页，输入要显示的内容，在OLED显示屏上显示文本
2024-06-11 08:00:00
5544
原创 使用modbus-serial 库搭配 modbus slave 通过 modbus tcp client 协议来 写入 modbus 寄存器值
使用modbus-serial 库对modbus slave 写入寄存器值。
2024-06-03 08:00:00
5699
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关注的人