常繁花

当在Web上进行任何3D操作时，开发人员脑海中出现的第一个库是Three.js。Three.js提供高级抽象，以便在浏览器中使用WebGL绘制3D图形。我最近一直在使用它进...

TLS：SSL的新版本 我很长一段时间都不知道“TLS”是什么。基本上，SSL的新版本被称为TLS（SSL 3.0之后的版本是TLS 1.0）。我将始终称之为“SSL”，因...

在网络上共享文件的方法有很多种。您将文件上传到服务器并共享一个链接，其他人可以使用该链接下载该文件。虽然这是一种经过验证的共享数据的方法，现在让我们尝试用一种更“设备到设备...

我最喜欢的谷歌照片应用程序的一个小功能是它的彩色弹出效果。色彩弹出(又名色彩飞溅)效果使主体(通常是一个人)从图像的其余部分中脱颖而出。主题仍然是彩色的，但背景是灰度的。在...

这是一个全面的内容安全策略（CSP）指南。如果您是一名web开发者，CSP是一个重要的概念，需要了解，以保护您的用户免受跨站点脚本（XSS）注入攻击。 在本文中，我们将学习...

为了继续我们的森林例子，我们可以添加一个类似的动画下雪效果。 我们使用简单的雪花扩展了之前的森林示例，并使用各种CSS类将一堆雪花添加到场景中，设置速度和外观的一些变化。然...

我们可以使用CSS设置更传统的动画。在这里，我们使用关键帧 transform 属性设置动画。我们可以在鼠标悬停时触发此效果。 在这里，我们重复使用前面的铃铛示例，然后在整...

路径的另一个有趣用法是创建动画路径。这种方法不仅仅适用于SVG。我们在这里使用的是 offset-path CSS属性，它也适用于任何其他HTML元素。如果检查这个属性的值...

绘制形状并不是路径的唯一用例。我们也可以使用它们绘制一个圆形的路径的文本。我们可以定义一个路径，并在 textPath 元素中使用它来使文本围绕圆圈。 ...

作为终极绘画挑战，让我们画一只熊。 我们从耳朵开始。这两个圆都设置了 fill 和 stroke 属性。我们还在SVG元素上定义了一个类来设置背景颜色。注意，这里我们设置了...

在我们学习了二次贝塞尔曲线和三次贝塞尔曲线之后，让我们做另一个练习，在这里我们使用两者共同绘制。 我们从丝带的右侧开始，用二次贝塞尔曲线。 然后我们继续用三次贝塞尔曲线。 ...

如果你认为立方Béziers是SVG中最复杂的部分，那么我有一个坏消息要告诉你，弧线要复杂得多。不过好消息是，它们很少被使用。 SVG弧的不同参数 弧有7个参数。 最后两个...

让我们再举一个三次和二次贝塞尔的例子。 这个钟的底部是用直线定义的。 然后一个二次贝塞尔绘制钟斗篷。 然后用一个三次贝塞尔曲线继续绘制这条线，形成钟的顶部。 然后，我们到达...

当我们想要弯曲一条线时，二次贝塞尔曲线是很好的，但通常它不够灵活。使用三次贝塞尔曲线，我们不仅有一个控制点，而是两个。第一个控制点设置曲线的初始方向，第二个控制点定义曲线从...

当我们开始使用曲线时，路径元素变得非常强大。我们不仅要设置端点，还要设置控制点。 控制点是一个看不见的坐标，线弯曲到它，但不接触它。看看这张快乐的脸！这里，不可见的控制点位...

B树是一种搜索大量数据的结构。它是在40多年前发明的，但它仍然被大多数现代数据库所使用。虽然有较新的索引结构，如LSM树，但在处理大多数数据库查询时，B树是无敌的。 在阅读...

知道吗，在JavaScript中现在有一种原生的方法来做对象的深层复制？ 没错，这个 structuredClone 函数内置在JavaScript运行时中： 所有的结果都...

形状的填充可以定义为渐变。今天添加一个3D效果到我们的雪人。 升级圣诞装饰品 让我们升级我们在第一天创建的圣诞装饰品。 我们可以添加一个3D效果，通过填充渐变的主圆。在这里...

这个装饰品和我们第一天画的一样，只是它的侧面有一个被定义为折线的图案。默认情况下，多段线与圆形的边不匹配。如果不剪裁此图案，其外观将如下所示： 我们在这里使用剪辑路径，以确...