touxing

写出好代码的底层逻辑 程序员安身立命的手艺就是写代码，可多少人知道如何才能写出好的代码呢？这几年也做过很多次的代码 CR，可好代码的标准在哪里呢？我们在做 CR 的时候，其实只是停留在代码的表面，主要

平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩、混淆后的部署产物。

学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启动，然后找到对应模块，

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Cursor rules希望你喜欢！

良好的教养并不在于你不会把调味汁打翻到桌布上，而在于别人发生了这样的事你却能视而不见。 —— 契诃夫《带阁楼的房子》

PixiJS作为一个高性能的2D渲染引擎，凭借其强大且灵活的渲染系统，使开发者得以创造出色的图形和动画效果。在现代Web应用程序和游戏开发中，选择适当的渲染器和理解其工作原理是至关重要的。

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

最近在项目中遇到需要视频直播、视频回放等需求，在实现过程中也碰到了很多坑，因此在这里记录一下调研过程中遇到的解决方案。 可以将不同速率的版本切成相应的片；播放器可以直接使用http协议请求流数据。 延迟大小受切片大小影响，不适合直播，适合视频点播。 实时性差，延迟高。HLS 的…