HuberySun

职位描述 1 、参与抖音的平台业务需求研发，配合产品、测试高质量交付业务需求； 2 、参与核心系统前端工程架构迭代优化，参与 B 端、C 端前端产品的交互规范、性能、体验等...

前言 React 18 作为React下一个大版本，为React添加了一个新的机制 Concurrent rendering，大幅提高了React的性能，推出了时间切片和任...

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnim...

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于...

本文主旨是探究使用framebuffer特性，对blend功能有何影响。 WebGL Blend 回顾前文，可以通过gl.blend开启WebGL混合功能。 本文再通过绘制...

设备像素比 有时候我们会发现，使用WebGL绘制的图片在手机上存在明显的锯齿。 这是因为，目前大多数手机屏幕都采用了HiDPI或者Retina高清屏，相比传统的屏幕的优势是...

矩阵变量 GLSL ES语言中，通过关键字mat2、mat3、mat4声明矩阵，并提供内置函数mat2()、mat3()、mat4()构造矩阵。 支持三种方式初始化矩阵： ...

浏览器合成 从一段简单的HTML代码开始。 如下，在背景色是黑色的body上，绘制一个透明度是0.5的蓝色div。 通过拾色器，可以发现div和body相交的区域的色值是 ...

图像滤镜 CSS3内置了丰富的图像滤镜函数（blur、brightness等），可以轻松地给一张图片应用特效。下面给一张图应用高斯模糊滤镜效果。 更多的css filter...

前言 如果已经看过【零基础学WebGL】绘制图片，或已经了解WebGL绘制基础。 H5播放视频，通常可以使用HTML Video实现。但如果考虑HTML Video在移动端...

前言 阅读本篇文章，假设你已经看过【零基础学WebGL】绘制矩形 ，或已经了解WebGL绘制基础。 通过本文的学习，你可以掌握使用WebGL绘制任何一张图片。下图是本文的示...

着色器，是一种运行在gpu上的小程序，负责图形渲染管线的特定环节。着色器本质上是一种输入输出程序。 - 顶点着色器，从顶点数据中接受输入，通过预定义变量gl_Positio...

Axie Infinity基于以太坊，玩家操控NFT小精灵「Axie」进行战斗、繁殖，游戏大部分过程不需要和区块链交互，这保证了对于游戏来说最重要的可玩性。 AxieInf...

响应式对使用过 Vue 或 RxJS 的小伙伴来说，应该都不会陌生。响应式也是 Vue 的核心功能特性之一，因此如果要想掌握 Vue，我们就必须深刻理解响应式。接下来阿宝哥...