NewbieYoung

如标题所言都是些很基础但是异常重要的数学知识，如果不能彻底掌握它们，在 3D 的世界中你将寸步难行。 在构建 3D 场景时我们需要一个坐标系来描述场景中所有点的坐标，这个坐标系也被称为世界坐标系；一般默认为你面朝计算机屏幕时，X 轴是水平的（正方向为右），Y 轴是垂直的（正方向…

目前流行的“截屏”实现方案按生成图片的方式可以分为客户端截屏和服务端截屏两种。 服务端截屏一般做法是使用 Puppeteer 或者其它 Headless 浏览器渲染页面生成图片，这种方式规避了目前繁多浏览器以及终端导致的前端兼容性问题，但是会消耗大量的服务器资源（启动 Head…

SimpleCrop 目前是全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。 项目地址：https://github.com/newbieYoung/Simple-Crop。 交互体验媲美原生客户端。 在裁剪图片场景中，存在两个坐标系，其一是裁剪图…

使用 SVG 和 WebGL 技术用单方向的高斯模糊滤镜模拟直线运动模糊滤镜

JavaScript实现K近邻结合感知哈希算法识别手写数字

在ThreeJS四步制作一个简易魔方中介绍了怎么实现一个可以转动的简易魔方，接来下准备介绍下怎么让这个简易魔方具备自动还原的功能。 在210次自动测试中，平均步数为197步，平均时长为44秒，和代码中设定的0.2秒一步基本吻合，从自动测试数据来看，目前的实现还没有达到该算法的最…

如果你想仔细了解文中WebGL实现的滤镜算法，首先你得具备一些原生WebGL知识，但是如果你只是想大概了解滤镜算法的作用和规律，不具备原生WebGL知识也没关系，建议跳过具体实现，聚焦文字说明、函数、图形、矩阵等；另外下述部分关于滤镜的WebGL实现都是参考于WebGLImag…

简单总结了实现移动端网页绝对自适应的五种方法；百分比、媒体查询、REM、meta inital-scale、transform scale以及每种方法的优缺点以及可能会遇到的坑。