Yiler

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

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

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

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

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

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

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

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

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

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

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

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

本节我们通过简单的在canvas上绘制矩形，学习如何实现无限画布，屏幕坐标系如何转换成canvas坐标系，无限画布如何导出成图片...

低代码项目实践：二次封装 react-ruler 标尺组件，实现画布的拖拽、缩放、自适应效果，同时保证标尺组件刻度对齐...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

本文会讲述如何使用 Nginx 的代理功能帮助进行前端页面的开发。 Web 开发通常使用的是前后端分离的开发模式，即前端和后端分别进行开发，前端通过 Ajax 请求后端的接...

一款大屏设计器，具备大屏设计、预览能力，支持MySQL、Oracle、PostgreSQL、SQLServer等数据集接入，使用简单，完全免费，代码开源。...

WebAPI中总有一些能力平时很少用，可是一旦用上就像天降神兵一样。我会结合公司实际场景分别实现三个Demo，来直观展示他们的效果。 水印监听、模仿network实现资源和...

一文彻底搞透大文件上传的前后端逻辑....................................

canvas 优化细节 白板方案，大部分同学第一反应，那肯定是 canvas 啊，没错，但是，可以很直接地告诉大家，canvas 方案在大 家平常小数据量的可视化场景，没太...