懒懒懒

最近在做一个 H5 营销活动时，遇到了一个比较头疼的问题：页面要用到 7 种字体，原始`ttf`文件体积加起来 42MB，就算换成压缩率较高的`woff2`格式也需 20M...

最近公司里事儿比较多，项目也比较杂，但是因为公司的项目主要是聚焦OA方面，很多东西可以复用。 比方说：表单、表格、搜索栏等等，这部分现阶段大部分都是各写各的，每个项目因为主...

Zustand 是一个用于 React 的轻量级状态管理库。它的名字源自德语，意思是“状态”。Zustand 的设计目标是提供一种简单、快速且高效的方式来管理应用程序的状态...

React 共享状态：告别“祖传”Props，拥抱“真香”体验！🚀 各位掘友，请脑补这个经典剧情： 你正在快乐地写着 React 组件，突然发现：卧槽！这个 state ...

orval 介绍 orval 是一个开源的基于 OpenAPI 的接口测试工具，它可以自动从 Swagger/OpenAPI 文档中拉取接口信息并生成生成前端接口代码。 官...

Zustand 的强大不在于复杂，而在于它用简洁优雅的方式解决了状态管理的核心问题——当你追求更少的样板、更直接的 API 和开箱即用的性能时，它就是上佳之选。...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

作者：Rui 背景 页面稳定性在前端开发中非常重要，为此我们内部研发了一套前端异常监控系统，它能监听绝大部分的异常。前端异常监听系统的实现可以在网上搜到非常多实现方案，其基...

一款开源免费的视频搜索工具，全网影视应有尽有，不管是热播剧、综艺还是动漫，都可以在上面找到，利用 Cloudflare Pages 进行免费搭建，国内网络直连无卡顿！...

包含 12 项重大升级的新版本 Apache ECharts 6.0 beta 震撼发布！今天，作为 ECharts 12 岁生日的献礼，我们呈上诚意满满的 12 项升级，...

本文介绍利用 Dify 结合 MCP 技术实现火车票信息查询功能的方案。通过部署开源项目 mcphub 聚合 MCP 服务器，配置 AIAgent 策略，搭建含 MCP-S...

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 ...

💻💻💻要写最能唬人的前端工种是啥？最能出活的前端模块是啥？跟大家讲，真的是搞动画那一块，出活，真的出活。 吭哧吭哧一些高深的框架或者死磕一个难啃的技术硬骨头老半...

众所周知，有些属性是不支持过渡动画的，比如高度auto 效果如下 要实现过渡效果，之前提供过一个grid布局方式，原理是利用grid的尺寸单位1fr支持过渡的特性，有兴趣可...

3D 是前端的一个重要分支，而 Three.js 是最主流的 3D 渲染框架。 做业务开发的前端，很多都是同质化的 vue、react 项目经验，如果你做过 3D 相关项目...

简介 先看两个例子，例子除了React版本外没有不同，列表有5000个元素，元素中的文字会随着用户进行输入的内容而改变，执行相同操作，也就是输入从1到9变为'1234567...

今天干活时，突然看到大群里有人艾特我，还甩了一张截图： 我很火大，群里艾特我膈应谁呢！ 到这儿，我没干再反驳了，因为我不太清楚rebase的意思，我开始怀疑是不是自己git...