H5
菜鸡的全栈路
本博客仅供自己在学习、工作的过程中记录、总结,以便日后复习。当然本着开源的精神,如果能帮助到他人,也是一件很高兴的事情。
展开
-
canvas基础及svg
canvas的使用页面上有一个canvas标签获取到这个标签var canvas = decument.ElementsByTagName(“canvas”);得到一个用于在画布上绘图的环境。var ctx = canvas.getContext(“2d”) //目前只支持2d在CanvasRenderingContext2D 对象的原型链上编程,例如画一个扇形C...原创 2019-04-11 11:06:09 · 298 阅读 · 0 评论 -
canvas应用之刮刮乐实现
<!DOCTYPE html><html><head> <title>刮刮乐</title></head><body> <canvas id="can" width="500" height="500"></canvas> <script type="text/javas...原创 2019-04-11 15:29:35 · 519 阅读 · 0 评论 -
请求动画帧、历史记录、worker
requestAnimationFrame历史记录worker原创 2019-04-12 17:40:01 · 366 阅读 · 0 评论 -
storage存储
cookie详见:cookie介绍与使用storage只在本地,不参与网络传输,存储的都是字符串localstorage/seesionstorage存储/取出数据:localstorage.name = "tanjw"//可以利用json的方法将对象转为字符串,方便存取使用。localstorage.name //就取出了有效期localstorage,永久存储(除非手动删...原创 2019-04-12 18:15:20 · 2228 阅读 · 0 评论 -
drag&drop
用于各种拖动操作中。使用前介绍一下两个基本概念:在一个元素上添加属性draggable="true",该元素就成为一个被拖拽元素将被拖拽元素拖入目标元素拖拽事件(加粗元素才拥有该事件)dragstart:被拖拽元素开始被拖拽时触发。dragend:被拖拽元素拖拽完成时触发。dragenter:被拖拽元素进入目标元素时触发。(实际上是鼠标进入目标元素才会触发,即使拖拽元素部分进入...原创 2019-04-13 17:27:56 · 1760 阅读 · 0 评论