米老糍

H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？...

懒编译 webpack从5.17.0开始引入了 lazyCompilation, 为入口和异步模块提供按需编译服务。即使项目无限增大, 也可以将项目的调试编译时间维持在一个...

一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot M...

之前被问到webpack和vite在热更新方面有什么区别，当时并不知道具体细节，这两天研究了一下，因为在看webpack热更新过程中有些吃力，所以自己又去理解并整理了一下。...

`Unplugin`提供了一个非常简单的API，适配`Vite/Rollup/webpack/esbuild/Rspack/`，只需要开发一个`unplugin`就可以输出...

说到 React 状态管理库，大家已经习惯了使用 Redux，所以在开始介绍 Recoil 之前，我们先来看个使用场景，对比下两个库的设计思想和实现方式。 左边为所有 It...

React 状态管理工具五花八门，dva、mobx、recoil、zustand。换做是你，你会怎么选呢？选择一个合适的状态管理工具，对项目研发是至关重要的，来看看我的选择...

网络链路上，由服务端发出接口请求，将返回数据随 HTML 响应内容一次性传递到客户端，比 CSR 二次请求更快。并且服务端网络传输速度更快（可以有更大带宽）、通信路径更短（...

概述 React 18 将包括对 React 服务器端渲染（SSR）性能的架构改进。这些改进是实质性的，并且是几年来工作的结晶。这些改进大多是在幕后进行的，但有一些选择性机...

当我们在谈论前端渲染方式的时候，更多是在围绕着这个页面，到底需要走客户端渲染(CSR)和还是走服务端渲染(SSR)。那么，这两种渲染方式的本质区别是什么？为什么网上有很多文...

前后端分离算是最近Web开发的大趋势了，目前已经有大量的公司使用了前后端分离的开发方式。那我们就来大概谈谈前后端分离开发中必须要了解和接触的几个概念：SPA、SEO和SSR...

搜狗百科是一个服务于互联网用户的高质量内容平台。文章主要介绍团队在梳理业务时发现百科无线前端项目在研发流程、架构设计、研发效率、页面性能等方面存在诸多问题和痛点。...

关于 Chrome DevTools Performance 的使用与分析 为什么使用 Performance ? 事物的存在必然有它的原因，Performance存在的原...

要了解堆首先得了解一下二叉树，在计算机科学中，二叉树是每个节点最多有两个子树的树结构。通常子树被称作“左子树”（left subtree）和“右子树”（right subt...

完全二叉树： 除了最后一层之外的其他每一层都被完全填充，并且所有结点都保持向左对齐。 满二叉树：除了叶子结点之外的每一个结点都有两个孩子，每一层(当然包含最后一层)都被完全...

链表的结构十分简单，其本身是一种线性的存储结构，通过物理地址不连续的节点相连接成链。最简单的单链表只包含一条链，并且每一个节点包括两部分内容，数据元素和下一个节点的地址。因...

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。...

一、前言 大家好，由于最近在研究如何提高项目启动速度，项目是基于webpack的，也找了很多方法。 最后试下来，有这么几种方式可以明显提升构建速度： 使用 webpack5...

什么是并查集 并查集是一种数据结构，并查集这个词应该拆成三个字来解释 “集”：即 “集合”，说明这种数据结构是用来操作集合的 “并”：即 “合并”，说明这种数据结构中含有将...

作者：AJ，更多文章可微信搜索业余码农关注阅读。​ ​数据结构想必大家都不会陌生，对于一个成熟的程序员而言，熟悉和掌握数据结构和算法也是基本功之一。数据结构本身其实不过是数...