王兴欣

PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛 预览 https://newnewking.github.io/2022chunjie/ 如果加载比较慢 可以在github

在canvas中，可以通过getImageData()方法来获取像素数据。 data：数组，包含了像素信息，每个像素会有四个长度，如[255,0,0,255, ... ,255,127,0,255],分别代表该像素的RGBA值。 width：imageData对象的宽。 hei…

烟花炸裂后微粒：自身位置（x, y），自身大小（size），自身速度（rate），最大烟花半径（radius）。 config：为全局变量，以及控制参数，包括画布宽高，设定烟花属性等。 此时烟花是这样的，感觉少了点小尾巴。 现在我们每一帧都是清除了画布，如果要加上小尾巴其实也很…

在Vue中有一个nextTick方法，偶然一天，我发现不管代码的顺序如何，nextTick总是要比setTimeout先要执行。同样是排队，凭什么你nextTick就要比我快？ 开局一道题，内容全靠编。（在node下运行，答案在文末给出。） 这道题想必大家都见得很多了，答案脱口…

在初学Vue的时候，我发现了一个神奇的事情，在props和data里的属性、methods里面的方法，居然能够通过this.xx直接使用。 这特么是一种武功？在下第一个不服，打算一探究竟。 熟话说，知己知彼才能百战不殆，待在下偷看一下Vue的武功秘籍，想好对策，再去上门踢馆。然…

Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。 例如const obj = {},然后再调用defineReactive(obj,'…

二零一七年十一月十三日，就是我开始前端之旅的第n日，我独在卧室外徘徊，遇见程君，前来问我道，“你可曾为http缓存写了一点什么没有？”我说“没有”，他就正告我，“你还是写一点罢，http缓存应该很高兴与你相识，你们可以相互认识多一点”。 可是我实在无话可说。我只觉得所住的并非人…

查看官方文档才发现，不是女神太高冷，而是你没用对方法。 看来想让女神自己动，关键得用对方法。虽然在官方文档中已经给出了方法，但是在下实在好奇的紧，想要解锁更多姿势的话，那就必须先要深入女神的心，于是乎才有了去探索Vue响应式原理的想法。(如果你愿意一层一层地剥开我的心。你会发现…