React 性能优化必看：useMemo 与 useCallback 实战解析（附完整代码） 作为 React 开发者，你是否遇到过这样的问题：组件明明只改了一个无关状态，却触发了不必要的重新渲染、昂

从2025年孤军奋战到拉起几个人的小团队，前端的创业小团队都能做出哪些有意思的项目，大家一起来看看。

写过原生 Canvas 的朋友都懂： API 低级到怀疑人生——画个带圆角的矩形就要 20 行起步，缩放、拖拽、层级管理全靠自己实现。 节点一多直接 PPT——超过 5000 个元素，页面卡成幻灯片。

这个方案，额。。。可能这就是程序员头发少的原因吧。费尽千辛万苦画好，万一视觉调整一下。。这个方案开发费时费力，不好维护。虽然web端有react-canvas，小程序也有一些工具，但目前都只是封装了绘制矩形、文字等方法，对于布局来说还是需要手动计算宽高以及位置，没有完全解决痛点…

会将连续排列的 inline-block 节点聚合新建一个空白的 div 插入原先的位置然后将这些 inline-block 节点作为 children 插入其中. 4.再次计算盒模型 width(setWidth)，会结合 margin，border 等 css 属性再次计算…

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的PC端，商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架（vue react）分别维护。 考虑到依赖太大（ungzippe…

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

🚀 纯前端抠图-实现抠图自由，对于人像分割这一特定场景，我们需要的是轻量级、高效的分割解决方案。本文将介绍如何使用 MODNet 模型实现人像分割，这是一个专门针对人像抠图优化的模型。

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。