yancy__

上节文章中，给大家分享了canvas最基础的用法，包括绘制线条、控制渲染方式、绘制图形、作用域、添加阴影、清理、剪切等功能，本节将继续为大家分享canvas的基础用法，同时也是最后一节基础知识分享，之后的内容，我们将会进入到对webgl的分享中。 1. 文本绘制 首先我们要提到…

首先给大家发布一个消息，从今天开始，作者会陆续分享基于 3D 内容 -- webgl。同时也希望有兴趣的同学一起讨论。闲话咱们就不说了，直接开始正题。（文章略长，阅读请注意休息哟~） 1. 3D基础 -- 初识 canvas（画布） 说到前端的3D开发，肯定避免不了 canva…

我们可以使用getComputedStyle来获取当前元素（也就是百度一下按钮）的最终css属性值，也就是你最终看到的样式，究竟由哪些css属性值组成。 getComputedStyle返回的值是一个具有样式属性的对象，这个对象是一个只读对象。可以通过getPropertyVa…

此时，如果你需要缩放的文字只有一行，并且整行文字都是缩放文字时。我们的缩放之旅也告一段落，我们只要按照文字的比例，调整x、y轴的缩放比即可。 🤔我们发现了一丝丝的不对。。。这个缩放的文字架在了其它文字上！！ 接着通过设置transform-orgin在y轴上的偏移量为字体的两…

在命令行中安装code命令即可，此时我们只要在命令终端键入下面的指令，可以实现同样的效果。 此时我们只要在命令终端键入下面的指令，可以实现同样的效果。 在开始之前我们先创建一个open-ide文件夹，在这个文件夹下新建一个index.js文件。 在命令终端中，执行node in…

JavaScript中的原型和原型链问题，一直是困扰新手乃至于广大前端工程师的重要问题，的确，相对于普通语法来说，它会更加难以理解，在日常开发过程中也不常见。但是……它的重要性是不言而喻的。下面我们就来探究一下。 要理解原型问题，先要了解以下三个属性。 JavaScript中的…

hello everybody，我又来了。上一篇文章中，我们讲解了JavaScript 的原型，有兴趣的同学可以通过传送门进入查看，今天我们来聊聊JavaScript中的this。一起探究下这个比较难理解的问题。话不多说，让我们进入正题吧👇👇👇 首先开始第一个问题，想要了…

本文字数、代码都比较多，建议先不看代码，有兴趣的时候再仔细研究。 被老学究迫害了十几年的我们本能的排斥严肃又充满教育意义的文章。所以总是不想把技术文章写的那么严肃。今天又是一个被无数人写过的课题。（此处略过十万字……）依然略过作者想说的一切废话，直入主题。 咳咳……不知不觉就开…

这几次都是些的基础文章，可能好多人会说基础不太重要，做前端这么久，也没用到多少基础 （首先恭喜你，已经进提前进入了被优化名单）。 下面我们来详细解答一下基础是什么。 怎么样？认识到基础的重要性了吧，如果没有了基础，代码就好像无根之木，空中楼阁，虽然赏心悦目，但是总是短暂的。 直…