leoyzh

在 React 中使用有限状态机，似乎不是一个寻常的话题。因为有限状态机通常和前端关系不大。 但是最近我发现了一个非常棒的技巧，可以在复杂的 React 项目中发挥有限状态...

如何定位并解决前端大数据量场景下的性能问题是非常值得关注的问题，本文围绕大数据量场景下的前端性能问题进行展开，主要介绍了常见的大数据量场景和性能问题原因，同时给出了一些较常...

2. 铁器时代 持续集成：当代码仓库代码发生变更，就会自动对代码进行测试和构建，反馈运行结果。 2.完成上述操作之后，在你想要做持续集成的项目根目录中创建一个文件.trav...

最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中...

“Astro 群岛“指的是静态 HTML 中的交互性的 UI 组件。一个页面上可以有多个岛屿，并且每个岛屿都被独立呈现。你可以将它们想象成在一片由静态（不可交互）的 HTM...

我相信很多同学都遇到过消息推送的场景，因其不需要用户交互而自发产生的行为，所以在具体编码上，需要采用特定的方案 对于这种场景的技术方案，我想大家最常用的无非是下列几种...

如何详细使用WebSocket框架的深度使用时，一个流行的选择是使用Java的Spring框架来实现。...

环境记录 在 JavaScript 代码执行前，执行上下文将经历创建阶段。在创建阶段会发生三件事： this binding ，即我们所熟知的 this 绑定。 创建词法环...

​ 在cms后台管理系统中，大家一定绕不开对Form表单的使用，接下来我们就来详细解析下Antd4 Form的背后实现以及数据仓库的知识。其实Form表单就做了以下几件事情...

逛社区，偶然看到了张图片， 嗯……我眉头一皱，久久不语，心想，有这么夸张吗，假的吧？ 突然想到，最近我在社区发了个前端招聘的信息，结果简历漫天纷飞，塞爆邮箱。 莫非，前端这...

本文是系列第四篇。系列文章： 现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用 现代图片性能优化及体验优化指南 - 响应式图片方案 现代图片性能优...

简单介绍：本人实现了一个常见问题列表，点击列表项进入详情页，目标是在页面切换的时候加过渡效果，提升用户体验。 下面来看具体怎么实现吧。 在 react 项目中可使用官网提供...

33张图爆肝介绍React Fiber双缓冲树机制，为什么React采用双缓冲树，节点删除时React如何释放内存，是否存在内存泄漏的风险...

虽然知道从 16 版本以后，React 采取了**双缓存 fiber tree**，但一直对**双缓存 fiber tree** 存在的意义不是很理解。琢磨了一段时间，感觉...

前言 react 是一个视图层的类库，主要是做dom渲染和响应事件的事情，如果想更高的把控它，可以有脱离基础语法束缚的哲学，从而能够站的更高。 这波能反杀老师的React哲...

前言 对于取消请求，Axios官方曾经推出了CancelToken来实现该功能。而在 2021 年 10 月推出的AxiosV0.22.0版本中却把CancelToken打...

我们总是听到关于很多通过不同的方式从而来提高 Js 性能的观点，而 Tree-Shaking 一直是一个津津乐道的话题。 在写这篇文章之前，我突然想到即使我很清楚的知道 T...

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins ...