thisGH

作为前端同学，或多或少都会接到动画需求。目前动画效果越来越酷炫，动画的绘制难度也逐渐增大。在上述两篇文章中都各自讲述了 APNG、Lottie 的原理、优缺点等，今天要讲的主题是 Video 实现动画

今天为大家带来的是IQ大神（Inigo Quilez）在2013年的Shader作品，BeautyPI的代码讲解。 首先，我们先来看一下最终的效果。 这个Shader会使用到以下的技：……

如何设计一款任务调度器有序的控制任务并发数，在 Webpack5 中我找到了答案。文章带你了解V5新增的任务调度机制，利用它设计哲学循序渐进带你实现一款属于自己的任务调度器。

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。

作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…

本文的内容比较硬核，我们一起来看下 JavaScript 全局变量的底层机制到底是怎样的。文章会涉及脚本作用域、全局对象等概念。 变量的词法作用域（简称作用域）是程序中可以访问它的区域。JavaScript 的作用域是静态的（在运行时不会改变），并可以嵌套——例如： if 语句…

孩子没娘，说来话长。 本篇文章从 Event Loop 起因说起，通过探讨 浏览器环境 Event Loop 和 Node.js 环境 Event Loop，从而解惑工作中产生的困扰，扩展你面试知识点。 第三章 Event Loop：解释 Event Loop 产生原因和代码演…

单例模式思想在于保证一个特定类仅有一个实例，意味着当你第二次使用同一个类创建信对象时，应得到和第一次创建对象完全相同。 可以来划分命名空间，从而清除全局变量所带来的风险。 可以把代码组织的更为一体，便于阅读和维护。 可以被实例化，且实例化一次。 如上代码，实现一个单例模式，无非…

项目使用的是Vue全家桶系列(vue, vuex, vue-router)构建的, 项目代码量和业务复杂度还是有一些. etc... 凡此种种, 想起之前看过的一段话"欠的债, 迟早要还的". => TypeScript, 也许可以试试. TypeScript 具有类型系统，且…