Alick

作为 react 最新特性，服务端组件提供了一种在组件里面编写后端逻辑的思路，还可以使得最终 js 产物减少，提升网站运行速度。本文主要介绍服务端渲染以及服务端组件的相关概...

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区...

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响...

本文为稀土掘金技术社区首发签约文章。大数据列表的渲染是一个比较常见的问题，通常咱们都是使用虚拟滚动来进行优化，但目前的虚拟滚动基本都是定高的虚拟滚动。因此本文介绍了一种不定...

学习卡卡颂老师的 React 源码课程，通过自己写一个 小型 React 来学习其中的思想，对其中涉及到数据结构相关部分的内容有所感悟，跟大家分享一下。...

requestIdleCallback 是什么？ requestIdleCallback 是一个还在实验中的 api,可以让我们在浏览器空闲的时候做一些事情 Request...

requestAnimationFrame 该api告诉浏览器，希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数...

读者可以从中看到工业界与学术界两种不同的视角下的碰撞，抽象与具体的观察，两位老师会谈到对 Rust、Go、PHP、WebAssably、编译器、hasell、低代码、元宇宙...

如果打造一个高性能的高体验的无限滚动组件？虚拟滚动是一个很好的方案，使用固定个数元素来模拟滚动，减少大量的元素渲染对性能的消耗...

大家在的和面试官在基础知识上你来我往，面试官对你很感兴趣：小伙子我看你骨骼惊奇，一看就是前端开发的好苗子。那你能不能给露两手，你做过哪些项目？你项目中你认为的技术难点是什么...

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、m...

从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文（基于v16.8.6）就以笔者自己...

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什...

前言 在深究 React 的 setState 原理的时候，我们先要考虑一个问题：setState 是异步的吗？ 首先以 class component 为例，请看下述代码...

一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次...

React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom...

深入解读CSS3硬件加速（GPU加速）进程。进一步加深对浏览器渲染的知识广度，提高页面性能，促进开发...

如果你是一个前端开发者，甚至每天浏览器陪伴你度过的时光比女朋友陪伴你的都要久，想想那每一个令人“不是那么期待”的早晨，每一个争分夺秒完成任务的黄昏，只有浏览器和编辑器一直是...

webpack配置中需要掌握entry,output,module,plugin等配置，module主要是配置rules，用来解析非js文件。plugin用来对打包过程和打...