徐日良

有时候在一些特殊的日子，如重大事故，国家公祭日等，需要将网页设置为灰色。在html中我们可以直接用filter: grayscale(1)来实现，效果如下： 原理 canv...

首先使用context.arc(x,y,r,sAngle,eAngle,counterclockwise)绘制圆形路径，圆心定位到图片中间。然后使用clip()对canva...

如果遇到正某形的情况，可以借助圆来计算。 修改 R 和 r 的值会有很多不同感觉的五角星，两者差距越大，五角星越尖锐，反之越圆润。...

Canvas没有提供API来绘制富文本内容，需要我们把富文本拆分成一个个普通文本来绘制。首先我们了解一下canvas为文本提供了哪些api。 这里通过一个例子来了解一下文本...

clientWidth、clientHeight、offsetWidth、offsetHeight、window.getComputedStyle、getBoundingC...

题图：Egor Khomiakov 注：本文同时发布在 知乎专栏 什么是 Web Audio Api 首先引用一下 MDN 上对 Web Audio Api 的一段描述：...

在上一章中，我们介绍了ref，如果仔细看过，想必对ref应该已经了如指掌了。如果还没有，或着忘记了....可以先回顾一下上篇文章。 reactive这个文件代码其实不多，1...

HTTP/2 相比于 HTTP/1.1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不...

10.5号，国庆佳节，小右男神发布了vue@3.0.0的alpha版代码。反正也没啥事干，最近也在学TypeScript，正好看看男神的代码，学习一下。 从入口文件pack...

我们阅读源码的原因是什么？无非是1：学习；2：更好的使用这个库。如果只是想大致的了解下原理，倒不必花时间阅读源码，几句话，几张图就能搞清楚，网上搜搜应该就有很多。因此，阅读...