whathave

背景 前置文章：浏览器: cookie机制完全解析 在考虑token是否应该存储在cookie或localStorage中时，我们需要综合考虑安全性、便利性、两者的能力边界...

用户登录成功之后，两个 token（一个 access_token、一个 refresh_token），访问接口时携带 access_token 访问，当 access_t...

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议...

在 2024 年的 CSS 原生属性中允许使用 1 个 CSS 属性 align-content: center进行垂直居中。...

前几天刚写下了一篇关于介绍G6的博客，有兴趣的可以看一下。后面回想起来发现当时把篇幅都花在介绍G6的核心概念上面了，真正实战和后面问题部分的总结还不够完善。因此再写一篇博客...

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使...

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删...

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。...

1. 前言 记录一下使用G6绘制几种常见的关联图谱，包含自定义节点和自定义边的使用，还有一些交互行为。...

我正在参加「掘金·启航计划」 前言 上一节，进行数据处理最后渲染到画布上的节点默认是 Circle 圆节点，但内置圆节点并不能满足实际需求，接下来通过自定义节点来实现效果 ...

G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight...

刚进初创公司或者搭建新的团队，不知如何开始建设？又或业务代码/工具写麻了？想了解一些工程化基建的知识？大小公司怎么样偏重？这篇浅浅了解一下前端的基础建设法子！...

本文正在参加「金石计划」 一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

前言 我们经常能在webpack和ES6相关知识中看到静态分析（静态优化）这个词，今天我们就来给静态分析做个分析，希望看完这篇文章，能让你知道以下三个内容： 什么是静态分析...

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。...

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-...