神光的编程秘籍-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

神光的编程秘籍

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

专栏成员

242

文章

210794

阅读量

34

订阅数

React 项目里，如何快速定位你的组件源码？

原理源码 react 插件开发

业务项目一般代码都很多，你拿到一个需求之后，可能改起来不难，但是要定位在哪里改比较难。

神说要有光zxg

2024-05-31

870

身在外企，如何实现 React 应用国际化？

react form locale 工具浏览器

如果你在外企工作，那基本要天天做这件事情，比如我待过韩企和日企，我们的应用要支持韩文和英文，或者日文和英文。

神说要有光zxg

2024-05-31

990

领导让我做 PPT，我用代码来生成

el puppeteer return 接口数据

我们用 puppeteer 来爬取大学的校徽、名字、介绍，然后用这些信息来生成 pdf 等。

神说要有光zxg

2024-05-10

1010

写个爬虫，爬取 Boss 直聘全部前端岗位

数据库爬虫前端数据搜索

爬取数据我们使用 Puppeteer 来做，然后用 TypeORM 把爬到的数据存到 mysql 表里。

神说要有光zxg

2024-05-10

2730

Nest 实现天气预报查询服务

接口配置数据 nest 服务

当然，如果你想让用户直接选择城市，然后查询城市的天气，这种就要拿到所有城市的信息了。

神说要有光zxg

2024-05-10

1450

你用受控模式写组件？图啥呢？

表单组件库渲染 date onchange

代码设置表单的初始 value，但是能改变 value 的只有用户，代码通过监听 onChange 来拿到最新的值，或者通过 ref 拿到 dom 之后读取 value。

神说要有光zxg

2024-04-30

1050

React Playground 实现原理揭秘

编辑器编译插件原理 react

在 textarea 输入内容，设置默认值 defaultValue，用 useRef 获取它的 value。

神说要有光zxg

2024-04-30

1330

面试官：说一下大文件分片下载

服务器浏览器数据文件上传优化

但是，这样文件是全部读取出来返回，如果文件大了，比如好几个 G，会占用很大的内存。

神说要有光zxg

2024-04-30

1350

如何在网页实现 TypeScript 编辑器？

编辑器开发配置 typescript editor

这里用 @monaco-editor/react 这个包，它把 monaco editor 封装成了 react 组件。

神说要有光zxg

2024-04-30

1740

面完一些前端新人，大家差距真的很大

面试前端 pdf ps 笔记

如今闷头刷题已经行不通。与其没有目标的死磕LeetCode，不如站在阿里大神的肩膀上，背熟大神整理的刷题笔记，才是省时省力的上岸路径！

神说要有光zxg

2024-04-25

730

Nest 实现 GraphQL 版 TodoList

数据库 nest graphql 接口数据

比如 GET 请求 /students 查询所有学生，/students/1 查询 id 为 1 的学生

神说要有光zxg

2024-04-25

1160

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

函数事件 hook ref 定时器

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

神说要有光zxg

2024-04-19

1510

图解浏览器的各种距离

浏览器事件 console ref window

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

神说要有光zxg

2024-04-18

950

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

return api 渲染容器 import

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

神说要有光zxg

2024-04-17

870

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

函数异步中间件渲染管理

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

神说要有光zxg

2024-04-17

2430

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

antd form string 表单同步

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

神说要有光zxg

2024-04-10

1410

手写一个 OnBoarding 组件

return 动画渲染容器 button

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

神说要有光zxg

2024-04-10

960

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

antd popover 事件中间件渲染

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

神说要有光zxg

2024-04-10

2630

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

原理打包 vite 编译插件

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

神说要有光zxg

2024-04-10

1310

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

react spring import width 动画

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

神说要有光zxg

2024-01-29

1500

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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