香香大宝贝

socket.io是一个基于WebSocket的CS的实时通信库，它底层基于engine.io。engine.io使用WebSocket和xhr-polling(或json...

前期准备 本篇文章的编写目的是为了提升TS类型的书写质量，高质量的类型可以提高项目的可维护性并避免一些潜在的漏洞; 在学习本篇之前需要需要有一定的TS基础知识，在此基础上可...

做大文件断点续传的功能，主要是为了提升用户体验。除了用户侧的体验外，实现的技术成本也是需要考虑的，比如服务器带宽、存储成本等，下面会介绍一种已经在生产环境中应用的企业级大文...

react18给我们带来了更强大的自动批处理机制，但是对于批处理本身究竟做了什么，它的影响有什么样的边界，很多人是不清楚的。本文会澄清批处理中的许多事实，并且通过对源码的解...

当处理前端数据时，我们经常会遇到不符合规范的扁平化的数据结构。这篇文章将探讨如何将这种扁平的数据转换为更符合前端操作的树形结构，并介绍它们的实现原理和性能对比。...

浏览器渲染的原理是前端的必修课，今天我们就来聊聊浏览器渲染中合成层的概念，本文将介绍什么是合成层，以及它的一些特性和平常开发中的注意点...

说说你对webpack的理解？解决了什么问题？ Webpack 最初的目标就是实现前端项目的模块化，也就是说它所解决的问题是如何在前端项目中更高效地管理和维护项目中的每一个...

让我们一起来看看这些问题：React为什么要单独整一套虚拟的事件系统，这样做有什么好处？ 什么是合成事件？所有的事件真的绑定在真实DOM上吗？如果不是，那么绑定在哪里？.....

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 大家好，我是CoderBin 前言 本文将总结75道前端面试CSS中的高频考...

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话...

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以...

为Next.js提供类型安全的搜索参数状态管理器——类似于React。但是存储在URL查询字符串中。...

本文介绍了 tRPC 技术以及它与传统 RESTful API 的区别。同时 tRPC 可以帮助人们更快地开发全栈 TypeScript 应用程序，同时无需传统的 API ...

js中什么是微任务和宏任务 在 JavaScript 引擎中，任务分为两种类型：微任务（microtask）和宏任务（macrotask）。 微任务是指在当前任务执行结束后...

关于富文本编辑器，很多同学没用过也听过了。是大家都不想去踩的坑。到底有多坑呢？ 我这里摘了一部分一位大哥在知乎上的回答，如果有兴趣，可以去看看。 Quill编辑器，Quil...

颜色选择器用得多了，是时候也要学学怎么自己写一个了！通过canvas的ImageData像素矩阵可以轻易获取RGBA值，就是这么快趣！...

状态管理一直是现代程序应用中的重要组成部分, 在早期, 通过将数据传递给各种应用程序来管理状态, 但随着应用程序复杂性的增加, 这种方法开始变得低效, 为了解决这些, 不同...

Tiptap 可以很轻松的接入各种框架，几分钟就可以创建好富文本编辑器。与各种比较成熟的富文本框架对比，Tiptap 的可定制化程度极高，我们可以自己去制富文本的每个方面，...

你了解 React Query 吗？它为什么又重新请求了？它怎么又不请求了？它怎么还有这么多的 options，这些都要怎么用啊？...

本篇会： 1. 介绍 SSE 的基本概念和用法 2. Next.js 如何实现 SSE 以及客户端如何调用 3. Next.js 如何调用 ChatGPT Stream 接...