与稚搏歹徒

本文梳理了图像的五种常见存在形式：网络 URL、本地路径、Base64、Blob、ArrayBuffer，帮你搞清它们的底层机制、适用场景和优劣对比，一文掌握前端图像的“正...

🌰栗子前端技术周刊第 111 期 (2025.12.15 - 2025.12.21)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。 📰 技术...

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

在 Vue 项目开发过程中，VSCode 作为主流的代码编辑器，为我们提供了强大的开发体验。然而，我最近在使用过程中会遇到两个常见问题……...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

一位名 howcode 的程序员苦遭同行的重创——代码一把梭 flex，不禁发出苦天下久矣的感叹，立誓要将 Grid布局 发扬光大...

前端开发中，令人头疼的除了`Canvas`的应用其次就是大文件上传方案了，恰巧最近碰到了令人头疼的大文件上传需求，要求上传压缩包大于`1024MB`的时候进行分片上传处理，...

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五...

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、...

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

告别臃肿的第三方库！只需几百行简洁代码，就能让你的列表拥有丝滑流畅的拖拽体验，像被施了“魔法手指”一样灵动。无需担心体积臃肿或依赖过多，轻松实现自定义，开发体验和用户体验都...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

在中后台项目中，下拉框来源多样，重复配置易出错。本文提供一套基于配置驱动的统一加载方案，支持枚举、字典、接口与常量，自动完成缓存、去重、过滤，适配el-form与vxe-g...

Server-Sent Events (SSE) 为实现实时数据推送提供了一种简单、高效且易于使用的解决方案。希望本文能帮助你对 SSE 有更深入的理解，并在项目中充分发挥...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...