amenging

首先，这让我想到了，年初的时候沉迷的一个网站 CSS Battle 。这个网站是核心玩法就是： 官方给出一张图形，在给定的 400 x 300 的画布上，能够用越短的代码实现它，分数就越高。 注意是，完全一模一样还原。 额，这样当然可以，但是看看文章的标题，一行 CSS ？这明…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

一开始的浏览器可以支持很多东西，如Java、Flash、VBScript。但最后只有JavaScrip🐕到了最后。我就来记录下它的坎坷经历吧，泪目。 1. JavaScript的生父和它的诞生 说起JavaScript(简称JS)，就不得不提到它的设计者也就是生父：布兰登·艾…

最近沉迷掘金不能自拔，一整天都在掘金上面刷呀刷，同时还在一边使用VSCode码代码。我突发奇想，能不能把掘金塞进VSCode里呢？在做之前，当然要做一下市场调查，市面上有另外两个掘金相关的插件，但完成度和使用体验我都不太满意。 1. 不能影响掘金该有的流量 2. 必须能提供一些…

其次，我开通了我的个人主页，里面有自己的技术文章，还会有个人的随想、思考和日志。以后所有的文章都会第一时间更新到这里，然后同步到其他平台。有喜欢的朋友可以没事去逛逛，再次感谢大家的支持！ 定义一个<canvas> </canvas> 画布。 定义一个<canvas> </can…

答：在电脑或者手机显示屏的某一块地方，决定哪个像素点在什么时间是什么颜色。无他尔。 确实是这样，所有上面说的那些大目标，都是在屏幕上决定像素点的颜色而已。说实在的，这与绘画者拿一只笔在纸上画画，没什么区别。绘画者可不就是在决定纸上的什么位置是什么颜色吗，就这么简单。 当然，我要…

在屏幕中间，画一个半径是1的圆。 关于这个问题，我们这节课就来完成这个小目标。 如果给我一支真实的笔，我能立即马上顷刻间完成这个小目标，太简单了。因为我们人类都能听懂这个目标：屏幕中间，半径为1，圆。 但是 WebGL 这家伙可听不懂这种描述，我们要更加数学化一点。WebGL …

目标：在屏幕中间，画一个半径是1的圆。 上面的代码就是一个简单的网页，关于网页的基本知识不属于本课程的范畴，请大家自行研究啊。 一个 canvas 标签，就好像，我们在桌面上铺好了一张纸。 pen 这个变量就是笔的抽象。此时，这个 pen 就可以在 pointCanvas 这张…

本文是接着上文来讲的，如果没有看过上一篇，还是请先看完前一篇为好。 我们的目标是在纸(canvas)的中间画一个半径是1的圆，颜色是黑的。根据前面几课的介绍，我们知道，一个圆就是一堆离散的点组成的一个模拟图形而已。所以，我们要将这一堆点的坐标计算出来，点的个数越多，我们的结果呈…