前端基础

现在的服务端渲染框架越发成熟，很多时候只需要开箱即用即可。这里我将通过几个项目介绍react服务端渲染的原理，以及如何搭建一个小而美的react服务端渲染框架

总结了一下之前做白板项目时，解构了开源白板Excalidraw的源码，并沉淀了Canvas相关的绘图基础。

采用类似TCP分包传输的协议，实现BLE蓝牙通信协议。同时采用异步串行任务队列的方案控制串行写数据。

在WebGL中，为什么使用图片类型的纹理时，绘制出来的结果是上下颠倒的。WebGL纹理坐标的原点是在左下角还是左上角？

本篇文WebGL纹理的使用、纹理尺寸及其限制、以及如何正确设置纹理参数才能正常显示纹理。并穷举了不同尺寸的纹理的使用

颜色缓冲区在WebGL渲染管线的最终阶段，经过顶点处理、图元装配、光栅化以及片元处理后，每个片元的颜色值会被写入颜色缓冲区。这些颜色值决定了屏幕上每个像素最终显示的颜色，那颜色缓冲区什么时候被重置？

在开发中，经常需要实现容器在拉伸的过程中，容器的背景图片能够自适应同时不变形。比如下面聊天框的效果，不管内容多长，聊天框的背景撑满容器，同时箭头及边框不拉伸。

这可能是最通用的合并参数的操作方法，不仅仅是合并请求的参数，凡是需要频率控制或者节流的操作都可以基于这个方法封装一层

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

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

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

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

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

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

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

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

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

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

本篇文章研究通过 window.open 和 new BrowserWindow 两种方案创建新窗口内存开销、进程数量对比。

本节我们通过简单的在canvas上绘制矩形，学习如何实现无限画布，屏幕坐标系如何转换成canvas坐标系，无限画布如何导出成图片