关尔叔

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

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

背景 在 Vue 项目中，渲染一个包含 10000+ 节点 的树形结构（树形选择器）时，如果直接将接口返回的数据交给响应式系统，性能会明显下降。 当数据层级很深、字段很多时...

学习使用formily核心思想：精确渲染、领域模型、路径系统、生命周期、协议驱动、分层架构。使用JSON-schema开发后台表单，清晰可维护，对react表单性能还有优化...

当浏览器的网络线程接收到HTML文档后。整个渲染流程分为多个阶段：HTML解析、样式计算、布局、分层、绘制、分块、光栅化、画每个阶段都有明确的输入输出，上一个阶段的输出会成...

🧰 引言：你是不是也这样？ 作为一名前端开发者，你有没有经历过下面这些场景？ 如果你点头了，那这篇博客就是为你准备的！ 今天我要分享的是我自己开发的一个 CLI 工具 —...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

官方真的不推荐 Enum 了吗？ 甲级战犯 Enum 出列！起因是看到 科技爱好者周刊里面推荐了一篇文章，说是官方不再推荐使用 enum 语法，Enum 是老问题了，莫非这...

大家好，我是祯民。从 Trae AI 离职后，再经历蚂蚁的一个月离职，现在入职阿里云一个月了。短短三个月，突然发现其实我的人生还有不同的体验和选择，很高兴能和大家一起分享经...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

ByteMD 是一个使用 Svelte 构建的 Markdown 编辑器组件. 它也可以在其他库/框架中使用 特性如下: 轻量级且与框架无关 易于扩展 默认安全...

用CSS的clip-path轻松实现蜂窝布局！不用JS，纯CSS画出完美六边形，排列成蜂窝网格。分享我的实现方案，附完整代码，适合需要这种炫酷布局的前端小伙伴~...

打包优化 【参考】 vite打包性能优化以及填坑 我是如何把 Vite 的打包时间从 110s 优化到 25s 的(后续细读) 将文件分门别类 完整配置示例（vite.co...

🔥 让你的 Web 项目在 HTML 中自动注入版本号和构建时间，方便版本管理 & 调试！ 📌 一行代码搞定，不需要手动维护，支持 Webpack、Vite、Rollu...

这篇文章可以学到什么： 1.Chrome 插件 Demo 的极速开发：从零基础开始，轻松搭建插件的基础框架，让你迅速体验 Chrome 插件的开发流程，带你开启一场高效的开...