Yiler

最近做项目需要使用到3D模型。相信大家和我一样，在开始着手的时候，一定会碰到很多问题。而本文将对glTF文件压缩进行细致的探索、调研与沉淀...

行业内不断出现使用大型 3D 场景呈现的互动类项目，我们团队也跟上发展步伐，在此将积累下来的开发经验和优化策略和大家分享一下。...

随着公司业务的发展，经常会收到一些数据大屏的需求。目前我司有两种实现方案，一是人肉搭建，二是用阿里云 DataV 搭建。 人肉搭建，在本地脚手架开发环境中进行编码，有大量的...

最近实现了一个需求：产品小姐姐要求我们的应用桌面可以实现拖拽到某个区域进行删除操作。 所以今天想分享一下自己在实现这个需求时的一些思路，或许能帮你重新理解拖拽的原理🎁...

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈...

本篇文章是excalidraw揭秘第一篇，学习如何正确设置canvas尺寸以及分辨率矫正，绘制清晰、不变形的图形...

大家好，我是前端西瓜哥。今天我们来实现图形编辑器的标尺功能。 标尺指的是画布上边和左边的两个有刻度的尺子，作用让用户知道他正在编辑的视口所在位置范围。 我们的需求是：间隔特...

对于我一个从前端入门的人来说，Nest.js 是我接触到的第二个重量级的后端框架，对其的部署自然也是去调研了很久，最终打算将我的这段经历以文章的形式记录一下，希望对有需要的...

背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常...

前言 在当今科技日新月异的时代，AI全栈技术以其独有的魅力，重塑着每一个行业的核心竞争力。作为一名致力于探索智能科技边界的旅者，掌握AI全栈技术已成为解锁未来创新的关键密钥...

本文主要介绍企业级前端工程化全景图，从需求规范、开发联调、测试优化、构建部署、运维监控等多个阶段展开，详细介绍了每个阶段的核心目标、流程、工具、场景和AI赋能等。...

本文从宏观角度来梳理前端世界观：知识体系、框架及生态、应用端分类、业务开发场景、架构设计、企业级工程化、性能优化、软实力、前端未来与AI、前端学习方法论等方面总结。也分享下...

今年的年终总结，拖到了2025年才写，近段时间拖延症比较严重，拖了好久，一度有想法不写了，最后挣扎着还是写一下，没有过春节，应该还不算晚吧😄...

随着大数据可视化、数字孪生、智慧城市等业务场景的普及，大屏开发已成为前端工程师的必备技能之一。然而，不同于传统 Web 页面，大屏项目常常需要在各种尺寸和分辨率的显示设备上...

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。...

还在为Vue中层出不穷的弹窗烦恼吗？本文能帮你轻松召唤任何组件作为弹窗内容，并通过 Promise 优雅地返回用户操作结果。...

大家好，我是前端西瓜哥。 本文将讲讲解二维中的包围盒。 三维的包围盒是一脉相承的，理解了二维也就懂了三维。 包围盒（bbox, bounding box）指的是包围图形的一...

大家好，我是前端西瓜哥。 上篇文章我们讲解如何基于 transform 缩放但个矩形，实现了 resizeRect 方法。 今天我们再来看看如何对多个图形进行缩放。 我们要...