苏瑾年

新来的实习生妹子问了一个问题：「你看 Chrome 的 Devtools 调试工具，代码写一半还没运行下面就会提示输出结果，这个咋做到的？」 咋做的？

时至今日，短视频App可谓是如日中天，一片兴兴向荣。随着短视频的兴起，音视频开发也越来越受到重视，但是由于音视频开发涉及知识面比较广，入门门槛相对较高，让许许多多开发者望而生畏。 虽然网上有很多的博文总结了音视频打怪升级的路线，但是音视频开发相关的知识都相对独立，有讲“音视频解…

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

光栅化：简单来说就是将物体的顶点信息呈现在屏幕的过程，而屏幕有最小的单位点---像素，所以我们需要考虑如何用像素去逼近物体的构建画面（直线和三角形） 直线的绘制是肯定的，但是为什么面一定是三角形呢？因

首先，这是一个类矩形，一张图片，进行变换。所以我们的实现流程是 这一步，我们的主要目的是了解其基本知识及概念，从中边学边画边了解。 我们首先了解一下，webgl整个绘制过程是怎样的，它与我们日常的js逻辑有啥差异。 大白话就是着色器程序就是用来设定整张画布绘制的位置和绘制的颜色…

这里我们的核心目标是动画的背景可替换，比如说，这里的视频可以有背景色，像以下的图。 接下来我们先对方案进行对比。 选用webgl的话，目前已经有很多很成熟且大型的库可供使用比如pixijs lottie，这些库动画效果酷炫，体积偏大，比如pixijs的cdn版本有80k，lot…

在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。 近期，公司的多个项目中都对手势有着较高的需求，已有的手势库无法完全 co…

先说一下这次大会很长，我最后两场没听了。不过比较劲爆的是知道了阿里的钉钉是用的c++的框架开发的。果然前端做客户端方面还是有所欠缺啊。 这次大会是8场，从早上10点到下午6点。分别有 我个人听的迷迷糊糊，其中我记得贝贝集团讲的非常干货。几乎是纯技术角度分享了自己遇到的问题。我个…

上一篇「前端监控:监控SDK手摸手Teach-架构篇(已开源)」讲的是SDK的整体架构，这篇讲的是监控代码的具体实现