希沃ENOW大前端

前言 在听到这么一个问题的时候，首先脑海中总体思路是这样子的： 认识自定义Hook的基本概念 能够使用自定义Hook进行复用逻辑的封装 了解自定义Hook的最佳实践与工作原理 进一步深入Hook底层原

本系列将会和大家一起从了解面向对象开始，再深入到常用的设计模式，一起探索TypeScript配合设计模式在我们平时开发过程中的无限可能，设计出易维护、易扩展、易复用、灵活性好的程序。

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

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

本人前端小白一枚，最近在做文本的艺术字效果，里面用到了很多css的属性来实现的文字效果，期间也遇到一些坑，借此机会做一次总结，希望对大家有所帮助。 以上填充效果可以通过 background-clip: text来实现，使用这个属性的意思是：以区块内的文字作为裁剪区域向外裁剪，…

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

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

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

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