Zack921

今天这篇文章，很有意思，它来源于我曾经的一次真实面试里的其中一个小问题。当时是终面，面我的是那家公司的技术顾问，在面试前hr还让我看了他的履历，是一位1996年就进了麻省理工计算机系的大佬。。。

本期就跟大家具体说说，我是如何来对系统屏幕进行获取和区域裁切，快捷键设置，以及最终打包成这样一个截屏工具软件的。

3D 渲染是前端比较有深度的领域。本文将从 demo 切入，阐述 WebGL 到 Threejs 的演进过程。

Threejs 给我们封装的阴影虽然简单易用，但太过上层，不够灵活。当我们需要在自定义材质中使用阴影时，Threejs 并不会给我们提供阴影信息。为了解决这类特殊场景，我们就来自己实现一套阴影吧～

骨骼动画作为一种常见的模型动画，在公司的很多 3d 场景都有涉及。本文会介绍用建模软件制作骨骼动画到 web 渲染整个流程，以及骨骼动画的原理

3D世界中的阴影有很多种实现方式，其中 ShadowMap 是比较常用的方案。 本文将介绍用 ShadowMap 生成阴影的原理、相关着色器代码以及阴影质量的逐步优化。 一. 阴影是如何产生的 在自然界中，一个不自发光的物体要被看见，是需要光源照射的。由于光是沿直线传播的，当光…

在小米实习的空闲时间，探索一下vue源码中响应式原理的实现。 整个vue架构看下来，主要分为三个部分：响应式原理，编译器的实现 以及 patch算法。 以下是对响应式原理的个人理解，看下来，大致是利用 发布-订阅模式 + 异步更新。 当我们初始化一个vue实例并把它绑定到相应的…

在小米实习的空闲时间，探索一下vue源码中diff的实现。 在我响应式原理那片博客中，我们已经了解到，当vue实例被检测的属性改变时，会发生视图更新，即调用updateComponent函数对视图进行重新渲染。 在该函数中，执行vm._render()时，会去获取相关属性最新情…

入职第一周，导师让我做一下GraphQL的分享，瑟瑟发抖中完成了任务。周末抽空整理成博客。 目前大多数网站都基于Restful架构，在该模式下，每个资源都有自己配套的一个API接口。用URI来定位资源，Method来描述对资源做什么操作。 现在在该模式下，我们有这样一个需求：显…