ottaakku

前言 这是一篇属于面向前端的关于CICD和Github Action的入门文章，其旨在： 入门掌握Github Action的用法 学习CI和CD的含义及其实现细节 基于G...

瀑布流是大家日常开发过程中经常遇到的一个场景，公司内部的组件库中也提供了一些解决方案。但这些方案适用场景都很单一，且每个实现方案都或多或少存在一些问题，基于此，我们设计与开...

我们在网上浏览时，经常能看到很多网站，随着页面滚动条向下滑动时，有非常丰富的页面动画效果；相信很多小伙伴也都很好奇，这样的网站效果是如何做出来的。我们本文就来深入的学习一下...

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17...

分享一些个人整理的高质量的前端资源，减少初学者面对学习资源的信息差，保持输入的是流行和前沿的技术，资源不限于 知名开发者 / 博主，文档，视频，书籍，演示网站，工具。...

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去...

如果你曾经注意到过基于WebKit的浏览器在执行某些CSS操作（尤其是transform和animation）时出现的“闪烁”，那么你很可能接触过“硬件加速”这个术语。 C...

1. 什么是图层？ 2. 浏览器是如何绘制图层的？ 3. GraphicsLayer Tree有着什么能力？ 4. 在页面优化中，在写代码的时候，如何利用图层进行优化？...

1. 使用 chrome 浏览器打开一个页面， 要启动哪些进程？ 打开 chrome浏览器 时，启动的 进程 包括: 一个浏览器主进程、一个GPU进程、一个网络进程、多个渲...

谈到 react 的工作过程，不得不提的一定会有 fiber tree 的协调过程、diff 算法比较、更新副作用的处理这些内容。在之前的 漫谈 react 系列(一)：初...

现在 react 18 已经进入了快速迭代期，相信再过不久就会出稳定版本，到时我们就可以使用稳定版本提供的新特性 - Concurrent 模式了......

TS 只是 JS 的增强而已吗？你知道什么是类型编程吗？ 看完本篇文章，让你对类型编程，念头通达。...

1. 为什么使用Fiber 如果使用过React15的人，可能大致了解，其实15版本是基于Stack Reconcilation。它是递归、同步的方式。栈的优点在于用少量的...

本章从以下六个问题开始学习react优先级管理： 1.为什么需要优先级？ 2.react有几种优先级?3.lane和位运算符的关系?4.优先级机制是如何设计的？5.Reac...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...