Yiler

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

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

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

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

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

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

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

本文是从一个前端视角出发，通过 DeepSeek 根据我的实际情况去生成一个学习路径规划，后续也会持续介绍我在 AI 应用开发方面的学习路线。...

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

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

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

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

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

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

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

前言 大文件上传不能一次性将整个大文件直接上传，因为这可能会导致 内存占用过高、 网络传输不稳定等问题 所以通常的做法是把大文件分割成一个个小块，分别上传这些小块，最后在服...

低代码平台经常要用到标尺和缩略图操作同步的画板，点进来就能定制你的专属低代码画板！还等什么！快看我！...

标尺常用于图形编辑器和低代码构筑平台上，最近因为项目需要需要实现一个标尺功能，要求有以下功能： 1.刻度 2.平移缩放 3.绘制上的图形同步缩放平移.....

本文，我们将介绍两种方法来绘制刻度值： 使用 canvas 绘制 使用 div 绘制 我们将设定场景来讲解～ 使用 canvas 绘制 下面来讲解： html 添加点样式，...

本篇是图形学专栏的开篇第一篇，目标是通过实现一个简单的 2D 编辑器博客，来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一...