canvas鼠标拖动喷字效果

记得好久之前在w3cfuns上看到有人做过这个效果,对于其实现也许可能还有朋友不是很明白,个人觉得这个效果还是比较简单的,在这里对这个效果做一个简单的介绍。 其实我觉得实现这个效果主要是对各种鼠标...

数据结构与算法 – 链表

链表是由一组节点组成的集合。 每个节点都使用一个对象的引用指向它的后继。 指向另一个节点的引用叫做链。 链表有三种类型,单向链表,双向链表和循环链表,这里重点只介绍前面两种链表。 链表的类包含了两...

Javascript操作Cookie

很多情况下我们会需要将一些数据保存在本地,节省资源和获取更好的用户体验,比如购物车数据,用户登录信息之类的,对于保存这些数据cookie无疑是首选,那么如何使用cookie保存和获取这些数据呢? ...

数据结构与算法 - 队列

队列是一种列表,不同的是队列只能在队尾插入元素,在队首删除元素。队列用于存储按 顺序排列的数据,先进先出,这点和栈不一样,在栈中,最后入栈的元素反而被优先处 理。可以将队列想象成在银行前排队的人群...

数据结构与算法 – 栈

栈是一种特殊的列表, 栈内的元素只能通过列表的一端访问, 这一端称为栈顶。 咖啡厅内的一摞盘子是现实世界常见的栈的例子。 只能从最上面取盘子, 盘子洗净后, 也只能摞在这一摞盘子的最上面。 栈被称...

js事件穿透实现

很多时候我们可能会遇到事件穿透这样的问题,就是说在一个元素a上面遮了另外一个元素b,b完全遮住a,然后我们在点击b的时候,如果该点击位置在a的区域内,那么同时应该触发a的相应事件。但是默认情况下,...

数据结构与算法-列表

在日常生活中,人们经常使用列表:待办事项列表、购物清单、十佳榜单、最后十名榜单 等。计算机程序也在使用列表,尤其是列表中保存的元素不是太多时。当不需要在一个很 长的序列中查找元素,或者对其进行排序...

Canvas中clearRect失效问题

我们在使用canvas的过程中,可能会遇到这样的问题,我们在重绘画布图片的时候,当多重绘的间隔比较短或者说几乎同时执行的时候,我们发现一个问题,clearRect失效了,一半重绘都是在元素状态更新...

Canvas生成姓名文字头像

很多项目管理工具都会有姓名文字头像这样一个功能,这样便于管理者或者成员更容易找到成员相关的内容,对于生成这样的图片方法很多,后端,前端均可生成,下面演示一个用canvas生成文字头像的例子。 代码...