腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

神光的编程秘籍

公众号《神光的编程秘籍》，分享编译原理、vscode、前端工程化、跨端引擎等技术

专栏作者

231

文章

197310

阅读量

34

订阅数

三种自定义 hook 的事件封装方式，你会选择哪种？

函数事件 hook ref 定时器

我们经常通过自定义 hook 的方式抽离组件的逻辑，而这种自定义 hook 里很多都是给元素绑定事件的。

神说要有光zxg

2024-04-19

300

图解浏览器的各种距离

浏览器事件 console ref window

事件对象可以拿到 pageY、clientY、offsetY，分别代表到点击的位置到文档顶部，到可视区域顶部，到触发事件的元素顶部的距离。

神说要有光zxg

2024-04-18

270

遇到这三个 api，你会把它封装成组件么？

return api 渲染容器 import

最近遇到一些组件，它们只是对 api 的一层简易封装，用起来也和直接用 api 差不多。

神说要有光zxg

2024-04-17

500

原子化状态管理库 Jotai，它和 Zustand 有啥区别？

函数异步中间件渲染管理

用 createContext 创建了 context，其中保存了 2 个useState 的 state 和 setState 方法。

神说要有光zxg

2024-04-17

640

天天用 antd 的 Form 组件？自己手写一个吧

antd form string 表单同步

用 Form.Item 包裹 Input、Checkbox 等表单项，可以定义 rules，也就是每个表单项的校验规则。

神说要有光zxg

2024-04-10

850

手写一个 OnBoarding 组件

return 动画渲染容器 button

用一个 div，设置 width、height 还有上下左右不同的 border-width。

神说要有光zxg

2024-04-10

720

实现 antd 的 Popover 组件，可以很简单

antd popover 事件中间件渲染

首先，placement 参数可以指定 12 个方向，top、topleft、topright、bottom 等：

神说要有光zxg

2024-04-10

1000

Vite 的实现原理，确实很巧妙

原理打包 vite 编译插件

本地是 main.tsx 引入了 App.tsx，并且还有 react 和 react-dom/client 的依赖：

神说要有光zxg

2024-04-10

690

一文学会用 react-spring 做弹簧动画

react spring import width 动画

一般的动画我们会用 css 的 animation 和 transition 来做，但当涉及到多个元素的时候，事情就会变得复杂。

神说要有光zxg

2024-01-29

1110

一道字节的 TS 体操面试真题

面试字符串 extends 编程基础

看起来好像没多大难度，就是提取出 YY、MM、DD 和分隔符，然后构造对应的字符串类型就好了。

神说要有光zxg

2024-01-17

1110

手写一个简易版 Jest

jest require 测试函数数据

那当你测试的代码里依赖外部环境的部分，比如要读一个文件、要发送一个请求，这时候怎么测呢？

神说要有光zxg

2024-01-02

1170

如何设计一个前端远程调试工具

远程调试工具前端设计数据

它通过对浏览器/微信小程序 API 的封装，将调用原生方法时的参数进行过滤、转化，整理成指定格式的消息供调试端消费；调试端收到消息后，在类似 Chrome devtools 的面板中将数据呈现出来。对于前端开发者来说，上手零成本。

神说要有光zxg

2024-01-02

2730

Nest 实现大文件分片上传

nest 测试服务端接口浏览器

文件上传是常见需求，只要指定 content-type 为 multipart/form-data，内容就会以这种格式被传递到服务端：

神说要有光zxg

2024-01-02

2090

React 的 Suspense 和 ErrorBoundary 还有这种关系？

react promise 框架异步原理

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。

神说要有光zxg

2024-01-02

1930

短链服务？用 Nest 自己写一个

nest 服务数据压缩重定向

用 0、1、2、3、4、5 的递增 id 标识每个 url，把映射关系存到数据库里。

神说要有光zxg

2023-12-04

2370

想给组件加上文档？试试 Storybook

渲染 storybook 测试函数脚本

大家平时都在写组件，当你写组件库里的组件，或者项目里的一些公共组件的时候，是需要提供文档的。

神说要有光zxg

2023-11-14

2081

Next.js 的路由为什么这么奇怪？

渲染 next 路由文件系统语法

Next.js 是 React 的全栈框架，主打服务端渲染，也就是 SSR（Server Side Rendering）。

神说要有光zxg

2023-11-03

6730

为什么 Node 里要用 Winston 打印日志？

format 服务端框架配置日志

因为 console.log 打印完就没了，而服务端的日志经常要用来排查问题，需要搜索、分析日志内容，所以需要写入文件或者数据库里。

神说要有光zxg

2023-10-29

2250

React 弹窗组件用的 createPortal 是怎么实现的？

react 渲染调试原理源码

它们编译后会变成类似 React.createElement 这种代码，叫做 render function。

神说要有光zxg

2023-10-28

2190

JSDoc 真能取代 TypeScript？

typescript jsdoc 编译泛型语法

TypeScript 我们知道，是用来给 JS 加上类型的，可以实现类型提示和编译时的类型检查。

神说要有光zxg

2023-10-25

2690

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态