- 博客(56)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端 img 标签避坑指南：从基础到比例适配，彻底解决图片变形问题
这篇文章系统讲解了前端开发中img标签的核心使用技巧和常见问题解决方案。主要内容包括：1. img标签作为替换元素的本质特性；2. 5个关键属性的实用指南；3. 4个典型图片比例问题的排查方法
2025-09-10 17:18:08
原创 2025 年前端图表组件全景解析：选型指南与场景实践
本文主要讲解了市面上主流的图表组件，Echarts，Chart.js，Highcharts等等，以及他们的优劣点，并对他们进行一个对比，然后再说明他们的使用场景
2025-09-10 09:53:42
1126
原创 从 0 到 1 吃透 CSS 3D 属性：原理、用法与实战案例
本文系统讲解CSS3D的核心原理与应用。首先介绍3D坐标系概念（X/Y/Z轴），强调实现3D效果必须满足三要素。详细解析3D变换函数的用法与注意事项
2025-09-09 14:50:25
1071
原创 深入理解 CSS3 滤镜（filter）：从基础到实战进阶
CSS3 滤镜（filter）是前端视觉开发的 “瑞士军刀”，它无需依赖外部工具，即可实现从简单的模糊、灰度到复杂的动态交互效果，极大简化了视觉开发流程。无论是日常的图片美化、交互反馈，还是进阶的毛玻璃、暗黑模式，filter都能胜任。掌握filter熟悉各滤镜函数的参数与效果；灵活组合多滤镜实现复杂效果；结合transitionanimation实现动态交互；注意兼容性与性能优化。
2025-09-09 11:10:55
639
原创 数字孪生技术：原理、行业应用与发展路径研究
数字孪生作为虚实融合的核心技术，通过构建物理实体的动态虚拟模型，实现 “数据映射 - 模拟优化 - 决策反馈” 的闭环，已成为工业 4.0、智慧城市、新能源等领域的关键支撑。本文首先梳理数字孪生的定义与技术体系，明确其 “数据采集 - 建模计算 - 应用服务” 的三层架构；其次结合特斯拉智能工厂、宁德时代电池管理、雄安新区智慧城市等真实案例，分析数字孪生在不同行业的应用场景与实际成效；最后针对当前建模复杂度高、数据安全风险、标准不统一等挑战，提出轻量化建模、分级安全防护、跨领域标准协同等对策。
2025-09-09 09:59:30
744
原创 从 0 到 1 用 ExcelJS 玩转 Excel：批量导出、公式计算、样式美化全攻略
ExcelJS是一款强大的Excel处理库，相比xlsx更适合复杂表格场景。它原生支持样式设置、公式计算、图表插入等高级功能，且API设计更直观。
2025-09-09 08:57:03
595
原创 工业 4.0：技术驱动、产业变革与未来挑战
工业 4.0 作为第四次工业革命的核心范式，以 “智能工厂” 为载体，通过物联网（IoT）、大数据、人工智能（AI）、数字孪生等技术的深度融合，重构了制造业的生产流程、价值链与商业模式。本文首先梳理工业 4.0 的起源与核心内涵，进而分析其关键支撑技术及在典型行业的应用场景，随后探讨当前面临的技术瓶颈、标准体系与人才短缺等挑战，并针对性提出对策建议，最后展望工业 4.0 与绿色制造、全球化协作结合的未来发展方向。
2025-09-08 17:07:44
524
原创 JS 循环语句全解析：优缺点、性能对比与实战选择
JS循环选择指南：从用法到性能对比 本文系统分析了JS中6种循环语句的适用场景、优缺点及性能表现。for循环灵活且性能最优，适合大数据量场景；
2025-09-08 15:10:48
630
原创 Electron-Vite (四）优雅的管理子窗口
本文介绍了在Electron应用中创建和管理独立子窗口的方法。通过Vue组件化开发，将子窗口统一封装在ChildWin.vue父级组件中，便于统一管理多个子窗口的样式和行为。主进程通过windowsId.ts控制器管理窗口ID和生命周期，包括创建、显示、隐藏等功能。
2025-09-08 11:28:35
667
原创 彻底搞懂前端事件传递：从嵌套 div 的 click 说起
本文深入解析了前端事件传递机制，重点剖析了事件流的三个阶段：捕获（从外到内）、目标（到达实际元素）和冒泡（从内到外）。通过三层嵌套div的点击事件示例，直观展示了事件传递顺序
2025-09-06 11:45:10
814
原创 前端-拖拽窗口组件（仿制Windows窗口）
本文介绍了一个基于Vue3和TypeScript的自定义对话框组件开发方案。该组件实现了类似Windows窗口的拖拽、缩放和边缘吸附功能
2025-09-06 11:07:56
982
原创 一文彻底搞懂前端拖拽属性 drag，drop
核心角色：拖拽源（）和放置目标（需处理dragenterdragover允许放置）。事件流dragstart→drag→dragenter→dragover→drop→dragend。数据传递对象是核心，setData存数据，getData读数据（仅在dropdragend中有效）。实战场景：基础拖拽、文件上传、列表排序，覆盖 80% 开发需求。
2025-09-06 08:21:50
1136
原创 Electron-Vite (三）软件自动更新
交互来检测新版本，核心流程基于 "客户端请求 - 服务器响应" 的模式。那接下来我们看看在electron中，autoUpdater模块是怎么知道有新版本的。我们回到主进程的monitorEvent.ts里面，增加一个监听方法。会自动从元数据文件中提取更新包的下载地址，开始下载更新包，并通过。方法配置更新服务器的地址（即元数据文件的访问路径）。配置的地址发送请求，获取服务器上的元数据文件。事件，开发者可在此时提示用户重启应用完成更新。的版本检测依赖于开发者提前在服务器上部署的。
2025-09-04 10:12:49
673
原创 CSS 动画属性精讲：从基础到实战
CSS动画完全指南：从基础到实战 本文系统讲解了CSS动画的核心技术，包括： 关键帧(@keyframes)定义动画效果 8大动画属性控制播放方式
2025-09-03 13:19:59
1128
原创 CSS Flex 布局精讲：从基础到实战，彻底掌握弹性布局
Flex（Flexible Box，弹性盒）是 CSS3 引入的一种一维布局模型—— 它通过定义 “容器” 和 “项目” 的关系，控制项目在 “主轴” 和 “交叉轴” 上的排列方式，实现灵活的空间分配与对齐。简化对齐：轻松实现水平 / 垂直居中、两端对齐等常见需求；自适应强：自动分配剩余空间或收缩项目，适配不同屏幕尺寸；摆脱 hack：无需清除浮动、避免 margin 塌陷，逻辑更直观。
2025-09-02 14:46:35
959
原创 Electron-Vite (一）快速构建桌面应用
本文介绍了使用Electron-Vite构建工具快速创建Electron应用的方法，重点讲解了主进程与渲染进程之间的通信机制。
2025-09-02 14:06:57
976
原创 Electron快速入门
通过上面的一同操作，我们发现创建一个 Electron应用还是比较繁琐的，其实在后面的主进程渲染进程之间的通信，会更加繁琐，也更加难以维护实际在工作中，我们也不会通过这种方式去创建Electron应用在前端开发中，我们都知道webpack和vite打包工具，以及vue、react开发框架所以我们在实际开发中，Electron也要结合其他的工具和框架进行更高效的开发，在下一章节中，我将重点介绍 Electron-Vite。
2025-09-02 10:19:42
665
1
原创 仿真软件的现有规模以及未来发展趋势
产线仿真软件市场正处于高速增长期，全球规模预计 2029 年突破 200 亿美元，中国市场增速领跑全球。国际厂商凭借技术生态优势主导高端市场，但国产软件通过性价比、政策支持和细分场景创新快速崛起。未来，云化、AI 集成、数字孪生闭环控制将成为竞争焦点，企业需结合自身需求选择工具（如复杂场景选 FlexSim、成本敏感场景选 FactorySimulation），并关注国产替代政策红利。随着智能制造深化，仿真软件将从 “效率工具” 升级为 “决策中枢”，推动制造业向零缺陷、零浪费的目标迈进。
2025-09-01 15:28:25
904
1
原创 数据结构-红黑树
红黑树是一种自平衡二叉查找树，通过五个规则保持平衡：节点非红即黑、根节点黑色、叶子节点黑色、红节点子节点必须黑色、任一节点到叶子路径黑节点数相同。它解决了普通二叉搜索树在极端情况下退化为链表的问题，保证操作时间复杂度为O(logn)。红黑树通过变色和旋转（左旋/右旋）来维持平衡，插入时默认新节点为红色，删除时处理更复杂。相比AVL树，红黑树对平衡要求更宽松，适合频繁增删场景，广泛应用于Java集合、C++ STL、Linux内核等。文章详细介绍了红黑树的定义、规则、操作实现及代码示例。
2025-09-01 13:53:29
788
2
原创 工业仿真（simulation）-- 工人池（7）
本文介绍了仿真引擎中工人池实体类的设计思路和实现逻辑。工人池与其他设备类不同，不需要继承BaseStation基类，主要功能包括：1）仿真开始时派发工人协助关联设备；2）处理设备不良产品（直接丢弃并重置设备状态）；3）维修故障设备（重新加工后恢复）。工人池通过调度器接收设备状态变更通知，维护待办任务列表和工人资源管理。详细说明了工人移动逻辑、任务处理流程（协助、清理、维修）以及工人返池机制，通过状态转换和消息传递实现完整的工人调度系统。
2025-08-30 12:43:24
996
原创 如何让自己的前端项目更优雅
本文探讨了如何提高代码的可维护性、简洁性和美观性，主要从变量方法存放位置、项目文件分类、Sass/Less使用以及Prettier/ESlint配置四个方面展开。 变量方法存放位置分为私有、局部和全局三种情况，建议根据使用范围合理存放，并配合Pinia管理全局状态。 项目文件应按功能模块分类，建立清晰的目录结构，便于快速定位和维护。 使用Sass等CSS预处理器，通过变量、嵌套、混合等特性提高样式代码的可维护性。 配置Prettier和ESLint工具，分别负责代码格式化和质量检查，确保团队代码风格统一和质
2025-08-30 11:02:21
1070
原创 Git命令-图解-小白专享
本文介绍了Git工具的发展历史和核心命令操作。Git由Linus Torvalds于2005年创建，现已成为最流行的分布式版本控制系统。文章详细讲解了Git的基本配置、仓库初始化、文件提交（add/commit）、版本回退（reset/revert）、分支管理（checkout/merge）等核心功能，并对比了分布式与集中式版本控制的差异。通过具体案例演示了工作区、缓存区和本地仓库的关系，以及stash暂存、冲突解决等实用技巧。最后介绍了Git 2.23新增的switch/restore命令，为开发者提供了
2025-08-29 22:17:43
854
原创 工业仿真（simulation）-- AGV（6）
AGV是连接生产、仓储、配送等各个环节的“自动化血脉”。它无需人工驾驶，可以24/7不间断工作，是实现“黑灯工厂”和全自动化物流的关键组成部分。：通过与上位管理系统（如WMS、ERP、MES）集成，AGV可以接收指令，智能规划最优路径，实现物料、半成品、成品的自动、精准、高效流转。
2025-08-29 09:18:04
1005
原创 工业仿真（simulation）-- 自定义物流路线（5）
假设在画布中，我们有这样一个道路路线我们要如何把这样一个路线转为json结构呢，并且我们可以看到，在最中间的十字路所相连的道路上都有一个P点标志，这是用户自定义的停靠点标识道路的本质是path字符串，格式如下在这个字符串里面并不包含用户自定义的停靠点，停靠点是一个数组结构的数据，格式如下labels?: {}[]停靠点可以设置多个，如下图接下来我们需要解析path字符串，以及解析用户自定义的停靠点，并且将两者结合起来，形成一个图结构的数据，方便后面的A* 算法寻找最优路径。
2025-08-28 18:23:06
1018
原创 工业仿真（simulation）-- 装配站，拆卸站（4）
装配站是什么装配站是生产线上的一个特定工位，在这个工位上，操作工人和/或自动化设备将多个零件、部件或子系统按照设计要求组合、连接、安装在一起，最终形成一个功能更完整的产品或半成品。拆卸站是什么拆卸站是一个专门用于将成品、半成品或退回产品进行系统性分解，拆解成其组成部分的工位。两者的区别。
2025-08-27 16:32:55
973
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人