runnerdancer

学习什么是WebGL的视口，WebGL画布的两种尺寸。学会如何正确的设置画布尺寸，以及对应的坐标系统。如何将屏幕空间坐标转换成WebG裁剪空间坐标。...

uniform全局变量在着色程序运行前赋值，在运行过程中全局有效。在一次绘制中对所有顶点保持一致值。本篇文章详解uniform全局变量...

深入剖析gl.vertexAttribPointer各个参数的作用，如何通过同个缓冲传递不同数据类型的数据...

This article summarizes key points about Scheduling API...

深入浅出学习WebGL中的属性和缓冲，通过一系列伪代码以及Demo深入理解属性和缓冲的内部工作原理。...

在绘制图形会阻塞主线程，如果主线程中还有其他的任务也会表现出卡顿的效果，Canvas 的渲染性能越来越差。这节我们将通过 OffscreenCanvas + Worker进...

本篇文章主要介绍Lighthouse跑分各指标计算规则，并通过简单的demo讲解各指标的耗时及分数。同时如何通过nodejs脚本结合cicd实现跑分工程化，在开发阶段实现性...

本篇文章通过几个实例讲解Node事件循环原理，了解各个阶段的执行顺序。并简单概括node事件循环和浏览器事件循环的区别...

前言 书接上回 如何实现一个自由绘制的 Canvas 画板，当我们实现了一个自由书写的 Canvas 画板后，我们发现采集的点越少，画出来的圈圈越不圆润，这时候我们可以使用...

本篇文章探讨cluster模式是不是开启的进程数量越多越好，以及cluster模式是如何影响node服务的性能的。同时还介绍了ab性能测试工具的简单实用，以及pm2的简单使...

通过本篇文章学习node基本架构，进程线程的基础知识，CPU线程调度。 Node是否单线程？ 线程是不是越多越好？以及node线程池的基本原理...

本篇文章主要是通过介绍webpack5模块联邦的基本配置，分析主应用和子应用打包后的产物，结合网络请求、源码等手段，以熟悉子应用如何和主应用共享依赖，子应用是如何加载主应用...

本篇文章介绍zip文件格式协议以及js如何生成zip文件。手把手学习解析zip文件。通过本篇文章也能了解jszip的实现原理...

如何优雅的封装indexedDB？调用方如何安全放心的操作indexedDB数据库？如何借助resolvablePromise增强异步编程的能力？...

动态import原理分析及源码实现。在低版本的浏览器中并不支持动态import，webpack在构建编译阶段是如何实现动态import垫片(即polyfill)的？...

为了兼容不同浏览器以及管理事件，React 自身实现了一套自己的事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等，虽然和原生的是两码事，但也是基于浏览器的事件机制下...