豆腐脑

今天想和大家分享的一个技术是 SSE 流式传输 。如标题所言，通过 SSE 流式传输的方式可以让我们不再通过轮询的方式获取服务端返回的结果，进而提升前端页面的性能。 对于需...

2024 年了，关于 Vscode 插件的推荐文章，网上还是不少的，因此，我这里不会罗列重复推荐的插件，而是更侧重基于日常工作的开发场景，分享些自用的，确实能够提升工作效率...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

默认情况下，所有浏览器都会隐藏错误信息。一个原因是除了开发者之外这些信息对别人没什么用，另一个原因是网页在正常操作中报错的固有特性。 防止用户流失。为此，必须理解各种捕获和...

Next.js 提供了 CSR、SSR、SSG、ISR、 Streaming 这么多渲染方式，本文就从渲染方式方面来讲解，让我们可以更好地理解 Next.js 以及使用 N...

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。...

14.4W 播放量的 TS 动画版进阶教程合集来了！通过形象生动的动画，让你轻松搞懂 TypeScript 相关知识，打好进阶 TS 的基础！...

通过生动形象的动画，让你搞清楚 TypeScript type 和 interface 之间的区别，还有一个开发 TS 库时，值得学习的 “黑科技”。...

最近遇见一道不错的 TS 面试题，分享一下。 这道题有 3 个层次，我们一层层来看。 第一层的要求是这样的： 实现一个 zip 函数，对两个数组的元素按顺序两两合并，比如输...

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主...

这 30 道 TS 练习题，你能答对几道？学过 TS 的小伙伴，赶紧来做几道题热热身，巩固一下所学的 TS 知识。...

前言 这篇来自于4月份的笔记，起因是项目中发现 ssr 服务内存 2 周内从 20% 涨到 90%，有很明显的内存泄漏。解决问题之前先搜搜哪些常见的原因 缓存：有意的全局缓...

但是没有太具体的例子。 明人不说暗话，直接上区别。 interface 和 type 都可以拓展，并且两者并不是相互独立的，也就是说 interface 可以 extend...

本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题...

上周发布了 Next.js 的一个全新的版本 13，它带来了全新的理念（server component），作为一名 Next.js 的爱好者，我们有必要重新学习和认识下它...

ts有两种顶层类型：any和unknown，它们非常像，在日常使用中很难界定什么时候该用any，什么时候该用unknown。这篇文章就来捋一捋。...

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber...

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点...

所谓 diff 算法，就是通过比对新旧两个虚拟节点不一样的地方，针对那些不一样的地方进行新增或更新或删除操作。接下来我们详细介绍节点更新的过程。...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...