一只爱紧张的胖咪

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 ...

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知...

网页中经常会见到一些动画，动画可以让产品的交互体验更好。 一般的动画我们会用 css 的 animation 和 transition 来做，但当涉及到多个元素的时候，事情...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

通过状态管理能够分离业务和界面，更好地维护代码。同时，借助Provider 状态管理插件能够实现组件的局部刷新，效率更高。...

本文主要介绍如何做好前端的项目规范，包含但不限于git提交规范，包管理器规范，命名的规范，代码风格的统一等等。项目规范做的好，可以大大提升大家的工作效率，反之会严重影响工作...

电商类 H5、小程序把商品加入到购物车时，常常有一个抛物线动画。比如麦当劳小程序，当你点击加购按钮时，会看到有一个小汉堡从卡片汉堡上抛出，然后掉落到购物袋里。本文介绍了这种...

Radix UI 3.0 刚刚发布，带来了新的布局引擎、新的组件和自定义调色板生成器，这个版本的发布是向着成为构建现代应用程序的最佳组件库迈出了一大步。我们将在本文中介绍主...

前端写了好多年，用过了各种各样的组件库，也曾自己写过各种组件。但是对组件这个概念一直都没有过一个很深入了解，所以参考了很多资料，以及结合自己的理解，做归纳和总结。so，才有...

shadcn ui 介绍。无样式组件库 headless ui 。为什么 shadcn ui 能杀入2013年前端工具库榜首...

最近在两个项目里分别用了 antd 和 shadcn 两个 react ui 库，又对比了一下国内外的一些组件库，发现两边有一些不一样。...

本文章主要讲述animation-delay负值特性，并且利用animation-delay负值实现bounce和音浪加载效果。animation-delay负值威力极大，...

一个基于Headless UI组件库的 React UI 组件库shadcn/ui，在一年上涨了 39500 颗星星，它到底是如何实现的呢？...

去年，淘特端架构联合业务团队共同发起“基础链路极致体验优化”的项目，目标在时长与流畅度方面获得极致体验，本文将为大家详细解析淘特 Flutter 流畅度优化实践二期部分。...

小编所在的团队叫 “Cuckoo FE”，前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC...

前端这门技术，从诞生发展至今不过寥寥十余年。如果说前十年是 PC 前端的时代，那后十年一定是属于移动前端的时代。特别是随着网络制式的发展，移动设备在全球范围内得到了空前的普...

都听说过 lodash，但是，你会在项目中使用它吗？你知道如何使用它吗？你知道它有哪些函数吗？快快来学吧。...

作为一个程序员，想继续成长，管理是绕不过去的槛。 即使想纯做技术，向架构师方向前进，仍需做好管理，因为架构师也有大小，架构的盘子越大，自身能力也会越强，但大盘子单靠个人是无...

当涉及职场技能的探讨时，如何去编写高质量的代码通常是我们追求的目标。然而，随着时间的推移和思维的转变，我逐渐认识到，在职场中，有比写出优秀代码更为重要的事情存在。 这个事情...