gplin3

出海第一步，搞定工具库。 最近把一位只会 Vue 的同事掰成 React 程序员了😼。为了让他更快了解 Next.js 和出海需要的技术栈，我整理了一份独立开发者出海工具库。

本文探讨了 NextJS v13 的服务端组件和客户端组件的工作原理、使用时机和官方推荐的最佳实践。

关于“拖拽”，其实是一个老生常谈的需求了，并且还是一个非常经典的面试题。之前在项目中拖拽的场景都是直接使用轮子，虽然很快就能完成设计需求，但是这个的原理一直都是我十分想去深入了解的一部分

我第一次对网页全屏模式有概念，是那种网页播放视频的全屏播 放的那种。感觉很强，前几个星期有个需求也是关于全屏模式的，接触之后才知道全屏模式并不神秘，是个很容易掌握的技能... 进去看看，玩一下，本文将结合这个demo一起进行讲解。 我把全屏模式封装在一个类里面，在代码中有详细的…

如果急用, 可先cv走代码修改, 哪里没明白再回来看哪里. d3 是一个大而全的图形库, 集成了svg 元素操作和常见图表(图形)的数据结构. 本文基于v5 版本的 d3 编写, d3 的功能都是拆分成独立包的, 我们这里只需要引入d3-hierarch和d3-shape生成拓…

d3相关api 本文为一个最简单的树形结构过渡效果展开的核心功能，没有添加连接线等逻辑 hierarchy hierarchy接收一个树形结构的对象，d3会根据这个树形结构生成一个新的树形结构，这个新

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情 树状图 在d3 中，绘制树状图，要用到层级布局这个概念： 根据指定的层次结构数据构造一个根节点。指定的数

Update、Enter、Exit 是 D3 中三个非常重要的概念，它处理的是当选择集和数据的数量关系不确定的情况。 1. 什么是 Update、Enter、Exit 前面章里，反复出现了形如以下的代码。 有数据，而没有足够图形元素的时候，使用此方法可以添加足够的元素。 当时并…

深入探索 React 内部的工作流程寻找不使用 React.memo() 也能达成优化性能目的的原因。