瀚程

向量的基本仿射变换分为平移、缩放和旋转。在学习如何使用 WebGL 绘制 3D 形体前，我们需要学习如何对物体进行仿射变换，比如要看到 3D 物体的不同侧面我们需要学习如何对其进行旋转（只看正面看不出立体效果），另外我们要想添加多个方向或者位置不同的 3D 形体时，不需要重复计…

前言 Promise 是一种异步编程的解决方案，可以认为它是一个容器，里面保存着未来发生的事件结果。 它有三种状态：pending（进行中）、fulfilled（已成功）和rejected

一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可

本文主要是结合Google的开源项目Lighthouse 和 gulp脚本编写了一个前端性能跑分工具。主要用来帮助前端开发工程师能够更加全面的了解自己的网站/项目，快速找出优缺点，以及可以改善的方向。

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

在上一篇文章：《WebGL 坐标系基础（一）》中，我们介绍了WebGL 中常见的几种坐标系以及他们之间的关系。本期将更加“硬核”一些，从数学的角度，推导上期讲到的各个变换矩阵。 在下面的推导中，我们统一使用列向量来表示一个坐标，所谓列向量就是一个N*1 矩阵。例如坐标(x, y…

为什么要写这个系列呢? 这个问题在本系列的第一篇文章中回答了, 大家可以向上翻看. 这系列文章以代码Demo为线索, 从这个demo的搭建过程中去深度理解三维渲染的要素和环节. 具有以下特点: 一. 不使用webgl技术来完成三维渲染, webgl规范帮我们封装了很多底层实现,…

Cypress是常见的UI测试框架之一，UI测试的场景不做赘述，本文旨在探索Cypress检测页面首屏加载时间的最佳实践，目的是为了检测页面首屏加载的性能。文章主要包含实现逻辑、数据保存和报告生成三部分。 没有描述页面完成加载的标志，代码层面表现为cy.visit()没有给出断…

本文想通过一个例子来说明高阶函数如何能帮助我们建立更高层次的抽象。 函数是一种抽象方式，描述了一系列操作的集合，它提供了一种直接在抽象的层次上工作的能力。举个例子：求特定数值的立方，函数实现可以是： 这里函数描述了求立方这一个概念,而不依赖某一个具体的数。于是，函数cube能很…